/* Navigation Menu CSS */ .wlfmc-popup-content i.wlfmc-svg svg.e-font-icon-svg { width: 20px; fill: var(--button-text-color); } .wlfmc-add-button .wlfmc-action .wlfmc-svg::after { margin-left: 5px; } .tmpcoder-navigation-menu__layout-horizontal ul li:first-child a{padding-left: 0 !important;} .tmpcoder-menu-first-sep-hide-yes ul li:first-child .custom-icon{display: none !important;} a {transition: all 400ms ease;} .tmpcoder-navigation-menu .custom-icon{content: '';float: left;} ul.tmpcoder-navigation-menu, .tmpcoder-navigation-menu li, .tmpcoder-navigation-menu ul { list-style: none !important; margin: 0; padding: 0; } @media only screen and (min-width: 1025px) { /* submenu hide */ .tmpcoder-navigation-menu ul ul { position: absolute; left: 6px; min-width: 250px; text-align: left; z-index: 1; top: 70px; visibility: hidden; opacity: 0; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%); border-radius: 5px; background: var(--theme-global-color-1); } .sub-menu-dropdown .tmpcoder-navigation-menu .tmpcoder-has-submenu:before{ content: "\f107"; font-family: fontawesome; position: absolute; right: -12px; transition: all 400ms ease; font-size: 20px; height: 100%; display: flex; align-items: center; } .sub-menu-dropdown .tmpcoder-navigation-menu .tmpcoder-has-submenu:hover:before{ color: var(--theme-button-background); transform: rotate(180deg); } .sub-menu-dropdown .tmpcoder-navigation-menu .tmpcoder-has-submenu:hover .tmpcoder-has-submenu-container a{ color: var(--theme-button-background) !important; } .sub-menu-dropdown .tmpcoder-navigation-menu .tmpcoder-has-submenu:hover .tmpcoder-has-submenu-container a:after{ background-color: var(--theme-button-background); opacity: 1 !important; } /* submenu style */ .sub-menu-dropdown .tmpcoder-navigation-menu li:hover ul { visibility: visible; opacity: 1; top: 61px; } .sub-menu-dropdown .tmpcoder-navigation-menu ul a{ position: relative; border-bottom: 1px solid; } .sub-menu-dropdown .tmpcoder-navigation-menu ul li:last-child a{ border-bottom: 0px !important; } .sub-menu-dropdown .tmpcoder-navigation-menu ul a:before{ content: ""; position: absolute; top: 0; left: 0; width: 0px; height: 100%; transition: all 400ms ease; } .sub-menu-dropdown .tmpcoder-navigation-menu ul li:hover a{ padding-left: 30px !important; } .sub-menu-dropdown .tmpcoder-navigation-menu ul li:hover a:before{ background-color: var(--theme-button-background) !important; width: 5px; } } .news-img .news-date-bg {opacity: 0.5;} @media (min-width: 1025px) and (max-width: 1199px) { .sub-menu-dropdown .tmpcoder-navigation-menu > li{ margin-right: 40px !important; } .sub-menu-dropdown .tmpcoder-navigation-menu > li.elementor-button-wrapper{ margin-right: 0px !important; } } @media only screen and (max-width: 1024px) { .tmpcoder-navigation-menu ul ul { display: none; } .sub-menu-dropdown ul.tmpcoder-navigation-menu li .sub-menu-active+span+ul { display: block; } .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .tmpcoder-has-submenu-container .tmpcoder-menu-toggle { border: none; } .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .tmpcoder-has-submenu-container .tmpcoder-menu-toggle i:before { content: "" !important; position: absolute; top: 16px; right: 1px; width: 16px; height: 2px; transform: translateY(-50%); } .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .tmpcoder-has-submenu-container .tmpcoder-menu-toggle i:after { content: ""; position: absolute; top: 16px; right: 8px; width: 2px; height: 16px; transform: translateY(-50%); transition: all 400ms ease; } .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .tmpcoder-has-submenu-container .tmpcoder-menu-toggle i:before, .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .tmpcoder-has-submenu-container .tmpcoder-menu-toggle i:after { background: var(--theme-global-color-1); } .sub-menu-dropdown .tmpcoder-navigation-menu__submenu-plus .menu-item .sub-menu-active .tmpcoder-menu-toggle i:after { opacity: 0; } .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal{ height: calc(100vh - 71px) !important; overflow-y: auto; overflow-x: hidden; transition: all 400ms ease !important; top: 71px !important; display: none; position: fixed !important; left: 0px !important; width: 100% !important; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%); } .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal > ul{ height: 100%; display: block !important; max-width: 960px; margin: auto; } .sub-menu-dropdown .tmpcoder-navigation-menu{ padding: 10px 0px; } header.fixed .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal{ height: calc(100vh - 71px) !important; top: 71px !important; } .sub-menu-dropdown .tmpcoder-navigation-menu > li{ margin-right: 0px !important; } .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal > ul > li > a, .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal > ul > li > .tmpcoder-has-submenu-container > a{ padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 991px) { .sub-menu-dropdown .opener{ display: none !important; } .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal, header.fixed .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal{ height: calc(100vh - 78px) !important; top: 78px !important; } .sub-menu-dropdown > nav.tmpcoder-navigation-menu__layout-horizontal > ul{ max-width: 750px; padding-left: 15px; padding-right: 15px; } } .tmpcoder-navigation-menu li.menu-item { position: relative; } .tmpcoder-flyout-container .tmpcoder-navigation-menu li.menu-item { position: relative; background: unset; } .tmpcoder-navigation-menu .sub-menu li.menu-item { position: relative; background: inherit; } .tmpcoder-navigation-menu__theme-icon-yes button.sub-menu-toggle { display: none; } div.tmpcoder-navigation-menu, .elementor-widget-tmpcoder-navigation-menu .elementor-widget-container { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmpcoder-navigation-menu .parent-has-no-child .tmpcoder-menu-toggle { display: none; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .sub-menu, .tmpcoder-submenu-action-hover .tmpcoder-layout-vertical .tmpcoder-navigation-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 16; visibility: hidden; opacity: 0; text-align: left; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:focus > .sub-menu { visibility: visible; opacity: 1; } .tmpcoder-submenu-action-click .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-submenu-action-click .tmpcoder-navigation-menu .menu-item-has-children:focus > .sub-menu { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu .menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; visibility: hidden; opacity: 0; } .tmpcoder-flyout-container .tmpcoder-navigation-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .tmpcoder-navigation-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 100%; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children.focus > .sub-menu { visibility: visible; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .tmpcoder-navigation-menu:before, .tmpcoder-navigation-menu:after { content: ''; display: table; clear: both; } /* Alignemnt CSS */ .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-sub-menu-item { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li.tmpcoder-has-submenu .elementor-button-wrapper, .rtl .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li.tmpcoder-has-submenu .elementor-button-wrapper, .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li.elementor-button-wrapper, .rtl .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li.elementor-button-wrapper{ text-align: right; } .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li.tmpcoder-has-submenu .elementor-button-wrapper, .rtl .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li.tmpcoder-has-submenu .elementor-button-wrapper, .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li.elementor-button-wrapper, .rtl .tmpcoder-navigation-menu__align-right .tmpcoder-navigation-menu__layout-vertical li.elementor-button-wrapper{ text-align: left; } .tmpcoder-navigation-menu__align-center .tmpcoder-navigation-menu__layout-vertical li.tmpcoder-has-submenu .elementor-button-wrapper, .tmpcoder-navigation-menu__align-center .tmpcoder-navigation-menu__layout-vertical li.elementor-button-wrapper{ text-align: center; } .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__align-left .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-sub-menu-item { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .tmpcoder-navigation-menu__align-center .tmpcoder-navigation-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .tmpcoder-navigation-menu__align-center .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__align-center .tmpcoder-navigation-menu__layout-vertical li a.tmpcoder-sub-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { width: 100%; } .tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li a.tmpcoder-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } /* Alignment CSS ends */ .tmpcoder-active-menu + nav li:not(:last-child) a.tmpcoder-menu-item, .tmpcoder-active-menu + nav li:not(:last-child) a.tmpcoder-sub-menu-item { border-bottom-width: 0; } /* Horizontal Menu */ .tmpcoder-navigation-menu a.tmpcoder-menu-item, .tmpcoder-navigation-menu a.tmpcoder-sub-menu-item { line-height: 1; text-decoration: none; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .tmpcoder-navigation-menu a.tmpcoder-menu-item:hover, .tmpcoder-navigation-menu a.tmpcoder-sub-menu-item:hover { text-decoration: none; } .tmpcoder-navigation-menu .sub-menu { min-width: 220px; margin: 0; z-index: 9999; } .tmpcoder-navigation-menu__layout-horizontal { font-size: 0; } .tmpcoder-navigation-menu__layout-horizontal li.menu-item, .tmpcoder-navigation-menu__layout-horizontal > li.menu-item { font-size: medium; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .sub-menu{ -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } /* Icons CSS */ .tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu .parent-has-child .sub-arrow i:before { content: ''; } .tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu .parent-has-child .sub-arrow i:before { content: ''; } .tmpcoder-submenu-icon-plus .tmpcoder-navigation-menu .parent-has-child .sub-arrow i:before { content: '+'; } .tmpcoder-submenu-icon-none .tmpcoder-navigation-menu .parent-has-child .sub-arrow { display: none; } .tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu .parent-has-child .sub-menu-active .sub-arrow i:before,.tmpcoder-link-redirect-self_link.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .tmpcoder-submenu-icon-plus .tmpcoder-navigation-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .tmpcoder-link-redirect-self_link.tmpcoder-submenu-icon-plus .tmpcoder-navigation-menu .parent-has-child .menu-active .sub-arrow i:before { content: '-'; } .tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .tmpcoder-link-redirect-self_link.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .rtl .tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .rtl .tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } /* Icon CSS ends */ .tmpcoder-navigation-menu-icon { padding: 0.35em; border: 0 solid; } .tmpcoder-navigation-menu-icon svg { width: 25px; height: 25px; line-height: 25px; font-size: 25px; } .tmpcoder-navigation-menu-icon i:focus { outline: 0; } .tmpcoder-has-submenu-container a.tmpcoder-menu-item:focus, .tmpcoder-has-submenu-container a.tmpcoder-sub-menu-item:focus { outline: 0; } /* Submenus */ .tmpcoder-navigation-menu .menu-item-has-children:focus, .tmpcoder-navigation-menu .menu-item-has-children .sub-menu:focus, .tmpcoder-navigation-menu .menu-item-has-children-container:focus { outline: 0; } .tmpcoder-navigation-menu .menu-item-has-children-container { position: relative; } .tmpcoder-navigation-menu__layout-expandible .sub-menu, .tmpcoder-navigation-menu__layout-vertical .sub-menu, .tmpcoder-flyout-wrapper .sub-menu { position: relative; height: 0; } .tmpcoder-navigation-menu__submenu-arrow .tmpcoder-menu-toggle:before, .tmpcoder-navigation-menu__submenu-plus .tmpcoder-menu-toggle:before, .tmpcoder-navigation-menu__submenu-classic .tmpcoder-menu-toggle:before { font-family: 'Font Awesome 5 Free'; z-index: 1; font-size: inherit; font-weight: inherit; line-height: 0; } .tmpcoder-menu-item-center .tmpcoder-navigation-menu li a.tmpcoder-menu-item, .tmpcoder-menu-item-center .tmpcoder-navigation-menu li a.tmpcoder-sub-menu-item { margin-right: 0px; } .tmpcoder-navigation-menu__submenu-none .tmpcoder-navigation-menu li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__submenu-none .tmpcoder-navigation-menu li a.tmpcoder-sub-menu-item { margin-right: 0px; } .tmpcoder-navigation-menu__toggle-icon:before { content: '\f0c9'; font-family: 'fontAwesome'; z-index: 1; font-size: 24px; font-weight: inherit; font-style: normal; line-height: 0; } .tmpcoder-active-menu .tmpcoder-navigation-menu__toggle-icon:before { content: '\f00d'; } .tmpcoder-navigation-menu__layout-expandible { -webkit-transition-property: display; transition-property: display; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); } .tmpcoder-navigation-menu__layout-expandible { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu__layout-expandible .sub-menu { visibility: hidden; opacity: 0; } .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-expandible { visibility: visible; opacity: 1; height: auto; } .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-expandible, .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-vertical { position: absolute; top: 100%; } .tmpcoder-navigation-menu__layout-expandible .menu-item-has-children .menu-item-has-children .sub-menu, .tmpcoder-navigation-menu__layout-vertical .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .tmpcoder-layout-expandible nav { height: 0; } .tmpcoder-nav-sub-menu-icon, .tmpcoder-navigation-menu__icon { display: inline-block; line-height: 1; } .tmpcoder-navigation-menu__toggle { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 22px; cursor: pointer; border: 0 solid; -webkit-border-radius: 3px; border-radius: 3px; color: var(--theme-global-color-1); position: relative; line-height: 1; } .tmpcoder-navigation-menu__toggle-icon { display: inline-block; font-size: inherit; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tmpcoder-navigation-menu .sub-arrow { font-size: 14px; line-height: 1; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; cursor: pointer; margin-top: -10px; margin-bottom: -10px; } .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .sub-arrow { margin-left: 10px; } .tmpcoder-navigation-menu__layout-vertical .tmpcoder-navigation-menu .sub-arrow, .tmpcoder-layout-expandible .sub-arrow, .tmpcoder-flyout-wrapper .sub-arrow { padding: 10px; } .tmpcoder-navigation-menu .child-item, .tmpcoder-navigation-menu__layout-vertical .tmpcoder-navigation-menu .child-item { font-size: 14px; line-height: 1; padding: 10px 0 10px 10px; margin-top: -10px; margin-bottom: -10px; position: absolute; right: 0; margin-right: 20px; } .tmpcoder-layout-horizontal .tmpcoder-navigation-menu__toggle, .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle { visibility: hidden; opacity: 0; display: none; } .tmpcoder-navigation-menu-icon { display: inline-block; line-height: 1; text-align: center; } .tmpcoder-navigation-menu__layout-expandible .saved-content, .tmpcoder-navigation-menu__layout-expandible .sub-menu, .tmpcoder-navigation-menu__layout-expandible .child, .tmpcoder-navigation-menu__layout-vertical .saved-content, .tmpcoder-navigation-menu__layout-vertical .sub-menu, .tmpcoder-navigation-menu__layout-vertical .child, .tmpcoder-flyout-container .saved-content, .tmpcoder-flyout-container .sub-menu, .tmpcoder-flyout-container .child { left: 0 !important; width: 100% !important; } .tmpcoder-flyout-container .tmpcoder-navigation-menu .sub-menu { background: unset; } .tmpcoder-navigation-menu__layout-vertical .tmpcoder-menu-toggle:hover, .tmpcoder-navigation-menu__layout-expandible .tmpcoder-menu-toggle:hover, .tmpcoder-flyout-wrapper .tmpcoder-menu-toggle:hover { border:1px dotted; } .tmpcoder-navigation-menu__layout-vertical .tmpcoder-menu-toggle, .tmpcoder-navigation-menu__layout-expandible .tmpcoder-menu-toggle, .tmpcoder-flyout-wrapper .tmpcoder-menu-toggle { border:1px dotted transparent; } /* Common Animation CSS */ .tmpcoder-navigation-menu .menu-item a:before, .tmpcoder-navigation-menu .menu-item a:after { display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); } .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity: 0; } .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:hover:before, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:hover:after, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:focus:before, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item:focus:after, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item.highlighted:before, .tmpcoder-navigation-menu .menu-item a.tmpcoder-menu-item.highlighted:after, .tmpcoder-navigation-menu .current-menu-item:before, .tmpcoder-navigation-menu .current-menu-item:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Double Line / Underline / Overline Style */ .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__underline .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__underline .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__overline .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__overline .menu-item.parent a.tmpcoder-menu-item:after { height: 3px; width: 100%; left: 0; background-color: var(--theme-primary-color); z-index: 2; } .tmpcoder-pointer__double-line.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__double-line.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 0; width: 0; left: 50%; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 10px; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__drop-out .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 10px; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: -10px; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__drop-in .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: -10px; } .tmpcoder-pointer__double-line.tmpcoder-animation__none, .tmpcoder-pointer__double-line.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item, .tmpcoder-pointer__underline.tmpcoder-animation__none, .tmpcoder-pointer__underline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item, .tmpcoder-pointer__overline.tmpcoder-animation__none, .tmpcoder-pointer__overline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-pointer__double-line.tmpcoder-animation__none:before, .tmpcoder-pointer__double-line.tmpcoder-animation__none:after, .tmpcoder-pointer__double-line.tmpcoder-animation__none:hover, .tmpcoder-pointer__double-line.tmpcoder-animation__none:focus, .tmpcoder-pointer__double-line.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__double-line.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__double-line.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__double-line.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus, .tmpcoder-pointer__underline.tmpcoder-animation__none:before, .tmpcoder-pointer__underline.tmpcoder-animation__none:after, .tmpcoder-pointer__underline.tmpcoder-animation__none:hover, .tmpcoder-pointer__underline.tmpcoder-animation__none:focus, .tmpcoder-pointer__underline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__underline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__underline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__underline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus, .tmpcoder-pointer__overline.tmpcoder-animation__none:before, .tmpcoder-pointer__overline.tmpcoder-animation__none:after, .tmpcoder-pointer__overline.tmpcoder-animation__none:hover, .tmpcoder-pointer__overline.tmpcoder-animation__none:focus, .tmpcoder-pointer__overline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__overline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__overline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__overline.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__overline .menu-item.parent a.tmpcoder-menu-item:before { content: ''; top: 0; } .tmpcoder-pointer__double-line.tmpcoder-animation__slide .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__slide .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 10px; left: -20px; } .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__underline .menu-item.parent a.tmpcoder-menu-item:after { content: ''; bottom: 0; } .tmpcoder-pointer__double-line.tmpcoder-animation__slide .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__slide .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { width: 10px; left: -webkit-calc( 100% + 20px); left: calc( 100% + 20px); } /* Framed Style */ .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid var(--theme-primary-color); } .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:before { content: ''; } .tmpcoder-pointer__framed.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .tmpcoder-pointer__framed.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .tmpcoder-pointer__framed.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:before { -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, transform 0.4s; transition: opacity 0.2s, transform 0.4s, -webkit-transform 0.4s; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:after { width: 3px; height: 3px; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:before { border-width: 0 0 3px 3px; -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 3px 3px 0 0; -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:hover:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:focus:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item.highlighted:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .current-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .current-menu-item:after { width: 100%; height: 100%; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .current-menu-item:before { -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:hover:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item:focus:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent a.tmpcoder-menu-item.highlighted:after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .current-menu-item:after { -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:after { width: 3px; height: 3px; } .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:before { border-width: 3px 0 0 3px; } .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 0 3px 3px 0; } .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:hover:after, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item:focus:after, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent a.tmpcoder-menu-item.highlighted:after, .tmpcoder-pointer__framed.tmpcoder-animation__corners .current-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .current-menu-item:after { width: 100%; height: 100%; -webkit-transition: opacity 0.002s, width 0.4s, height 0.4s; transition: opacity 0.002s, width 0.4s, height 0.4s; } .tmpcoder-pointer__framed.tmpcoder-animation__none, .tmpcoder-pointer__framed.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-pointer__framed.tmpcoder-animation__none:before, .tmpcoder-pointer__framed.tmpcoder-animation__none:after, .tmpcoder-pointer__framed.tmpcoder-animation__none:hover, .tmpcoder-pointer__framed.tmpcoder-animation__none:focus, .tmpcoder-pointer__framed.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__framed.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__framed.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__framed.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } /* Background Style */ .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item:after { content: ''; -webkit-transition: 0.3s; transition: 0.3s; } .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item:before { top: 0; left: 0; right: 0; bottom: 0; background: var(--theme-primary-color); z-index: -1; } .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item:focus, .tmpcoder-pointer__background .menu-item.parent a.tmpcoder-menu-item.highlighted, .tmpcoder-pointer__background .current-menu-item { color: var(--theme-global-color-1); } .tmpcoder-pointer__background.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .tmpcoder-pointer__background.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__background.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__background.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__background.tmpcoder-animation__grow .current-menu-item:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .tmpcoder-pointer__background.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s; transition: 0.3s; } .tmpcoder-pointer__background.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__background.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__background.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__background.tmpcoder-animation__shrink .current-menu-item:before { -webkit-transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, transform 0.4s; transition: opacity 0.15s, transform 0.4s, -webkit-transform 0.4s; } .tmpcoder-pointer__background.tmpcoder-animation__sweep-left .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { left: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__sweep-right .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__sweep-up .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__sweep-down .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-out-vertical .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 50%; top: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-out-horizontal .menu-item.parent a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 50%; left: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:after { top: 0; left: 0; right: 0; bottom: 0; background: var(--theme-primary-color); z-index: -1; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:before { top: 0; bottom: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:after { top: 100%; bottom: 0; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .current-menu-item:before { bottom: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:hover:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item:focus:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .menu-item.parent a.tmpcoder-menu-item.highlighted:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-vertical .current-menu-item:after { top: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:before { right: 0; left: 100%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:after { right: 100%; left: 0; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:hover:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:focus:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item.highlighted:before, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .current-menu-item:before { left: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:hover:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item:focus:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .menu-item.parent a.tmpcoder-menu-item.highlighted:after, .tmpcoder-pointer__background.tmpcoder-animation__shutter-in-horizontal .current-menu-item:after { right: 50%; } .tmpcoder-pointer__background.tmpcoder-animation__none, .tmpcoder-pointer__background.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-pointer__background.tmpcoder-animation__none:before, .tmpcoder-pointer__background.tmpcoder-animation__none:after, .tmpcoder-pointer__background.tmpcoder-animation__none:hover, .tmpcoder-pointer__background.tmpcoder-animation__none:focus, .tmpcoder-pointer__background.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__background.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__background.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__background.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } /* Text Style */ .tmpcoder-pointer__text.tmpcoder-animation__skew .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__skew .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: skew(-8deg); -ms-transform: skew(-8deg); transform: skew(-8deg); } .tmpcoder-pointer__text.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .tmpcoder-pointer__text.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__shrink .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .tmpcoder-pointer__text.tmpcoder-animation__float .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__float .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .tmpcoder-pointer__text.tmpcoder-animation__sink .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__sink .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .tmpcoder-pointer__text.tmpcoder-animation__rotate .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__rotate .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .tmpcoder-pointer__text.tmpcoder-animation__none, .tmpcoder-pointer__text.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-pointer__text.tmpcoder-animation__none:before, .tmpcoder-pointer__text.tmpcoder-animation__none:after, .tmpcoder-pointer__text.tmpcoder-animation__none:hover, .tmpcoder-pointer__text.tmpcoder-animation__none:focus, .tmpcoder-pointer__text.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:before, .tmpcoder-pointer__text.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:after, .tmpcoder-pointer__text.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text.tmpcoder-animation__none .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .tmpcoder-flyout-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999998; background: rgba(0,0,0,.6); cursor: pointer; -webkit-backface-visibility: hidden; } /* No link hover effect to last menu item */ .tmpcoder-pointer__underline .menu-item.parent a.tmpcoder-menu-item.elementor-button:after, .tmpcoder-pointer__overline .menu-item.parent a.tmpcoder-menu-item.elementor-button:before, .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item.elementor-button:after, .tmpcoder-pointer__double-line .menu-item.parent a.tmpcoder-menu-item.elementor-button:before { height: 0px; } .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item.elementor-button:before, .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item.elementor-button:after{ border-width: 0px; } .tmpcoder-pointer__text.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item.elementor-button:hover, .tmpcoder-pointer__text.tmpcoder-animation__grow .menu-item.parent a.tmpcoder-menu-item.elementor-button:focus { -webkit-transform: none; transform: none; } .tmpcoder-flyout-close, .tmpcoder-flyout-close svg { position: absolute; top: 0; right: 0; margin: 5px; width: 23px; height: 23px; line-height: 23px; font-size: 23px; display: block; cursor: pointer; } .tmpcoder-flyout-wrapper .tmpcoder-side.tmpcoder-flyout-left { top: 0; bottom: 0; left: -100%; right: auto; height: 100%; /*height: 100vh;*/ width: 300px; max-width: 100%; max-width: 100vw; } .tmpcoder-flyout-wrapper .tmpcoder-side { display: none; position: fixed; z-index: 999999; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; } .tmpcoder-flyout-wrapper .tmpcoder-side.tmpcoder-flyout-show { display: block; } .tmpcoder-flyout-content.push { color: var(--theme-global-color-1); } .tmpcoder-flyout-content ul li { color: var(--theme-global-color-1); } /* =========================================================== * Flyout Location * ======================================================== */ .tmpcoder-flyout-wrapper .tmpcoder-side.tmpcoder-flyout-right { top: 0; bottom: 0; left: auto; right: -100%; /* default */ height: 100%; /*height: 100vh;*/ width: 300px; /* default */ max-width: 100%; } .tmpcoder-flyout-wrapper .tmpcoder-side.tmpcoder-flyout-left { top: 0; bottom: 0; left: -100%; /* default */ right: auto; height: 100%; /*height: 100vh;*/ width: 300px; /* default */ max-width: 100%; max-width: 100vw; } .tmpcoder-flyout-wrapper .tmpcoder-side.top { top: -100%; /* default */ bottom: auto; left: 0; right: 0; width: 100%; width: 100vw; height: 300px; /* default */ max-height: 100%; } .tmpcoder-flyout-wrapper .tmpcoder-side.bottom { top: auto; bottom: -100%; /* default */ left: 0; right: 0; width: 100%; width: 100vw; height: 300px; /* default */ max-height: 100%; } /* =========================================================== * Flyout Container * ======================================================== */ .tmpcoder-flyout-content { height: 100%; overflow-x: hidden; overflow-y: auto; line-height: 1.4em; color: var(--theme-global-color-1); } /* iOS fix */ @media (max-width:1024px) { .tmpcoder-flyout-content { -webkit-transform: translateZ(0); transform: translateZ(0); } } .tmpcoder-flyout-content::-webkit-scrollbar { display: none; } .admin-bar .tmpcoder-side { margin-top: 32px; } /* Dropdown animation CSS */ .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .elementor-widget-navigation-menu:not(.tmpcoder-navigation-menu__align-justify):not(.tmpcoder-menu-item-space-between) a.tmpcoder-menu-item.elementor-button { display: inline-flex; } .tmpcoder-navigation-menu li.elementor-button-wrapper { align-self: center; } /* Tablet */ @media only screen and ( max-width: 1024px ) { .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal li, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu{ width: 100%; margin-right:0px; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-layout-horizontal .tmpcoder-navigation-menu__toggle, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle { display: block; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { visibility: visible; opacity: 1; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { position: relative; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-vertical { position: absolute; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-layout-horizontal .tmpcoder-navigation-menu__toggle, .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle { visibility: visible; opacity: 1; display: block; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-vertical { float: none; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-navigation-menu__breakpoint-none .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-menu-toggle:hover { border:1px dotted; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-menu-toggle { border:1px dotted transparent; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .sub-menu { position: relative; height: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .saved-content, .tmpcoder-navigation-menu__breakpoint-tablet .sub-menu, .tmpcoder-navigation-menu__breakpoint-tablet .child { left: 0 !important; width:auto !important; } .tmpcoder-navigation-menu .sub-menu { min-width: auto; margin: 0; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .sub-arrow { padding: 10px; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-submenu-icon-plus .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before, .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before, .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before{ content: '' } /* Effect 1: Fade in and scale up */ .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children ul.sub-menu, .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children ul.sub-menu, .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } /*.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu ul.sub-menu ul.sub-menu li a{ border-left: 16px solid transparent; }*/ .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:after, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:before { background-color: unset!important; } .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:before{ border: 0px!important; } .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:focus{ -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li a.tmpcoder-sub-menu-item, .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li.elementor-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /* Mobile */ @media only screen and ( max-width: 767px ) { .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li a.tmpcoder-menu-item, .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li a.tmpcoder-sub-menu-item .tmpcoder-navigation-menu__breakpoint-tablet.tmpcoder-navigation-menu__align-justify .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu li.elementor-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-layout-horizontal .tmpcoder-navigation-menu__toggle, .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { visibility: visible; opacity: 1; display: block; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal li.menu-item, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu { width: 100% } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle { display: inline-block; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .tmpcoder-navigation-menu .sub-menu { min-width: auto; margin: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu, .tmpcoder-navigation-menu__breakpoint-none .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu__layout-vertical { float: none; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle.tmpcoder-active-menu { display: block; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-navigation-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-layout-horizontal .tmpcoder-navigation-menu__toggle, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-layout-vertical .tmpcoder-navigation-menu__toggle { visibility: visible; opacity: 1; display: block; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal { visibility: hidden; opacity: 0; height: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-vertical { float: none; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { visibility: hidden; opacity: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { visibility: visible; opacity: 1; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu + .tmpcoder-navigation-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu { position: relative; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-horizontal, .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-active-menu.tmpcoder-active-menu-full-width + .tmpcoder-navigation-menu__layout-vertical { position: absolute; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-submenu-icon-plus .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-arrow .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before{ content: ''; } .tmpcoder-navigation-menu__breakpoint-none.tmpcoder-submenu-icon-classic .tmpcoder-navigation-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.tmpcoder-menu-item .sub-arrow i:before{ content: '' } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-menu-toggle:hover{ border:1px dotted; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-menu-toggle{ border:1px dotted transparent; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } /* Effect 1: Fade in and scale up */ .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-effect-1 .tmpcoder-navigation-menu { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu__layout-horizontal .tmpcoder-navigation-menu .sub-arrow { padding: 10px; } .tmpcoder-navigation-menu__breakpoint-mobile .menu-is-active.tmpcoder-effect-1 .tmpcoder-navigation-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Effect 2: Slide from the right */ .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-effect-2 .tmpcoder-navigation-menu { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .tmpcoder-navigation-menu__breakpoint-mobile .menu-is-active.tmpcoder-effect-2 .tmpcoder-navigation-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Effect 3: Slide from the bottom */ .tmpcoder-navigation-menu__breakpoint-mobile.tmpcoder-nav-toggle-yes .tmpcoder-effect-3 .tmpcoder-navigation-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .tmpcoder-navigation-menu__breakpoint-mobile .menu-is-active.tmpcoder-effect-3 .tmpcoder-navigation-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tmpcoder-navigation-menu__breakpoint-mobile .saved-content, .tmpcoder-navigation-menu__breakpoint-mobile .sub-menu, .tmpcoder-navigation-menu__breakpoint-mobile .child, .tmpcoder-navigation-menu__breakpoint-tablet .saved-content, .tmpcoder-navigation-menu__breakpoint-tablet .sub-menu, .tmpcoder-navigation-menu__breakpoint-tablet .child{ left: 0 !important; width: auto !important; } .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children ul.sub-menu, .tmpcoder-submenu-animation-slide_up .tmpcoder-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children ul.sub-menu, .tmpcoder-submenu-animation-slide_down .tmpcoder-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:after, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:after, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:before, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-navigation-menu-layout:not(.tmpcoder-pointer__framed) .menu-item.parent a.tmpcoder-menu-item:before { background-color: unset!important; } .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:before, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-pointer__framed .menu-item.parent a.tmpcoder-menu-item:before{ border: 0px!important; } .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-tablet .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:focus, .elementor-widget-tmpcoder-navigation-menu.tmpcoder-navigation-menu__breakpoint-mobile .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:hover, .tmpcoder-pointer__text .menu-item.parent a.tmpcoder-menu-item:focus { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } } .tmpcoder-toggle-no .tmpcoder-layout-expandible .tmpcoder-navigation-menu__toggle { display: none; } /* Icon common CSS */ .tmpcoder-icon { display: inline-block; } /* Menu Cart CSS */ .tmpcoder-cart-menu-wrap-custom { display: inline-block; line-height: 1; } .tmpcoder-cart-menu-wrap-custom .tmpcoder-cart-count, .tmpcoder-cart-menu-wrap-custom .tmpcoder-cart-count:after { border-color: var(--theme-primary-color); color: var(--theme-primary-color); } .tmpcoder-cart-menu-wrap-custom .tmpcoder-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0.3em 0.3em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 12px 24px; } /* Default skin for cart*/ .tmpcoder-cart-menu-wrap-default { display: inline-block; line-height: 1; } .tmpcoder-cart-menu-wrap-default .tmpcoder-cart-count, .tmpcoder-cart-menu-wrap-default .tmpcoder-cart-count:after { border-color: var(--theme-primary-color); color: var(--theme-primary-color); } .tmpcoder-cart-menu-wrap-default .tmpcoder-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0em 0em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 0 .4em; } .tmpcoder-cart-menu-wrap-default .tmpcoder-cart-count:after { bottom: 100%; margin-bottom: 0; height: .8em; width: .8em; left: 50%; transform: translateX(-50%); top: -.6em; content: ' '; position: absolute; pointer-events: none; border-width: 2px; border-style: solid; border-top-left-radius: 10em; border-top-right-radius: 10em; border-bottom: 0; } .elementor-widget-tmpcoder-cart:not(.tmpcoder-menu-cart--show-subtotal-yes) .tmpcoder-menu-cart__toggle .elementor-button-text { display: none; } .elementor-widget-tmpcoder-cart.toggle-icon--bag-light .tmpcoder-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e3'; } .elementor-widget-tmpcoder-cart.toggle-icon--bag-medium .tmpcoder-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e4'; } .elementor-widget-tmpcoder-cart.toggle-icon--bag-solid .tmpcoder-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e5'; } .tmpcoder-menu-cart__toggle .elementor-button { background: transparent; border-radius: 0; color: var(--theme-global-color-2); border: 1px solid; border-color: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-menu-cart__toggle .elementor-button-text { margin-right: 0.3em; } .tmpcoder-menu-cart__toggle .elementor-button-icon { position: relative; -webkit-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } .tmpcoder-menu-cart--items-indicator-bubble .tmpcoder-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: block; position: absolute; min-width: 1.6em; height: 1.6em; line-height: 1.5em; top: -0.7em; right: -0.7em; border-radius: 100%; color: var(--theme-global-color-1); background-color: var(--theme-primary-color); text-align: center; font-size: 10px; } .tmpcoder-menu-cart--items-indicator-plain .tmpcoder-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: inline-block; font-weight: normal; } .tmpcoder-menu-cart--empty-indicator-hide .tmpcoder-menu-cart__toggle .elementor-button .elementor-button-icon[data-counter="0"]:before { content: none; display: none; } .tmpcoder-menu-cart__toggle .elementor-button-icon { -webkit-box-ordinal-group: 16; -webkit-order: 15; -ms-flex-order: 15; order: 15; } .tmpcoder-menu-cart__toggle.elementor-button-wrapper .elementor-button { color:var(--theme-text-color); } /*Search Box CSS*/ .tmpcoder-search-button-wrapper { display: block; cursor: pointer; vertical-align: middle; text-align: right; } .tmpcoder-search-form__container { display: flex; overflow: hidden; } .tmpcoder-search-form__input { flex-basis: 100%; } .tmpcoder-search-icon-toggle i.fa-search { display: inline-block; position: absolute; width: 20px; box-sizing: content-box; padding: 10px; } .tmpcoder-search-icon-toggle i:before { vertical-align: middle; } /*search icon toggle css*/ .tmpcoder-search-button-wrapper input[type=search] { border: 0; padding: 10px; cursor: pointer; border-radius: 0; transition: all .5s; box-sizing: border-box; outline: none; } .tmpcoder-search-button-wrapper button { border: none; border-radius: 0; padding: 0; } .tmpcoder-search-button-wrapper input[type=search]:focus { cursor: auto; border: none; box-shadow: none; } .tmpcoder-search-icon-toggle input:-moz-placeholder, .tmpcoder-search-icon-toggle input::-webkit-input-placeholder { color: transparent; } .tmpcoder-search-layout-icon .tmpcoder-search-icon-toggle .tmpcoder-search-form__input { background-color: unset; height: 100%; } .tmpcoder-search-button-wrapper.tmpcoder-input-focus { display: flex; } .tmpcoder-search-form__container .tmpcoder-search-submit { min-width: 3%; position:relative; } .tmpcoder-search-form__container button#clear, .tmpcoder-search-icon-toggle button#clear { visibility: hidden; position: absolute; right:0; top:0; padding: 0 8px; font-style: normal; user-select: none; cursor: pointer; bottom:0; margin-right:10px; background-color: transparent; } .tmpcoder-search-button-wrapper input[type="search"]::-webkit-search-decoration, .tmpcoder-search-button-wrapper input[type="search"]::-webkit-search-cancel-button, .tmpcoder-search-button-wrapper input[type="search"]::-webkit-search-results-button, .tmpcoder-search-button-wrapper input[type="search"]::-webkit-search-results-decoration { display: none; } .tmpcoder-search-form__container button#clear-with-button{ visibility: hidden; position: absolute; top: 0; padding: 0 8px; font-style: normal; font-size: 1.2em; user-select: none; cursor: pointer; bottom:0; background-color: transparent; } .tmpcoder-search-button-wrapper, .tmpcoder-search-form__container, .tmpcoder-search-icon-toggle, .tmpcoder-search-button-wrapper .tmpcoder-search-icon-toggle i, .tmpcoder-search-button-wrapper .tmpcoder-search-icon-toggle i:before { position: relative; } .tmpcoder-search-button-wrapper .tmpcoder-search-icon-toggle .tmpcoder-search-form__input { position: absolute; width: 0; right: 0; background-color: transparent; } .tmpcoder-search-icon-toggle { width: 100%!important; } .tmpcoder-search-button-wrapper.tmpcoder-input-focus .tmpcoder-search-icon-toggle .tmpcoder-search-form__input{ position: absolute; width: 250px; right: 0; } .tmpcoder-search-layout-text .tmpcoder-search-form__container, .tmpcoder-search-layout-icon_text .tmpcoder-search-form__container, .tmpcoder-search-layout-text .tmpcoder-search-form__container .tmpcoder-search-form__input, .tmpcoder-search-layout-icon_text .tmpcoder-search-form__container .tmpcoder-search-form__input { width: 100%; } .tmpcoder-search-icon-toggle { line-height: 1.5; } /*-------Navigation menu active parent---------*/ .tmpcoder-pointer__double-line.tmpcoder-animation__slide .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.tmpcoder-pointer__double-line.tmpcoder-animation__slide .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__slide .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__slide .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__fade .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 100%; left: 0; opacity:1; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.tmpcoder-pointer__double-line.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 0px; opacity:1; } .tmpcoder-pointer__double-line.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__drop-out .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__double-line.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__drop-in .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 0px; opacity: 1; } .tmpcoder-pointer__double-line.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__double-line.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__underline.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__underline.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__overline.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__overline.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 3px; width: 100%; left: 0; opacity: 1; } .tmpcoder-pointer__framed.tmpcoder-animation__grow .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__framed.tmpcoder-animation__shrink .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tmpcoder-pointer__framed.tmpcoder-animation__fade .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent.current-menu-item a.tmpcoder-menu-item:before, .tmpcoder-pointer__underline.tmpcoder-animation__fade .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__double-line.tmpcoder-animation__fade .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__double-line.tmpcoder-animation__fade .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity:1; } .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__framed.tmpcoder-animation__corners .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .tmpcoder-pointer__framed.tmpcoder-animation__draw .menu-item.parent.current-menu-item a.tmpcoder-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { border-width:3px; width:100%; opacity:1; height:100%; } /*-------------------------------------------------------------- == Back to Top --------------------------------------------------------------*/ .tmpcoder-scroll-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .tmpcoder-scroll-btn { border: none; cursor: pointer; font-size: 16px; line-height: 48px; text-align: center; padding: 20px; max-width: 5cm; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; -webkit-box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.25); } .tmpcoder-scroll-btn-icon-left .tmpcoder-scroll-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-scroll-btn-icon-right .tmpcoder-scroll-btn { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .tmpcoder-scroll-btn-icon-bottom .tmpcoder-scroll-btn { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .tmpcoder-scroll-btn-icon-top .tmpcoder-scroll-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-scroll-btn-align-fixed .tmpcoder-scroll-btn { visibility: hidden; position: fixed; z-index: 9999; } .tmpcoder-scroll-btn-align-fixed-right .tmpcoder-scroll-btn { left: auto; } .tmpcoder-scroll-btn-align-fixed-left .tmpcoder-scroll-btn { right: auto; } /*-------------------------------------------------------------- Play Video --------------------------------------------------------------*/ .play-video-popup { position: relative; background: var(--theme-global-color-1); padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } /*.elementor-widget-playVideo .elementor-open-inline .elementor-custom-embed-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; } .elementor-widget-playVideo .elementor-custom-embed-image-overlay { cursor: pointer; text-align: center; }*/ /*-------------------------------------------------------------- Post Comment --------------------------------------------------------------*/ .tmpcoder-comments-wrap ul { display: block; } .tmpcoder-comments-list li , .tmpcoder-comments-list .childrn li { padding : 0px; } .blog-list-pagination ul li a { display: block; width: 45px; height: 45px; border-radius: 5px; text-align: center; line-height: 45px; font-size: 16px; } .tmpcoder-post-list{margin:0;padding:0;list-style:none} .tmpcoder-post-list .tmpcoder-post-list-item,.tmpcoder-post-list.tmpcoder-post-list-inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .tmpcoder-post-list.tmpcoder-post-list-inline{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .tmpcoder-post-list .tmpcoder-post-list-item{margin:0 0 10px;padding:0} .tmpcoder-post-list.tmpcoder-post-list-inline .tmpcoder-post-list-item{margin-right:21px} .tmpcoder-post-list .tmpcoder-post-list-item:last-child,.tmpcoder-post-list.tmpcoder-post-list-inline .tmpcoder-post-list-item:last-child{margin-right:0;margin-bottom:0} .tmpcoder-post-list .tmpcoder-post-list-item a{width:100%} .tmpcoder-post-list-title{display:block;margin-top:0;margin-bottom:0;color:var(--theme-text-color);font-size:1rem;-webkit-transition:all .4s;transition:all .4s} .tmpcoder-post-list-item a img{margin-right:15px;-o-object-fit:cover;object-fit:cover} span.tmpcoder-post-list-icon{margin-right:8px;color:var(--theme-text-color);font-size:14px} span.tmpcoder-post-list-icon svg{width:auto;height:1em;fill:currentColor} .tmpcoder-post-list .tmpcoder-post-list-item a,.tmpcoder-post-list-meta-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .tmpcoder-post-list-meta-wrap{margin-top:3px} .tmpcoder-post-list-meta-wrap span{margin-right:10px;color:var(--theme-global-color-2);font-size:13px} .tmpcoder-post-list-meta-wrap span:last-child{margin-right:0} .tmpcoder-post-list-meta-wrap span i{margin-right:3px} .tmpcoder-post-list-excerpt p{margin-bottom:0;color:#var(--theme-text-color);} /*-------------------------------------------------------------- Form Builder --------------------------------------------------------------*/ .tmpcoder-step-tab-hidden { display: none; } .tmpcoder-step.tmpcoder-step-active { opacity: 1; } .tmpcoder-step-sep:last-of-type { display: none; } .tmpcoder-step-sep { background-color: lightgrey; height: 2px; top: 50%; } .tmpcoder-step-sep, .tmpcoder-stp-btns-wrap .tmpcoder-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tmpcoder-stp-btns-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; } .tmpcoder-step-sep, .tmpcoder-stp-btns-wrap .tmpcoder-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tmpcoder-step-tab .tmpcoder-stp-btns-wrap .tmpcoder-button { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .tmpcoder-field-group.tmpcoder-form-field-type-submit { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .tmpcoder-form-fields-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmpcoder-required-mark .tmpcoder-form-field-label:after { content: "*"; color: red; padding-left: 0.2em; } /*.tmpcoder-step-main-label, .tmpcoder-step-sub-label { display: block; }*/ /*-------------------------------------------------------------- Product Category Tabs --------------------------------------------------------------*/ .tmpcoder-tab { position: relative; z-index: 25; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .tmpcoder-tab-content-active { position: relative; z-index: 100; } .tmpcoder-tab-content { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; } .tmpcoder-tabs-content-wrap { position: relative; width: 100%; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-timing-function: cubic-bezier(0.5, 0.9, 0.6, 0.95); -o-transition-timing-function: cubic-bezier(0.5, 0.9, 0.6, 0.95); transition-timing-function: cubic-bezier(0.5, 0.9, 0.6, 0.95); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 1; overflow: hidden; } .tmpcoder-tabs-wrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .tmpcoder-tabs-position-above>.elementor-widget-container>.tmpcoder-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-animation-enter>.tmpcoder-anim-size-large.tmpcoder-overlay-fade-in, .tmpcoder-animation-wrap-active .tmpcoder-anim-size-large.tmpcoder-element-fade-in, .tmpcoder-animation-wrap-active .tmpcoder-anim-size-large.tmpcoder-overlay-fade-in, .tmpcoder-animation-wrap:hover .tmpcoder-anim-size-large.tmpcoder-element-fade-in, .tmpcoder-animation-wrap:hover .tmpcoder-anim-size-large.tmpcoder-overlay-fade-in, .tmpcoder-element-fade-out, .tmpcoder-overlay-fade-out { opacity: 1; } .tmpcoder-anim-transparency, .tmpcoder-animation-enter>.tmpcoder-anim-size-large.tmpcoder-overlay-fade-out, .tmpcoder-animation-wrap-active .tmpcoder-anim-size-large.tmpcoder-element-fade-out, .tmpcoder-animation-wrap-active .tmpcoder-anim-size-large.tmpcoder-overlay-fade-out, .tmpcoder-animation-wrap-hover .tmpcoder-anim-size-large.tmpcoder-element-fade-out, .tmpcoder-animation-wrap-hover .tmpcoder-anim-size-large.tmpcoder-overlay-fade-out, .tmpcoder-animation-wrap:hover .tmpcoder-anim-size-large.tmpcoder-element-fade-out, .tmpcoder-animation-wrap:hover .tmpcoder-anim-size-large.tmpcoder-overlay-fade-out, .tmpcoder-element-fade-in, .tmpcoder-overlay-fade-in { opacity: 0; } /*-------------------------------------------------------------- Woo Categories --------------------------------------------------------------*/ ul.product-categories-grid { display: grid; margin: 0; grid-column-gap: 20px; grid-row-gap: 40px; } .woocommerce ul.product-categories-grid { padding-inline-start: 0; display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } ul.product-categories-grid li.product { width: auto; padding: 0; margin: 0; float: none; display: var(--button-align-display); flex-direction: var(--button-align-direction); justify-content: var(--button-align-justify); } .product-category a { text-decoration: none!important; } /*-------------------------------------------------------------- Woo Product Title --------------------------------------------------------------*/ .elementor-product-price-block-yes ins{ display: block!important; } /*-------------------------------------------------------------- Woo Add To Cart --------------------------------------------------------------*/ /*.elementor-button-info button.button.alt.elementor-button{ background-color:#5bc0de } .elementor-button-success button.button.alt.elementor-button{ background-color:#5cb85c } .elementor-button-warning button.button.alt.elementor-button{ background-color:#f0ad4e } .elementor-button-danger button.button.alt.elementor-button{ background-color:#d9534f } .woocommerce form.cart div.quantity { display: inline-block; float: none; vertical-align: middle; } .woocommerce .elementor-add-to-cart--layout-auto .e-atc-qty-button-holder, .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder { display: flex } .woocommerce .elementor-add-to-cart--layout-stacked .e-loop-add-to-cart-form-container { flex-wrap: wrap } .woocommerce .elementor-add-to-cart--layout-stacked .e-loop-add-to-cart-form-container>* { flex-basis: 100% } .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder { flex-wrap: wrap } .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder>* { flex-basis: 100% } .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder .button, .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder button { flex-basis: auto } .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder .button:where(:not(:first-child)), .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder button:where(:not(:first-child)) { margin-left: 0; margin-top: var(--button-spacing, 10px) } .woocommerce .elementor-add-to-cart--layout-auto .e-atc-qty-button-holder { flex-wrap: nowrap } .woocommerce .elementor-add-to-cart--layout-auto .e-atc-qty-button-holder .quantity { margin-right: 0 } .woocommerce .elementor-add-to-cart--layout-auto .e-atc-qty-button-holder .button, .woocommerce .elementor-add-to-cart--layout-auto .e-atc-qty-button-holder button { vertical-align: middle } .woocommerce .elementor-add-to-cart--layout-stacked .e-atc-qty-button-holder { flex-wrap: wrap; }*/ .tmpcoder-product-qty-align-after .tmpcoder-quantity-wrapper i:first-child { border-left: 0 !important; border-bottom: 0 !important; } .tmpcoder-product-add-to-cart .quantity .qty, .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper i { cursor: pointer; } .tmpcoder-product-add-to-cart * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tmpcoder-product-qty-align-after .tmpcoder-quantity-wrapper i:last-child { border-left: 0 !important; } .tmpcoder-add-to-cart-icons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce .tmpcoder-product-add-to-cart form.cart div.quantity { margin: 0; } .tmpcoder-product-add-to-cart .quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper i { cursor: pointer; } .tmpcoder-quantity-wrap { width: 100%; } .tmpcoder-product-adc-align-left .cart, .tmpcoder-product-adc-align-left .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-add-to-cart-layout-column.tmpcoder-product-adc-align-left .cart { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce .tmpcoder-product-add-to-cart form.cart, .woocommerce .tmpcoder-product-add-to-cart form.cart .variations { margin: 0; } .woocommerce table.variations tr { display: table-row; margin-bottom: 0; text-align: left; } .woocommerce table.variations tr { display: block; margin-bottom: var(--wp--style--block-gap); } .tmpcoder-variations-layout-column .variations tr th, .tmpcoder-variations-layout-column .variations tr td { padding: 0; width: 100%; } .tmpcoder-product-adc-align-left .cart, .tmpcoder-product-adc-align-left .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tmpcoder-buttons-layout-column .woocommerce-variation-add-to-cart { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* Product Tabs */ .tmpcoder-product-tabs p { margin: 0; } .tmpcoder-product-tabs ol, .tmpcoder-product-tabs ul { padding: 0; } .tmpcoder-product-tabs .woocommerce-noreviews { margin-bottom: 10px; } .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs, .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li { overflow: visible; padding: 0; margin: 0; border: none; background-color: transparent; } .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li a { display: block; font-weight: normal; } .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs::before, .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs::after, .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li::after { display: none; } .tmpcoder-tabs-position-above .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li.active:after { content: ' '; display: block; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0; position: static; margin-left: auto; margin-right: auto; } .tmpcoder-tabs-position-above .tmpcoder-product-tabs .woocommerce-tabs ul.tabs li a { border-bottom: none; } .elementor-widget-tmpcoder-product-tabs .wc-tabs, .tmpcoder-tabs-position-left .elementor-widget-container .wc-tabs-wrapper, .tmpcoder-tabs-position-right .elementor-widget-container .wc-tabs-wrapper { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .elementor-widget-tmpcoder-product-tabs.tmpcoder-tabs-position-above .wc-tabs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .tmpcoder-tabs-position-left>.elementor-widget-container .wc-tabs, .tmpcoder-tabs-position-right>.elementor-widget-container .wc-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-tabs-position-left>.elementor-widget-container>.wc-tabs-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .tmpcoder-tabs-position-right>.elementor-widget-container .wc-tabs-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* Tabs Position */ .tmpcoder-tabs-hr-position-center>.elementor-widget-container .wc-tabs, .tmpcoder-tabs-hr-position-center>.elementor-widget-container>.wc-tabs-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tmpcoder-tabs-hr-position-center>.elementor-widget-container .wc-tabs, .tmpcoder-tabs-hr-position-center>.elementor-widget-container>.wc-tabs-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tmpcoder-tabs-hr-position-left>.elementor-widget-container .wc-tabs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .tmpcoder-tabs-hr-position-right>.elementor-widget-container .wc-tabs{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .tmpcoder-tabs-hr-position-right>.elementor-widget-container .wc-tabs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container>.tmpcoder-tabs>.tmpcoder-tabs-wrap { width: 100%; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container>.tmpcoder-tabs>.tmpcoder-tabs-wrap>.tmpcoder-tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container>.tmpcoder-tabs>.tmpcoder-tabs-wrap>.tmpcoder-tab:first-of-type { margin-left: 0 !important; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container>.tmpcoder-tabs>.tmpcoder-tabs-wrap>.tmpcoder-tab:last-of-type { margin-right: 0 !important; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container>.tmpcoder-tabs .wc-tabs { width: 100%; } .elementor-widget-tmpcoder-product-tabs:not(.tmpcoder-tabs-hr-position-left):not(.tmpcoder-tabs-hr-position-right):not(.tmpcoder-tabs-hr-position-center) .elementor-widget-container .wc-tabs li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .elementor-widget-tmpcoder-product-tabs .wc-tabs li { position: relative; text-align: center; } .woocommerce div.product .tmpcoder-product-tabs .woocommerce-tabs .panel { margin: 0; } .elementor-widget-tmpcoder-product-tabs .woocommerce-Tabs-panel { width: 100%; display: none; } .woocommerce .elementor-widget-tmpcoder-product-tabs table.shop_attributes { margin-bottom: 0; } .tmpcoder-product-additional-information table.shop_attributes { margin-bottom: 0; } .tmpcoder-product-additional-information table td, .tmpcoder-product-additional-information table th, .elementor-widget-tmpcoder-product-tabs table td, .elementor-widget-tmpcoder-product-tabs table th { vertical-align: middle; } .elementor-widget-tmpcoder-product-tabs .tmpcoder-product-tabs table, .elementor-widget-tmpcoder-product-tabs .tmpcoder-product-tabs tr th, .elementor-widget-tmpcoder-product-tabs .tmpcoder-product-tabs tr td, .tmpcoder-product-additional-information table.shop_attributes, .tmpcoder-product-additional-information table.shop_attributes td, .tmpcoder-product-additional-information table.shop_attributes th { border: none; } /* Chrome, Safari, Edge, Opera */ /*input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }*/ /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* The css for display date & author first in blog related widgets start */ .blog-list-box .display-date-first,.blog-box .display-date-first{display: flex;flex-wrap: wrap;flex-direction: column;} .blog-list-box .display-date-first .blog-list-title,.blog-box .display-date-first .blog-title{order: 2;} .blog-list-box .display-date-first > ul,.blog-box .display-date-first > ul{order: 1;} .blog-list-main .wp-block-search__inside-wrapper{ padding: 0; border: 0px; position: relative; } .img-box .blog-detail {display: flex;flex-wrap: wrap;flex-direction: column;} .img-box .blog-detail .head-three {order: 1;} .img-box .blog-detail .bloger-date {order: 2;} .img-box .blog-detail .blog-description {order: 3;} .img-box .blog-detail .readmore-btn {order: 4;} .img-box .blog-detail {display: flex;flex-wrap: wrap;flex-direction: column;} .img-box .blog-detail.display-date-first .head-three {order: 2;} .img-box .blog-detail.display-date-first .bloger-date {order: 1;} .img-box .blog-detail .blog-description {order: 3;} .img-box .blog-detail .readmore-btn {order: 4;} /* The css for display date & author first in blog related widgets end */ /* The css for display date & author first in archive post widgets start */ .image-overflow-hidden .blog-list-img a{overflow: hidden;} } .blog-list-box .blog-list-content {display: flex;flex-wrap: wrap;flex-direction: column;} .blog-list-box .blog-list-content .head-three {order: 1;} .blog-list-box .blog-list-content .bloger-date {order: 2;} .blog-list-box .blog-list-content .blog-description {order: 3;} .blog-list-box .blog-list-content .read-more {order: 4;} .blog-list-box .blog-list-content {display: flex;flex-wrap: wrap;flex-direction: column;} .blog-list-box .blog-list-content .display-date-first .head-three {order: 2;} .blog-list-box .blog-list-content .display-date-first.bloger-date {order: 1;display: inline-block;} .blog-list-box .blog-list-content .blog-description {order: 3;} .blog-list-box .blog-list-content .read-more {order: 4;} /* The css for display date & author first in blog related widgets end */ .blog-date.post-meta-divider-circle li:before { content: ""; width: 7px; height: 7px; border-radius: 7px; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); background: var(--theme-button-background); } .blog-date.post-meta-divider-circle li:last-child:before { width: 0; } .post-meta-divider-circle li:last-child:before { width: 0; } .post-meta-divider-circle-none li:before { width: 0; } /*-------------------------------------------------------------- == Testimonial --------------------------------------------------------------*/ .tmpcoder-testimonial-carousel .slick-slider { cursor: drag; } .tmpcoder-testimonial-carousel .slick-track { display: -webkit-box !important; display: flex !important; display: -ms-flexbox !important; } .tmpcoder-testimonial-carousel .slick-slide { height: inherit !important; } .tmpcoder-testimonial-carousel-wrap .slick-list { padding-right: 1px !important; } /* Testimonial Navigation */ .tmpcoder-testimonial-nav-position-default .tmpcoder-testimonial-arrow-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; } .tmpcoder-testimonial-nav-position-default .tmpcoder-testimonial-arrow { position: static; } .tmpcoder-testimonial-nav-position-default .tmpcoder-testimonial-prev-arrow { -ms-transform: none; transform: none; -webkit-transform: none; } .tmpcoder-testimonial-nav-position-default .tmpcoder-testimonial-next-arrow { -ms-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); -webkit-transform: translateY(0) rotate(180deg); } .tmpcoder-testimonial-nav-align-top-center .tmpcoder-testimonial-arrow-container, .tmpcoder-testimonial-nav-align-bottom-center .tmpcoder-testimonial-arrow-container { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tmpcoder-testimonial-arrow { position: absolute; z-index: 120; top: 52%; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; } .tmpcoder-testimonial-arrow i { display: block; line-height: inherit; } .tmpcoder-testimonial-prev-arrow { left: 2%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tmpcoder-testimonial-next-arrow { right: 2%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .tmpcoder-testimonial-nav-fade .tmpcoder-testimonial-arrow { opacity: 0; } /* Testimonial Pagination */ .tmpcoder-testimonial-dots { display: inline-table; position: absolute; z-index: 110; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tmpcoder-testimonial-dots ul { list-style: none; padding: 0; margin: 0; } .tmpcoder-testimonial-dots li { float: left; width: auto !important; margin: 0 !important; } .tmpcoder-testimonial-dot { display: block; cursor: pointer; } .tmpcoder-testimonial-dots li:last-child .tmpcoder-testimonial-dot { margin: 0 !important; } /* Social Media */ .tmpcoder-testimonial-social-media { display: inline-block; } .tmpcoder-testimonial-social { display: block; float: left; width: 45px; height: 45px; line-height: 45px; font-size: 45px; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; } .tmpcoder-testimonial-social i { display: block; width: 100%; height: 100%; line-height: inherit; } .tmpcoder-testimonial-social:last-child { margin-right: 0 !important; } /* Rating */ .tmpcoder-testimonial-rating i { display: inline; position: relative; font-family: "eicons"; font-style: normal; line-height: 1; overflow: hidden; } .tmpcoder-testimonial-rating i:before { content: '\e934'; font-weight: 900; display: block; position: absolute; top: 0; left: 0; font-size: inherit; font-family: inherit; overflow: hidden; } .tmpcoder-testimonial-rating-style_2 .tmpcoder-testimonial-rating i:before { content: '\002605'; } .tmpcoder-testimonial-rating i:last-of-type { margin-right: 0 !important; } .tmpcoder-rating-icon-empty:before { display: none !important; } /* Content */ .elementor-widget-tmpcoder-testimonial-carousel .tmpcoder-testimonial-content-wrap .tmpcoder-testimonial-title { font-size: 18px; font-weight: 700; } .tmpcoder-testimonial-content { position: relative; font-size: 15px; } .tmpcoder-testimonial-content p { position: relative; z-index: 5; margin: 0; } /* Icon */ .tmpcoder-testimonial-content .tmpcoder-testimonial-icon { position: absolute; width: 100%; z-index: 1; } .tmpcoder-testimonial-date { font-size: 10px; } /* Triangle */ .tmpcoder-testimonial-content-inner { position: relative; background-color: var(--theme-global-color-1); } .tmpcoder-testimonial-triangle-yes .tmpcoder-testimonial-content-inner:before { content: ""; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top-style: solid; border-top-width: 15px; } .tmpcoder-testimonial-meta-position-top.tmpcoder-testimonial-meta-align-center .tmpcoder-testimonial-content-inner:before, .tmpcoder-testimonial-meta-position-bottom.tmpcoder-testimonial-meta-align-center .tmpcoder-testimonial-content-inner:before { right: calc( 50% - 15px); } .tmpcoder-testimonial-meta-position-top.tmpcoder-testimonial-meta-align-left .tmpcoder-testimonial-content-inner:before, .tmpcoder-testimonial-meta-position-bottom.tmpcoder-testimonial-meta-align-left .tmpcoder-testimonial-content-inner:before { margin-left: -15px; } .tmpcoder-testimonial-meta-position-top.tmpcoder-testimonial-meta-align-right .tmpcoder-testimonial-content-inner:before, .tmpcoder-testimonial-meta-position-bottom.tmpcoder-testimonial-meta-align-right .tmpcoder-testimonial-content-inner:before { margin-right: -15px; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner:before, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner:before { margin-top: -7.5px; } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-content-inner:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-content-inner { margin-top: 15px; } .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner { margin-right: 15px; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner { margin-left: 15px; } .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-content-inner:before { bottom: -15px; } .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-content-inner { margin-bottom: 15px; } .tmpcoder-testimonial-meta-position-extra .tmpcoder-testimonial-content-inner:before { display: none; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner:before { left: -22px; } .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner:before { right: -22px; } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-content-inner:before { top: -15px; } .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-content-inner:before { bottom: -15px; } /* Meta */ .tmpcoder-testimonial-image { overflow: hidden; } .elementor-widget-tmpcoder-testimonial-carousel .tmpcoder-testimonial-meta .tmpcoder-testimonial-name { font-size: 14px; font-weight: 700; } .tmpcoder-testimonial-logo-image { display: block; overflow: hidden; } /* Meta Position */ .tmpcoder-testimonial-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tmpcoder-testimonial-meta-position-extra .tmpcoder-testimonial-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-meta, .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-meta { -ms-flex-negative: 0; flex-shrink: 0; } @media screen and ( max-width: 480px) { .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-item, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner { margin-left: 0 !important; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-meta, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-meta { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; margin-bottom: 20px; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-content-inner:before, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-content-inner:before { display: none; } } /* Job */ .tmpcoder-testimonial-job { font-size: 10px; } /* Meta Image Positon */ .tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-meta-inner>div, .tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-meta-inner>div { display: inline-block; vertical-align: top; } .tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-image, .tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-logo-image img, .tmpcoder-testimonial-image-position-center.tmpcoder-testimonial-meta-align-left .tmpcoder-testimonial-meta img { float: left; } .tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-image, .tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-logo-image img, .tmpcoder-testimonial-image-position-center.tmpcoder-testimonial-meta-align-right .tmpcoder-testimonial-meta img { float: right; } .tmpcoder-testimonial-meta-align-left .tmpcoder-testimonial-meta, .tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-meta-content-wrap { text-align: left; } .tmpcoder-testimonial-meta-align-center .tmpcoder-testimonial-meta { text-align: center; } .tmpcoder-testimonial-meta-align-right .tmpcoder-testimonial-meta, .tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-meta-content-wrap { text-align: right; } .tmpcoder-testimonial-meta-align-center .tmpcoder-testimonial-meta img { margin: 0 auto; } .tmpcoder-testimonial-meta-position-extra .tmpcoder-testimonial-meta img { display: inline-block; } .tmpcoder-testimonial-meta-inner { display: inline-block; } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-meta-content-wrap, .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-meta-content-wrap { /*text-align: center !important;*/ } .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-logo-image img, .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-logo-image img, .tmpcoder-testimonial-meta-position-top .tmpcoder-testimonial-social-media, .tmpcoder-testimonial-meta-position-bottom .tmpcoder-testimonial-social-media { float: none !important; display: inline-block !important; } @media screen and (min-width: 480px) { .tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-image, .tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-image { margin-bottom: 0 !important; } } @media screen and (max-width: 480px) { .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-image, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-image, .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-meta-content-wrap, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-meta-content-wrap { display: block !important; float: none !important; text-align: center !important; } .tmpcoder-testimonial-meta-position-left.tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-image, .tmpcoder-testimonial-meta-position-right.tmpcoder-testimonial-image-position-left .tmpcoder-testimonial-image, .tmpcoder-testimonial-meta-position-left.tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-image, .tmpcoder-testimonial-meta-position-right.tmpcoder-testimonial-image-position-right .tmpcoder-testimonial-image { margin-left: 0 !important; margin-right: 0 !important; } .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-image img, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-image img, .tmpcoder-testimonial-meta-position-left .tmpcoder-testimonial-logo-image img, .tmpcoder-testimonial-meta-position-right .tmpcoder-testimonial-logo-image img { display: inline-block !important; float: none !important; } } /*-------------------------------------------------------------- == Forms --------------------------------------------------------------*/ .tmpcoder-forms-container .wpcf7-form .wpcf7-form-control-wrap { display: block !important; } .wpcf7 label, .wpcf7-quiz-label { width: 100%; } .tmpcoder-forms-container .wpcf7 p { margin-bottom: 0; } .tmpcoder-forms-container .wpcf7-form .ajax-loader { display: block; visibility: hidden; height: 0; overflow: hidden; clear: both; } .tmpcoder-forms-container .wpcf7-select, .tmpcoder-forms-container .wpcf7-number, .tmpcoder-forms-container .wpcf7-date, .tmpcoder-forms-container select.wpforms-field-medium, .tmpcoder-forms-container .nf-field-container select, .tmpcoder-forms-container .caldera-grid select.form-control { padding: 7px 10px !important; } .tmpcoder-forms-container .wpcf7-date { width: auto !important; } .tmpcoder-forms-container .wpcf7-number { width: 100px !important; } .tmpcoder-forms-container .wpcf7-form .wpcf7-submit { display: block; } .tmpcoder-forms-container .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item, .tmpcoder-forms-container .wpcf7-form-control.wpcf7-radio .wpcf7-list-item, .tmpcoder-forms-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { margin-left: 0; margin-right: 10px; } .tmpcoder-forms-container .wpcf7-response-output { clear: both; margin: 0; } .tmpcoder-forms-container .wpforms-field:not(.wpforms-field-address) .wpforms-field-medium { display: inline-block !important; max-width: 100% !important; } .tmpcoder-forms-container .wpforms-field-phone, .tmpcoder-forms-container .wpforms-field-address, .tmpcoder-forms-container .wpforms-page-indicator { display: inline-block; } .tmpcoder-forms-container .wpforms-field-address .wpforms-field-medium { max-width: 100% !important; } .tmpcoder-forms-container .intl-tel-input.allow-dropdown input.wpforms-field-medium, .tmpcoder-forms-container .wpforms-field-address div.wpforms-field-medium { width: 100% !important; max-width: 100% !important; } .tmpcoder-forms-container .intl-tel-input.allow-dropdown { display: inline-block !important; max-width: 100% !important; } .tmpcoder-forms-align-left .tmpcoder-forms-container div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li:last-child { margin-right: 0 !important; } .tmpcoder-forms-container .wpcf7-mail-sent-ok, .tmpcoder-forms-container .wpforms-confirmation-container-full, .tmpcoder-forms-container .nf-response-msg, .tmpcoder-forms-container .caldera-grid .alert-success { padding: 10px 15px; border: 2px solid; } .tmpcoder-forms-container label.wpforms-error a { text-decoration: underline; } .tmpcoder-forms-container .wpforms-smart-phone-field { text-indent: 0 !important; } .tmpcoder-forms-container select.ninja-forms-field { line-height: 1 !important; } .tmpcoder-forms-container .nf-form-wrap .checkbox-wrap label { display: inline-block !important; } .tmpcoder-forms-container .nf-form-wrap .starrating .stars { display: inline-block; } .tmpcoder-forms-submit-center .wpcf7-submit, .tmpcoder-forms-submit-center .wpforms-submit, .tmpcoder-forms-submit-center .wpforms-page-next, .tmpcoder-forms-submit-center .wpforms-page-previous, .tmpcoder-forms-submit-center .submit-wrap .ninja-forms-field, .tmpcoder-forms-submit-center .caldera-grid .btn-default:not(a) { display: block !important; margin-left: auto !important; margin-right: auto !important; } .tmpcoder-forms-submit-left .wpcf7-submit, .tmpcoder-forms-submit-left .wpforms-submit, .tmpcoder-forms-submit-left .wpforms-page-next, .tmpcoder-forms-submit-left .wpforms-page-previous, .tmpcoder-forms-submit-left .submit-wrap .ninja-forms-field, .tmpcoder-forms-submit-left .caldera-grid .btn-default:not(a) { float: left !important; } .tmpcoder-forms-submit-right .wpcf7-submit, .tmpcoder-forms-submit-right .wpforms-submit, .tmpcoder-forms-submit-right .wpforms-page-next, .tmpcoder-forms-submit-right .wpforms-page-previous, .tmpcoder-forms-submit-right .submit-wrap .ninja-forms-field, .tmpcoder-forms-submit-left .caldera-grid .btn-default:not(a) { float: right !important; } .tmpcoder-forms-submit-justify .wpcf7-submit, .tmpcoder-forms-submit-justify .wpforms-submit, .tmpcoder-forms-submit-justify .wpforms-page-next, .tmpcoder-forms-submit-justify .wpforms-page-previous, .tmpcoder-forms-submit-justify .submit-wrap .ninja-forms-field, .tmpcoder-forms-submit-justify .caldera-grid .btn-default:not(a) { display: block !important; width: 100% !important; text-align: center !important; } .tmpcoder-custom-chk-radio .wpcf7-checkbox input, .tmpcoder-custom-chk-radio .wpcf7-radio input, .tmpcoder-custom-chk-radio .wpcf7-acceptance input, .tmpcoder-custom-chk-radio .wpforms-field-radio input, .tmpcoder-custom-chk-radio .wpforms-field-checkbox input, .tmpcoder-custom-chk-radio .wpforms-field-gdpr-checkbox input { display: none !important; } .tmpcoder-custom-chk-radio .wpcf7-checkbox .wpcf7-list-item-label, .tmpcoder-custom-chk-radio .wpcf7-radio .wpcf7-list-item-label, .tmpcoder-custom-chk-radio .wpcf7-acceptance .wpcf7-list-item-label, .tmpcoder-custom-chk-radio .wpforms-field-checkbox input+label, .tmpcoder-custom-chk-radio .wpforms-field-gdpr-checkbox input+label, .tmpcoder-custom-chk-radio .wpforms-field-radio input+label, .tmpcoder-custom-chk-radio .wpforms-field-radio input+span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .tmpcoder-custom-chk-radio .wpcf7-checkbox .wpcf7-list-item-label:before, .tmpcoder-custom-chk-radio .wpcf7-radio .wpcf7-list-item-label:before, .tmpcoder-custom-chk-radio .wpcf7-acceptance .wpcf7-list-item-label:before, .tmpcoder-custom-chk-radio .wpforms-field-checkbox input+label:before, .tmpcoder-custom-chk-radio .wpforms-field-gdpr-checkbox input+label:before, .tmpcoder-custom-chk-radio .wpforms-field-radio input+label:before, .tmpcoder-custom-chk-radio .wpforms-field-radio input:not(.wpforms-screen-reader-element)+span:before { content: "\2714"; display: inline-block; position: relative; top: -1px; text-align: center; border: 1px solid; margin-right: 5px; color: transparent; } .tmpcoder-forms-align-right .wpforms-field-checkbox ul li input:first-child, .tmpcoder-forms-align-right .wpforms-field-radio ul li input:first-child, .tmpcoder-forms-align-right .wpforms-image-choices label input:first-of-type, .tmpcoder-forms-align-right .wpforms-field-gdpr-checkbox input:first-child { float: right; margin-right: 0 !important; margin-left: 10px !important; } .tmpcoder-forms-align-right .tmpcoder-forms-container, .tmpcoder-forms-align-right .tmpcoder-forms-container .wpcf7-form-control { direction: rtl; } .tmpcoder-forms-align-right .nf-form-wrap .field-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .tmpcoder-forms-align-right .label-right .nf-field-description { margin-right: 0 !important; } .tmpcoder-forms-align-right .nf-error.field-wrap .nf-field-element:after { right: auto !important; left: 1px !important; } .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpcf7-checkbox .wpcf7-list-item-label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpcf7-radio .wpcf7-list-item-label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpcf7-acceptance .wpcf7-list-item-label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpforms-field-checkbox input+label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpforms-field-gdpr-checkbox input+label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpforms-field-radio input+label:before, .tmpcoder-forms-align-right .tmpcoder-custom-chk-radio .wpforms-field-radio input:not(.wpforms-screen-reader-element)+span:before { margin-right: 0; margin-left: 5px; } .tmpcoder-forms-align-right .wpcf7-list-item.last, .tmpcoder-forms-align-right .wpcf7-acceptance .wpcf7-list-item, .tmpcoder-forms-align-right div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li:first-child { margin-right: 0 !important; } .tmpcoder-forms-align-right .tmpcoder-forms-container .intl-tel-input .flag-container { left: auto !important; right: 0 !important; } .tmpcoder-forms-align-right .caldera-grid .col-sm-4, .tmpcoder-forms-align-right .caldera-grid .col-sm-6 { float: right; } .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .checkbox label, .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .checkbox-inline label, .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .radio label { padding-left: 0 !important; padding-right: 20px; } .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .checkbox input, .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .radio input { margin-right: -20px !important; margin-left: 0 !important; } .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .cf-credit-card { background-position: 99% center !important; } .tmpcoder-forms-align-right .tmpcoder-forms-container .caldera-grid .live-gravatar { text-align: right !important; } .tmpcoder-forms-align-left .tmpcoder-forms-container .caldera-grid .live-gravatar { text-align: left !important; } .tmpcoder-forms-container .nf-form-content { padding: 0; max-width: none; } .tmpcoder-forms-container .nf-form-content .label-above .field-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tmpcoder-forms-container .nf-form-content .label-above .nf-field-label { margin-top: 0; } .tmpcoder-forms-container .field-wrap:not(.textarea-wrap):not(.submit-wrap) .ninja-forms-field { border-radius: 0; } .tmpcoder-forms-container .field-wrap.textarea-wrap .ninja-forms-field { display: block; } .tmpcoder-forms-container .field-wrap.submit-wrap .ninja-forms-field { cursor: pointer; } .tmpcoder-forms-container .listselect-wrap>div select.ninja-forms-field { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .tmpcoder-forms-container .nf-form-content .list-select-wrap .nf-field-element>div, .tmpcoder-forms-container .nf-form-content input:not([type=button]), .tmpcoder-forms-container .nf-form-content textarea { background: transparent; border: none; } .tmpcoder-forms-container .checkbox-container.label-right .field-wrap { display: block; } .tmpcoder-forms-container .listradio-wrap ul li, .tmpcoder-forms-container .listcheckbox-wrap ul li { display: inline-block; margin-right: 10px !important; margin-bottom: 7px !important; } .tmpcoder-forms-container .listcheckbox-container .nf-field-element label:after { top: 1px; } .tmpcoder-forms-container .listradio-wrap .nf-field-element label { margin-left: 25px !important; } .tmpcoder-forms-container .listradio-wrap .nf-field-element label:after { top: 0; left: -25px; } .tmpcoder-forms-container .listradio-wrap .nf-field-element label.nf-checked-label:before { top: 4px; left: -21px; } .tmpcoder-forms-container .listradio-wrap label, .tmpcoder-forms-container .checkbox-wrap label, .tmpcoder-forms-container .listcheckbox-wrap label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .tmpcoder-forms-container .nf-error.field-wrap .nf-field-element:after { top: 0 !important; bottom: 0 !important; height: auto !important; } .tmpcoder-forms-container .wpforms-form .wpforms-field, .tmpcoder-forms-container .wpforms-submit-container { padding: 0 !important; } .tmpcoder-forms-container .wpforms-container, .tmpcoder-forms-container div.wpforms-container-full .wpforms-form .wpforms-field-row, .tmpcoder-forms-container .wpforms-field-address .wpforms-field-row:nth-last-child(2) { margin-bottom: 0 !important; } .tmpcoder-forms-container .wpforms-submit-container:after { content: " "; clear: both; display: table; } .tmpcoder-forms-container .caldera-grid .help-block { margin-bottom: 0; } .tmpcoder-forms-container .caldera-grid .caldera-forms-gdpr-field-label a { text-decoration: underline; } .tmpcoder-forms-container .caldera-grid .intl-tel-input input { text-indent: 40px; } .tmpcoder-forms-container .caldera-grid input.cf-credit-card { text-indent: 33px; } .tmpcoder-forms-container .caldera-grid .cf-credit-card { background-position: 5px center !important; } .tmpcoder-forms-container .cf2-dropzone .form-control { height: auto; } .tmpcoder-forms-container .caldera-grid .form-group input, .tmpcoder-forms-container .caldera-grid .form-group textarea { -webkit-box-shadow: none; box-shadow: none; } .tmpcoder-forms-container .caldera-grid .has-error .form-control { -webkit-box-shadow: none; box-shadow: none; } .tmpcoder-forms-container .caldera-grid .alert-success { text-shadow: none; } /* Defaults */ .elementor-widget-tmpcoder-forms .wpforms-head-container .wpforms-title, .elementor-widget-tmpcoder-forms .nf-form-title h3 { font-size: 28px; font-weight: 800; } .elementor-widget-tmpcoder-forms .wpforms-head-container .wpforms-description, .elementor-widget-tmpcoder-forms .nf-form-fields-required { font-size: 14px; } .elementor-widget-tmpcoder-forms .wpcf7-form, .elementor-widget-tmpcoder-forms .nf-field-container label, .elementor-widget-tmpcoder-forms .wpforms-field-label, .elementor-widget-tmpcoder-forms .wpforms-image-choices-label, .elementor-widget-tmpcoder-forms .wpforms-field-label-inline, .elementor-widget-tmpcoder-forms .wpforms-captcha-question, .elementor-widget-tmpcoder-forms .wpforms-captcha-equation, .elementor-widget-tmpcoder-forms .wpforms-payment-total, .elementor-widget-tmpcoder-forms .caldera-grid .control-label, .elementor-widget-tmpcoder-forms .caldera-forms-summary-field ul li, .elementor-widget-tmpcoder-forms .caldera-grid .total-line, .elementor-widget-tmpcoder-forms .caldera-grid .checkbox label, .elementor-widget-tmpcoder-forms .caldera-grid .radio label, .elementor-widget-tmpcoder-forms .caldera-grid .caldera-forms-gdpr-field-label, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .wpforms-confirmation-container-full, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .nf-response-msg { font-size: 14px; } .elementor-widget-tmpcoder-forms .wpcf7-text, .elementor-widget-tmpcoder-forms .wpcf7-textarea, .elementor-widget-tmpcoder-forms .wpcf7-date, .elementor-widget-tmpcoder-forms .wpcf7-number, .elementor-widget-tmpcoder-forms .wpcf7-select, .elementor-widget-tmpcoder-forms .wpcf7-quiz, .elementor-widget-tmpcoder-forms .ninja-forms-field, .elementor-widget-tmpcoder-forms .wpforms-form input[type=date], .elementor-widget-tmpcoder-forms .wpforms-form input[type=datetime], .elementor-widget-tmpcoder-forms .wpforms-form input[type=datetime-local], .elementor-widget-tmpcoder-forms .wpforms-form input[type=email], .elementor-widget-tmpcoder-forms .wpforms-form input[type=month], .elementor-widget-tmpcoder-forms .wpforms-form input[type=number], .elementor-widget-tmpcoder-forms .wpforms-form input[type=password], .elementor-widget-tmpcoder-forms .wpforms-form input[type=range], .elementor-widget-tmpcoder-forms .wpforms-form input[type=search], .elementor-widget-tmpcoder-forms .wpforms-form input[type=tel], .elementor-widget-tmpcoder-forms .wpforms-form input[type=text], .elementor-widget-tmpcoder-forms .wpforms-form input[type=time], .elementor-widget-tmpcoder-forms .wpforms-form input[type=url], .elementor-widget-tmpcoder-forms .wpforms-form input[type=week], .elementor-widget-tmpcoder-forms .wpforms-form select, .elementor-widget-tmpcoder-forms .wpforms-form textarea, .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=text], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=email], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=tel], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=phone], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=number], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=url], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=color_picker], .elementor-widget-tmpcoder-forms .caldera-grid .form-control[type=credit_card_cvc], .elementor-widget-tmpcoder-forms .caldera-grid select.form-control, .elementor-widget-tmpcoder-forms .caldera-grid textarea.form-control { font-size: 13px; letter-spacing: 0.2px; } .elementor-widget-tmpcoder-forms .wpcf7-submit, .elementor-widget-tmpcoder-forms .submit-wrap .ninja-forms-field, .elementor-widget-tmpcoder-forms .submit-wrap .ninja-forms-field, .elementor-widget-tmpcoder-forms .wpforms-submit, .elementor-widget-tmpcoder-forms .wpforms-page-next, .elementor-widget-tmpcoder-forms .wpforms-page-previous, .elementor-widget-tmpcoder-forms .caldera-grid .btn-default, .elementor-widget-tmpcoder-forms .caldera-grid .cf2-dropzone button { background-color: var(--theme-primary-color); } .elementor-widget-tmpcoder-forms .wpcf7-submit:hover, .elementor-widget-tmpcoder-forms .submit-wrap .ninja-forms-field:hover, .elementor-widget-tmpcoder-forms .wpforms-submit:hover, .elementor-widget-tmpcoder-forms .wpforms-page-next:hover, .elementor-widget-tmpcoder-forms .wpforms-page-previous:hover, .elementor-widget-tmpcoder-forms .caldera-grid .btn-default:hover, .elementor-widget-tmpcoder-forms .caldera-grid .btn-success, .elementor-widget-tmpcoder-forms .caldera-grid .cf2-dropzone button:hover { background-color: var(--theme-primary-color); } .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .wpcf7-not-valid-tip, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .wpcf7-response-output, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container label.wpforms-error, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .caldera_ajax_error_block, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .nf-error-msg { font-size: 14px; } .elementor-widget-tmpcoder-forms .wpcf7-form, .elementor-widget-tmpcoder-forms .nf-field-container label, .elementor-widget-tmpcoder-forms .wpforms-field-label, .elementor-widget-tmpcoder-forms .wpforms-image-choices-label, .elementor-widget-tmpcoder-forms .wpforms-field-label-inline, .elementor-widget-tmpcoder-forms .wpforms-captcha-question, .elementor-widget-tmpcoder-forms .wpforms-captcha-equation, .elementor-widget-tmpcoder-forms .wpforms-payment-total, .elementor-widget-tmpcoder-forms .caldera-grid .control-label, .elementor-widget-tmpcoder-forms .caldera-forms-summary-field ul li, .elementor-widget-tmpcoder-forms .caldera-grid .total-line, .elementor-widget-tmpcoder-forms .caldera-grid .checkbox label, .elementor-widget-tmpcoder-forms .caldera-grid .radio label, .elementor-widget-tmpcoder-forms .caldera-grid .caldera-forms-gdpr-field-label, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .wpforms-confirmation-container-full, .elementor-widget-tmpcoder-forms .tmpcoder-forms-container .nf-response-msg { font-weight: normal; } .elementor-widget-tmpcoder-forms.nf-field-description, .elementor-widget-tmpcoder-forms.wpforms-field-sublabel, .elementor-widget-tmpcoder-forms.wpforms-field-description, .elementor-widget-tmpcoder-forms.caldera-grid .help-block { font-size: 14px; } /* Add css for product archive widget start */ .tmpcoder-product-loop-item-align-left ul.products li.product .star-rating { margin-right: auto; } .tmpcoder-product-loop-item-align-right ul.products li.product .star-rating { margin-left: auto; } .tmpcoder-product-loop-item-align-center ul.products li.product .star-rating { margin-right: auto; margin-left: auto; } .elementor-widget-tmpcoder-product-archive-addons ul.products li.product span.onsale { display: none; } .elementor-widget-tmpcoder-product-archive-addons ul.products li.product .onsale { margin: 0; } /* Add css for product archive widget end */ .new-box .news-img{transition: all 400ms ease; position: relative; top: 0;} .new-box:hover .news-img {box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .5);} .news-img{position: relative;} .news-img .news-image{width: 100%;} .news-img .news-date {background: var(--theme-primary-color); width: 68px; height: 68px; border-radius: 100%; color: var(--theme-global-color-1); font-weight: 700; text-align: center; line-height: 68px; position: absolute; bottom: -30px; right: 40px; display: flex; align-items: center; justify-content: center; z-index: 1;} .news-img .news-date span{line-height: 20px; display: block;} .news-img .news-date-bg{background: var(--theme-primary-color); position: absolute; width: 72px; height: 72px; bottom: -32px; right: 38px; border-radius: 100%;} .blog-list-pagination ul {display: flex;list-style: none;} .elementor-social-icon { display: inline-flex !important; } body .team-slider.owl-carousel .owl-nav button, body .blog-slider.owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); transition: all 400ms ease; outline: none !important; line-height: normal !important; padding: 10px 10px !important; } .team-slider .owl-nav button.owl-prev, .blog-slider .owl-nav button.owl-prev { left: -40px; } .team-slider .owl-nav button.owl-next, .blog-slider .owl-nav button.owl-next { right: -40px; } .team-slider .owl-nav button span, .blog-slider .owl-nav button span { display: none; } .team-slider .owl-nav button:before, .blog-slider .owl-nav button:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .team-slider .owl-nav button.owl-prev:before, .blog-slider .owl-nav button.owl-prev:before { content: "\f053"; } .team-slider .owl-nav button.owl-next:before, .blog-slider .owl-nav button.owl-next:before { content: "\f054"; } .blog-list-img {overflow: hidden;} .blog-list-img a { display: block; } .blog-list-img a img { display: block; } form .row { display: flex; flex-wrap: wrap; margin: 0px -15px; } form .row > * { padding: 0px 15px; } .woocommerce-variation-add-to-cart .qty { padding: 5px 5px !important; } .single-product .elementor-widget-wlfmc-add-to-wish-list .wlfmc_add_to_wishlist { padding: 0 !important; } .tmpcoder-testimonial-meta { padding-top: 0 !important; display: flex; align-items: center; justify-content: center; } .tmpcoder-testimonial-content-inner:before { top: 50% !important; } .team-slider .owl-dots { padding-top: 15px; } .team-slider .owl-dots .owl-dot { margin: 0px 5px; } body.tax-product_cat .elementor-element .elementor-widget-tmpcoder-product-archive-addons .products .product img { margin-left: auto !important; margin-right: auto !important; } body.tax-product_tag .elementor-element .elementor-widget-tmpcoder-product-archive-addons .products .product img { margin-left: auto !important; margin-right: auto !important; } body.post-type-archive-product .elementor-element .elementor-widget-tmpcoder-product-archive-addons .products .product img { margin-left: auto !important; margin-right: auto !important; } .tmpcoder-product-tabs ul { align-items: center !important; justify-content: flex-start; } .tmpcoder-product-tabs ul li { flex-grow: unset !important; white-space: nowrap; list-style: none; } header.page-header { padding: 150px 0px; background: var(--theme-secondary-color); margin-bottom: 30px; } header.page-header h1.entry-title { margin-top: 0; margin-bottom: 0; color: var(--wp--preset--color--white); text-align: center; } .tmpcoder-product-tabs .woocommerce-Tabs-panel p { margin-bottom: 15px; } .tmpcoder-product-tabs .woocommerce-Tabs-panel p:last-child { margin-bottom: 0px; } .tmpcoder-product-tabs .woocommerce-Tabs-panel h2 { margin-top: 0 !important; } .woocommerce #reviews #comments ol.commentlist li { margin: 0 0 13px !important; } section.related.products h2 { margin-top: 0 !important; } section.related.products .woocommerce-loop-product__title { padding-top: 0 !important; padding-bottom: 0 !important; } .related.products .products .product { margin-bottom: 0 !important; } .single-product a.added_to_cart { display: inline-flex !important; align-items: center; justify-content: center; } header .woocommerce-notices-wrapper { display: none !important; } button.single_add_to_cart_button { position: relative; } .single-product .tmpcoder-product-add-to-cart button.loading:after { top: 35% !important; left: 41% !important; width: fit-content; } button { outline: unset !important; } /*----- Cart page Css Start -----*/ .woocommerce-cart-form table thead tr th .screen-reader-text { position: unset !important; clip: unset !important; margin: 0 !important; overflow: unset !important; width: auto !important; height: auto !important; clip-path: unset !important; } .woocommerce-cart-form table tbody tr td.product-remove a.remove { text-indent: unset; font-size: 0; width: fit-content; height: fit-content; color: var(--theme-text-color) !important; transition: all 400ms ease; margin-left: auto; margin-right: auto; } .woocommerce-cart-form table tbody tr td.product-remove a.remove:hover { color: var(--theme-primary-color) !important; background: transparent; } .woocommerce-cart-form table tbody tr td.product-remove a.remove:before { text-indent: unset; font-size: var(--theme-font-size); position: unset; transform: unset; font-weight: 100; } .woocommerce-cart-form table { border-radius: unset !important; } .woocommerce-cart-form table thead tr th { font-size: calc(var(--theme-font-size) + 2px); color: var(--theme-text-color); border-top: unset !important; border-left: unset; text-align: center; } .woocommerce-cart-form table thead tr th:last-child { border-right: unset; } .woocommerce-cart-form table tbody tr:first-child td { border-top: unset !important; } .woocommerce-cart-form table tbody tr td { border-right: 1px solid var(--theme-global-border-color); } .woocommerce-cart-form table tbody tr td:last-child { border-right: 0; } .woocommerce-cart-form a.remove:before {content: "\f2ed";} .woocommerce-cart-form table tbody tr td.product-thumbnail a { display: block; border: 1px solid var(--theme-global-border-color); padding: 10px; overflow: hidden; max-width: 100px; } .woocommerce-cart-form table tbody tr td img { width: 100% !important; max-width: 100px; transition: all 400ms ease; } .woocommerce-cart-form table tbody tr td.product-thumbnail a:hover img { transform: scale(1.1); } .woocommerce-cart-form table tbody tr td.product-name a { font-size: calc(var(--theme-font-size) + 2px); color: var(--heading1-text-color); text-transform: var(--heading2-text-transform); transition: all 400ms ease; font-weight: var(--heading2-font-weight); margin-bottom: 5px; display: inline-block; } .woocommerce-cart-form table tbody tr td.product-name a:hover { color: var(--theme-primary-color) !important; } .woocommerce-cart-form table tbody tr td.product-name dl.variation { display: block !important; } .woocommerce-cart-form table tbody tr td.product-name dl.variation dt { font-weight: var(--heading2-font-weight); } .woocommerce-cart-form table tbody tr td.product-name dl.variation dd { padding-bottom: 5px; } .woocommerce-cart-form table tbody tr td.product-price, .woocommerce-cart-form table tbody tr td.product-subtotal { font-size: calc(var(--theme-font-size) + 2px); color: var(--theme-primary-color); font-weight: var(--heading2-font-weight); } .woocommerce-cart-form table tbody tr td { text-align: center; background: transparent !important; } .woocommerce-cart-form table tbody tr td.product-name { text-align: left; } .woocommerce-cart-form table thead tr th.product-thumbnail, .woocommerce-cart-form table thead tr th.product-name { text-align: left; } .woocommerce-cart-form table tbody tr td.product-quantity input { border: 1px solid var(--theme-global-border-color) !important; padding: 5px 5px !important; } .woocommerce-cart-form table tbody tr td .coupon .input-text { width: 100% !important; max-width: 150px; padding: 10px 10px !important; transition: all 400ms ease; border: 1px solid var(--theme-global-border-color) !important; margin-right: 15px !important; } .woocommerce-cart-form table tbody tr td .coupon .input-text:focus { border: 1px solid var(--theme-primary-color) !important; } .woocommerce-cart-form table tbody tr td .coupon button, .woocommerce-cart-form table tbody tr td.actions button.button { background-color: var(--theme-button-background); border-color: var(--button-border-color); border-style: var(--button-border-type); border-top-width: var(--button-border-top); border-right-width: var(--button-border-right); border-bottom-width: var(--button-border-bottom); border-left-width: var(--button-border-left); font-family: var(--button-font-family); font-weight: var(--button-font-weight); text-align: var(--button-text-align); text-transform: var(--button-text-transform); font-size: var(--button-font-size); line-height: var(--button-line-height); letter-spacing: var(--button-letter-spacing); color: var(--button-text-color) !important; border-radius: var(--button-border-radius) !important; } .woocommerce-cart-form table tbody tr td .coupon button:hover, .woocommerce-cart-form table tbody tr td.actions button.button:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .woocommerce-cart .cart_totals > h2 { font-size: var(--heading6-font-size); letter-spacing: var(--heading6-letter-spacing); font-family: var(--heading6-font-family); font-weight: var(--heading6-font-weight); font-style: var(--heading6-font-style); text-transform: var(--heading6-text-transform); line-height: var(--heading6-line-height); color: var(--heading6-text-color); } .woocommerce-cart .cart_totals table { border-color: var(--theme-global-border-color) !important; border-radius: 0 !important; } .woocommerce-cart .cart_totals table tbody th, .woocommerce-cart .cart_totals table tbody td { border: unset; } .woocommerce-cart .cart_totals table tbody th, .woocommerce-cart .cart_totals table tbody td { border-color: var(--theme-global-border-color) !important; } .woocommerce-cart .cart_totals table tbody th, .woocommerce-cart .cart_totals table tbody td { font-weight: var(--theme-font-weight) !important; font-size: var(--theme-font-size); } .woocommerce-cart .cart_totals table tbody tr.order-total th { font-weight: bolder !important; font-size: calc(var(--theme-font-size) + 3px); } .woocommerce-cart .cart_totals table tbody tr.order-total td { font-size: calc(var(--theme-font-size) + 3px); } .woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button { background-color: var(--theme-button-background); border-color: var(--button-border-color); border-style: var(--button-border-type); border-top-width: var(--button-border-top); border-right-width: var(--button-border-right); border-bottom-width: var(--button-border-bottom); border-left-width: var(--button-border-left); font-family: var(--button-font-family); font-weight: var(--button-font-weight); text-transform: var(--button-text-transform); font-size: var(--button-font-size); line-height: var(--button-line-height); letter-spacing: var(--button-letter-spacing); color: var(--button-text-color) !important; transition: all 400ms ease; margin-bottom: 0; border-radius: var(--button-border-radius) !important; } .woocommerce-cart .cart_totals .wc-proceed-to-checkout { padding-bottom: 0; } .woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover { background-color: var(--theme-button-background-hover); color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .woocommerce-cart .return-to-shop { margin-bottom: 0 !important; text-align: center; } .woocommerce-cart .return-to-shop .button.wc-backward { background-color: var(--theme-button-background); border-color: var(--button-border-color); border-style: var(--button-border-type); border-top-width: var(--button-border-top); border-right-width: var(--button-border-right); border-bottom-width: var(--button-border-bottom); border-left-width: var(--button-border-left); font-family: var(--button-font-family); font-weight: var(--button-font-weight); text-align: var(--button-text-align); text-transform: var(--button-text-transform); font-size: var(--button-font-size); line-height: var(--button-line-height); letter-spacing: var(--button-letter-spacing); color: var(--button-text-color) !important; transition: all 400ms ease; border-radius: var(--button-border-radius) !important; } .woocommerce-cart .return-to-shop .button.wc-backward:hover { background-color: var(--theme-button-background-hover); color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } /*----- Cart page Css End -----*/ /*----- Checkout page Css Start -----*/ .woocommerce-info { border-top-color: var(--theme-primary-color) !important; } .woocommerce-info::before { color: var(--theme-primary-color) !important; } form.checkout_coupon .button { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--button-font-size) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; margin-bottom: 0 !important; border-radius: var(--button-border-radius) !important; } form.checkout_coupon .button:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .woocommerce-checkout h3 { margin-top: 0 !important; margin-bottom: 0 !important; text-transform: var(--heading2-text-transform) !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0px !important; } .woocommerce-checkout #customer_details { padding-bottom: 50px; } .woocommerce-checkout #order_review_heading { margin-bottom: 10px !important; } .woocommerce table.shop_table { border-radius: 0px !important; } .woocommerce-checkout #order_review table { border-color: var(--theme-global-border-color) !important; } .woocommerce-checkout #order_review table thead th { border: unset; border-left: 1px solid var(--theme-global-border-color); } .woocommerce-checkout #order_review table tbody td { border-color: var(--theme-global-border-color) !important; border-left: 1px solid; } .woocommerce-checkout #order_review table thead th:first-child, .woocommerce-checkout #order_review table tbody td:first-child { border-left: unset; } .woocommerce-checkout #order_review table tfoot th, .woocommerce-checkout #order_review table tfoot td { border: unset; border-top: 1px solid; border-color: var(--theme-global-border-color) !important; } .woocommerce-checkout #order_review table tfoot td { border-left: 1px solid; } .woocommerce-cart-form table tbody tr td.product-name dl.variation { font-size: var(--theme-font-size); } .woocommerce-checkout #order_review table thead th { font-size: calc(var(--theme-font-size) + 2px); color: var(--theme-text-color); } .woocommerce-checkout #order_review table tbody td { font-size: var(--theme-font-size); } .woocommerce-checkout #order_review table tbody td.product-name { font-weight: 700; text-transform: uppercase; } .woocommerce-checkout #order_review table tbody td.product-name dl.variation { font-weight: var(--theme-font-weight); grid-template-columns: 130px calc(100% - 130px) !important; text-transform: initial; } .woocommerce-checkout #order_review table tfoot tr.cart-subtotal, .woocommerce-checkout #order_review table tfoot tr.order-total { font-size: calc(var(--theme-font-size) + 2px); } .woocommerce-checkout #order_review #payment { border-radius: 0; background: unset; border: 1px solid var(--theme-global-border-color); } .woocommerce-checkout #order_review #payment .input-radio { display: none; } .woocommerce-checkout #order_review #payment li.wc_payment_method label { position: relative; padding-left: 20px; cursor: pointer; } .woocommerce-checkout #order_review #payment li.wc_payment_method label:before { content: ""; border: 2px solid var(--theme-global-border-color); width: 14px; height: 14px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100%; transition: all 400ms ease; } .woocommerce-checkout #order_review #payment li.wc_payment_method .input-radio:checked + label:after { content: ""; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); width: 6px; height: 6px; background: var(--theme-primary-color); border-radius: 100%; } .woocommerce-checkout #order_review #payment li.wc_payment_method .input-radio:checked + label:before { border-color: var(--theme-primary-color); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: var(--theme-global-border-color) !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-color: var(--theme-global-border-color) !important; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--button-font-size) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } ul.woocommerce-thankyou-order-details { padding: 0; margin: 0 !important; margin-bottom: 5px !important; border: 1px solid var(--theme-global-border-color); } ul.woocommerce-thankyou-order-details li { padding: 10px 15px !important; margin: 0 !important; border-right: 1px solid var(--theme-global-border-color) !important; font-size: var(--theme-font-size) !important; text-transform: initial !important; font-weight: 700; } ul.woocommerce-thankyou-order-details li:last-child { border-right: unset !important; } ul.woocommerce-thankyou-order-details li strong { font-weight: var(--theme-font-weight); font-size: var(--theme-font-size) !important; padding-top: 4px; } .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { font-weight: 700; margin-bottom: 7px; font-size: calc(var(--theme-font-size) + 2px) !important; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { font-size: var(--heading3-font-size); font-family: var(--heading3-font-family); font-weight: var(--heading3-font-weight); color: var(--heading3-text-color); line-height: var(--heading3-line-height); text-transform: var(--heading2-text-transform); letter-spacing: var(--heading3-letter-spacing); margin: 0; margin-bottom: 10px; } .woocommerce-order-received section.woocommerce-order-details { padding-top: 30px; margin-bottom: 0; padding-bottom: 50px; } .woocommerce-order-received section.woocommerce-order-details table thead th { border: unset !important; border-left: 1px solid var(--theme-global-border-color) !important; font-size: calc(var(--theme-font-size) + 2px); color: var(--theme-text-color); } .woocommerce-order-received section.woocommerce-order-details table thead th:first-child { border-left: unset !important; } .woocommerce-order-received section.woocommerce-order-details table tbody td { border-left: 1px solid !important; border-color: var(--theme-global-border-color) !important; font-size: var(--theme-font-size); } .woocommerce-order-received section.woocommerce-order-details table tbody td:first-child { border-left: unset !important; } .woocommerce-order-received section.woocommerce-order-details table tfoot th, .woocommerce-order-received section.woocommerce-order-details table tfoot td { border: unset; border-top: 1px solid; border-color: var(--theme-global-border-color) !important; } .woocommerce-order-received section.woocommerce-order-details table tfoot td { border-left: 1px solid; border-color: var(--theme-global-border-color) !important; } .woocommerce-order-received section.woocommerce-order-details table tbody td a { text-transform: uppercase; color: var(--heading2-text-color); font-weight: 700; transition: all 400ms ease; } .woocommerce-order-received section.woocommerce-order-details table tbody td a:hover { color: var(--theme-primary-color); } .woocommerce-order-received section.woocommerce-order-details table tbody td ul { padding: 0; margin: 0; } .woocommerce-order-received section.woocommerce-order-details table tbody td ul li strong { font-weight: var(--theme-font-weight); } .woocommerce-order-received section.woocommerce-order-details table tfoot { font-size: calc(var(--theme-font-size) + 2px); } .woocommerce-order-received section.woocommerce-customer-details address { border-radius: 0; border: 1px solid var(--theme-global-border-color) !important; } .woocommerce-order-received section.woocommerce-customer-details { margin-bottom: 0; } /*----- Checkout page Css End -----*/ /*----- Account page Css Start -----*/ #customer_login h2 { font-size: var(--heading3-font-size); font-family: var(--heading3-font-family); font-weight: var(--heading3-font-weight); color: var(--heading3-text-color); line-height: var(--heading3-line-height); text-transform: var(--heading2-text-transform); margin: 0; margin-bottom: 15px; } #customer_login .woocommerce-form-login.login, #customer_login .woocommerce-form-register.register { margin: 0; padding: 10px 20px; border-color: var(--theme-global-border-color); } .woocommerce #customer_login form .form-row { padding: 0; } #customer_login .button,.lost_reset_password .woocommerce-Button { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--button-font-size-mobile) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; padding-top: var(--button-mobile-padding-top) !important; padding-bottom: var(--button-mobile-padding-bottom) !important; padding-right: var(--button-mobile-padding-right) !important; padding-left: var(--button-mobile-padding-left) !important; } #customer_login .button:hover,.lost_reset_password .woocommerce-Button:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .woocommerce #customer_login form .form-row span.password-input { padding-bottom: 10px; } .woocommerce #customer_login form .form-row .woocommerce-form-login__rememberme { padding-top: 11px; } .woocommerce #customer_login form .form-row .woocommerce-form-login__rememberme #rememberme { position: relative; top: 2px; } .woocommerce #customer_login form .lost_password { padding-top: 5px; } form.woocommerce-cart-form { width: 100%; } .woocommerce #customer_login form .lost_password a, .woocommerce #customer_login .woocommerce-privacy-policy-link { color: var(--theme-text-color); text-decoration: underline; transition: all 400ms ease; } .woocommerce #customer_login form .lost_password a:hover, .woocommerce #customer_login .woocommerce-privacy-policy-link:hover { color: var(--theme-primary-color); } #customer_login { display: flex; flex-wrap: wrap; /*width: unset;*/ /*margin: 0px -15px;*/ } .single-login-page .u-column1 { margin: 0px auto; text-align: center; } #customer_login > div { width: 50%; padding: 0px 15px; } #customer_login > div form { height: calc(100% - var(--heading3-line-height) - 15px); } .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; } .woocommerce-MyAccount-navigation ul li { list-style: none; } .woocommerce-MyAccount-navigation ul li a { color: var(--heading2-text-color); font-weight: var(--heading2-font-weight); transition: all 400ms ease; } a { transition: all 400ms ease; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--theme-primary-color); } .woocommerce-MyAccount-navigation ul { border: 1px solid var(--theme-global-border-color); border-radius: 6px; } .woocommerce-MyAccount-navigation ul li { list-style: none; padding: 8px 10px; border-bottom: 1px solid var(--theme-global-border-color); } .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: unset; } body.woocommerce-account .elementor-widget-container > .woocommerce { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-account .woocommerce-MyAccount-navigation { padding: 0px 15px; width: 25% !important; } .woocommerce-account .woocommerce-MyAccount-content { padding: 0px 15px; width: 75% !important; } .wlfmc-wishlist .wlfmc-default-table:not(.is-elementor).add-to-card-same-button tr td.last-column .button:not(.minus):not(.plus), .woocommerce-account .wlfmc-default-table:not(.is-elementor).add-to-card-same-button tr td.last-column .button:not(.minus):not(.plus) { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--theme-font-size-mobile) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; } .wlfmc-wishlist .wlfmc-default-table:not(.is-elementor).add-to-card-same-button tr td.last-column .button:not(.minus):not(.plus):hover, .woocommerce-account .wlfmc-default-table:not(.is-elementor).add-to-card-same-button tr td.last-column .button:not(.minus):not(.plus):hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .wlfmc-wishlist-table-wrapper table tbody tr td.first-column .d-flex .d-flex { flex-direction: unset; } .wlfmc-wishlist-table-wrapper table tbody tr td.first-column .d-flex .d-flex .checkbox-label { width: 30px!important; height: 30px!important; line-height: 40px!important; } .wlfmc-wishlist-table-wrapper table tbody tr td.first-column .d-flex .d-flex .checkbox-label input[type=checkbox] + span:before, .wlfmc-wishlist-table-wrapper table tfoot tr .wlfmc_wishlist_bulk_action .checkbox-label span:before { border-radius: 0; } .wlfmc-wishlist-table-wrapper table tbody tr td.first-column .d-flex .d-flex .checkbox-label input[type=checkbox]:checked~span:before, .wlfmc-wishlist-table-wrapper table tfoot tr .wlfmc_wishlist_bulk_action .checkbox-label input[type=checkbox]:checked~span:before { background-color: var(--theme-primary-color); border-color: var(--theme-primary-color); } .wlfmc-wishlist-table-wrapper table tbody tr td.first-column .d-flex .d-flex .wlfmc-remove-from-list { width: 30px; height: 30px; } .wlfmc-wishlist-table-wrapper table tbody tr td .product-name { color: var(--theme-text-color); } .wlfmc-wishlist-table-wrapper table tbody tr td .product-name:hover { color: var(--theme-primary-color); } .wlfmc-default-table:not(.is-elementor) .product-thumbnail img { background-color: transparent !important; } .wlfmc-wishlist-table-wrapper table tbody tr { border-radius: 0 !important; } .wlfmc-wishlist-footer tr.actions td { padding: 5px 10px !important; } .wlfmc-wishlist-table-wrapper table tfoot tr .wlfmc_wishlist_bulk_action { gap: 15px!important; } .wlfmc-list nav.wishlist-pagination ul li a, .wlfmc-list nav.wishlist-pagination ul li span, .wlfmc-lists nav.wishlist-pagination ul li a, .wlfmc-lists nav.wishlist-pagination ul li span { font-size: var(--theme-font-size) !important; min-width: 40px !important; min-height: 40px !important; color: var(--theme-text-color); border: 1px solid var(--theme-global-border-color); border-radius: 50%; } .wlfmc-list nav.wishlist-pagination ul li span.current, .wlfmc-lists nav.wishlist-pagination ul li span.current, .wlfmc-list nav.wishlist-pagination ul li a:hover, .wlfmc-lists nav.wishlist-pagination ul li a:hover { background: var(--theme-button-background) !important; color: var(--wp--preset--color--white) !important; } .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer tr.actions, .wlfmc-default-table-header:not(.is-elementor), .wlfmc-default-table:not(.is-elementor) .wishlist-items-wrapper:not(.wishlist-empty) tr, .wlfmc-default-table:not(.is-elementor) .wishlist-items-wrapper:not(.wishlist-empty) .wlfmc-absolute-meta-data { border-radius: 0px !important; border-width: 1px !important; } .woocommerce-account .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer select { border-radius: 0 !important; background: transparent !important; border: 1px solid var(--theme-global-border-color) !important; outline: none !important; } .woocommerce-account .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer select:focus-visible { outline: none !important; } .wlfmc-wishlist .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer .button, .woocommerce-account .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer .button { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--button-font-size-mobile) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; } .wlfmc-wishlist .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer .button:hover, .woocommerce-account .wlfmc-default-table:not(.is-elementor) .wlfmc-wishlist-footer .button:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } .woocommerce-MyAccount-content .button,.woocommerce-notices-wrapper .woocommerce-message .button{ background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--theme-font-size-mobile) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; padding: 5px 20px !important; } .woocommerce-MyAccount-content .button:hover,.woocommerce-notices-wrapper .woocommerce-message .button:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } table.woocommerce-MyAccount-orders thead th, table.woocommerce-table--order-downloads thead th { border: unset !important; border-left: 1px solid var(--theme-global-border-color) !important; } table.woocommerce-MyAccount-orders thead th:first-child, table.woocommerce-table--order-downloads thead th:first-child { border-left: unset !important; } table.woocommerce-MyAccount-orders tbody td, table.woocommerce-table--order-downloads tbody td { border-left: 1px solid var(--theme-global-border-color) !important; } table.woocommerce-MyAccount-orders tbody td:first-child, table.woocommerce-table--order-downloads tbody td:first-child { border-left: unset !important; } table.woocommerce-MyAccount-orders td, table.woocommerce-MyAccount-orders th, table.woocommerce-table--order-downloads td, table.woocommerce-table--order-downloads th { font-size: var(--theme-font-size); padding: 8px 10px !important; } table.woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-actions, table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions, table.woocommerce-table--order-downloads .download-file { text-align: center; } table.woocommerce-MyAccount-orders tbody td a, table.woocommerce-table--order-downloads tbody td a, table.order_details tbody td a { color: var(--theme-text-color); } table.woocommerce-MyAccount-orders tbody td a:hover, table.woocommerce-table--order-downloads tbody td a:hover, table.order_details tbody td a:hover { color: var(--theme-primary-color); } .woocommerce-account .woocommerce-order-downloads__title, .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-column__title { font-size: var(--heading3-font-size); font-family: var(--heading3-font-family); font-weight: var(--heading3-font-weight); color: var(--heading3-text-color); line-height: var(--heading3-line-height); text-transform: var(--heading2-text-transform); letter-spacing: var(--heading2-letter-spacing); margin: 0; margin-bottom: 10px; } table.order_details thead th, table.order_details tbody td, table.order_details tfoot td, table.order_details tfoot th { border: unset !important; border-left: 1px solid var(--theme-global-border-color) !important; font-size: var(--theme-font-size); padding: 8px 10px !important; } table.order_details thead th:first-child, table.order_details tbody td:first-child, table.order_details tfoot td:first-child, table.order_details tfoot th:first-child { border-left: unset !important; } table.order_details tbody td, table.order_details tfoot td, table.order_details tfoot th { border-top: 1px solid var(--theme-global-border-color) !important; } section.woocommerce-customer-details address { border-radius: 0 !important; } body.woocommerce-edit-address .woocommerce-Addresses { display: flex; flex-wrap: wrap; width: unset; margin: 0px -15px; } body.woocommerce-edit-address .woocommerce-Addresses > .woocommerce-Address { border: 1px solid var(--theme-global-border-color); width: calc(50% - 30px); margin: 0px 15px; padding: 10px 15px; } body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title h3 { margin: 0; } body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title .edit { background-color: var(--theme-button-background) !important; border-color: var(--button-border-color) !important; border-style: var(--button-border-type) !important; border-top-width: var(--button-border-top) !important; border-right-width: var(--button-border-right) !important; border-bottom-width: var(--button-border-bottom) !important; border-left-width: var(--button-border-left) !important; font-family: var(--button-font-family) !important; font-weight: var(--button-font-weight) !important; text-transform: var(--button-text-transform) !important; font-size: var(--theme-font-size-mobile) !important; line-height: var(--button-line-height) !important; letter-spacing: var(--button-letter-spacing) !important; color: var(--button-text-color) !important; transition: all 400ms ease !important; border-radius: var(--button-border-radius) !important; padding: 5px 20px !important; } body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title .edit:hover { background-color: var(--theme-button-background-hover) !important; color: var(--button-text-hover-color) !important; border-color: var(--button-border-hover-color) !important; border-style: var(--button-border-hover-type) !important; border-top-width: var(--button-border-hover-top) !important; border-right-width: var(--button-border-hover-right) !important; border-bottom-width: var(--button-border-hover-bottom) !important; border-left-width: var(--button-border-hover-left) !important; } body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; } body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title:before, body.woocommerce-edit-address .woocommerce-Addresses header.woocommerce-Address-title:after { content: unset; } body.woocommerce-edit-address form h3 { margin: 0; } body.woocommerce-edit-address form button.button, form.edit-account .button { padding: var(--button-mobile-padding-top) var(--button-mobile-padding-right) var(--button-mobile-padding-bottom) var(--button-mobile-padding-left) !important; font-size: var(--button-font-size-mobile) !important; margin-top: 15px; } form.edit-account fieldset { border-width: 1px; margin-bottom: 20px; border-color: var( --e-global-color-tmpcoderglobalbordercolor ); border-style: solid; } /*----- Account page Css End -----*/ .woocommerce-pagination .page-numbers li {border-right:0!important} .woocommerce-pagination ul.page-numbers {border:0!important} .tmpcoder-buttons-layout-row .tmpcoder-quantity-wrapper i {width: 50px; height: 50px;} .tmpcoder-buttons-layout-row .tmpcoder-quantity-wrapper input { width: 80px !important; margin-bottom: 0 !important; } .tmpcoder-buttons-layout-row .tmpcoder-quantity-wrapper span.qty-label { margin-bottom: 0; } .tmpcoder-buttons-layout-row .tmpcoder-simple-qty-wrap{ flex-wrap: wrap; } .tmpcoder-buttons-layout-row .woocommerce-variation-add-to-cart, .tmpcoder-buttons-layout-row .tmpcoder-simple-qty-wrap { margin-bottom: 20px; } .woocommerce-pagination ul.page-numbers li .page-numbers { min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; } .tmpcoder-product-add-to-cart * span.elementor-button-text { padding-left: 6px; } .woocommerce-cart-form table tbody tr td .quantity { display: flex; justify-content: center; } .woocommerce-cart-form table tbody tr td .quantity i { border: 1px solid var(--theme-global-border-color); padding: 5px 5px; min-width: 36px; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { form .col-md-6 { width: 50%; } form .col-md-12 { width: 100%; } .wlfmc-wishlist-table.view-mode-list .first-column { max-width: 200px !important; } } @media (min-width: 1025px) { form .col-lg-6 { width: 50%; } form .col-lg-12 { width: 100%; } } @media (min-width: 1200px) { form .col-xl-6 { width: 50%; } form .col-xl-12 { width: 100%; } } @media (max-width: 1024px) { .news-img .news-date { width: 58px; height: 58px; bottom: -10px; right: 20px; } .news-img .news-date-bg { width: 62px; height: 62px; bottom: -12px; right: 18px; } .team-slider .owl-nav button.owl-prev { left: -15px; } .team-slider .owl-nav button.owl-next { right: -15px; } .woocommerce-checkout form.checkout .woocommerce-additional-fields { padding-top: 20px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin-bottom: 0 !important; font-size: var(--button-font-size-tablet) !important; padding-top: var(--button-mobile-padding-top) !important; padding-bottom: var(--button-mobile-padding-bottom) !important; padding-left: var(--button-mobile-padding-left) !important; padding-right: var(--button-mobile-padding-right) !important; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { font-size: var(--heading3-font-size-tablet); line-height: var(--heading3-line-height-tablet); letter-spacing: var(--heading3-letter-spacing-tablet); } #customer_login h2 { font-size: var(--heading3-font-size-tablet); line-height: var(--heading3-line-height-tablet); } .tmpcoder-mobile-nav-menu { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); } .woocommerce-account .woocommerce-order-downloads__title, .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-column__title { font-size: var(--heading3-font-size-tablet); line-height: var(--heading3-line-height-tablet); } body.woocommerce-edit-address form button.button, form.edit-account .button { padding: var(--button-tablet-padding-top) var(--button-tablet-padding-right) var(--button-tablet-padding-bottom) var(--button-tablet-padding-left) !important; } .woocommerce-cart .return-to-shop .button.wc-backward{ font-size: var(--button-font-size-tablet) !important; padding-top: var(--button-mobile-padding-top) !important; padding-bottom: var(--button-mobile-padding-bottom) !important; padding-left: var(--button-mobile-padding-left) !important; padding-right: var(--button-mobile-padding-right) !important; } } @media (max-width: 768px) { .woocommerce-cart-form table tbody tr td { border-top: 0 !important; } .woocommerce-cart-form table tbody tr td.product-remove { border-bottom: 1px solid var(--theme-global-border-color) !important; } .woocommerce-cart-form table tbody tr td { font-size: var(--theme-font-size); } .woocommerce-cart-form table tbody tr td.product-price:before, .woocommerce-cart-form table tbody tr td.product-subtotal:before { color: var(--theme-text-color); font-size: var(--theme-font-size); } .woocommerce-cart-form table tbody tr.cart_item { border-bottom: 1px solid var(--theme-global-border-color) !important; } .woocommerce-cart-form table tbody tr td.actions .coupon button.button { width: unset !important; } .woocommerce-cart-form table tbody tr td.actions button.button { text-align: center; } .woocommerce-cart-form table tbody tr td { border-right: unset; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; } .woocommerce-account .woocommerce-MyAccount-content { border-left: unset; width: 100% !important; } .wlfmc-wishlist-table .wishlist-items-wrapper:not(.wishlist-empty) { grid-template-columns: unset !important; } .wlfmc-wishlist-table.view-mode-list .first-column { max-width: 100% !important; } body.woocommerce-account .wlfmc-wishlist-table .product-thumbnail img, .wlfmc-wishlist-table.view-mode-list .product-thumbnail img { max-width: 150px !important; margin-left: auto !important; margin-right: auto !important; } .woocommerce-account .wlfmc-wishlist-table .center-column dl.variation dt { text-align: left; } .woocommerce-account .wlfmc-wishlist-table .center-column dl.variation dd { text-align: right; } .woocommerce-account .wlfmc-wishlist-table .center-column { text-align: center !important; } .woocommerce-MyAccount-navigation ul { text-align: center; margin-bottom: 30px; } .woocommerce-MyAccount-navigation ul li { text-align: center; display: inline-block; padding: 8px 20px; } .wlfmc-wishlist-table-wrapper table { margin-bottom: 0; } table.woocommerce-MyAccount-orders tbody td, table.woocommerce-table--order-downloads tbody td { border-left: unset !important; } .woocommerce-MyAccount-navigation ul li { border-bottom: unset; } table.woocommerce-table--order-downloads tbody td:first-child { border-top: unset !important; } table.woocommerce-table--order-downloads tbody td { border-left: unset !important; } section.woocommerce-order-downloads .order_details tbody td:first-child { border-top: 1px solid var(--theme-global-border-color) !important; } section.woocommerce-order-downloads .order_details tbody tr:first-child td:first-child { border-top: unset !important; } } @media (max-width: 767px) { .team-slider .owl-nav button.owl-prev { left: 0px; } .team-slider .owl-nav button.owl-next { right: 0px; } form .row > * { width: 100%; } .single-product table.variations th.label { width: 100% !important; justify-content: center; } .single-product table.variations td.value { justify-content: center; } .single-product table.variations tr { padding-bottom: 13px; } .single-product .single_variation_wrap { width: 100%; } .single-product .tmpcoder-product-tabs ul { justify-content: center; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { font-size: var(--heading3-font-size-mobile); line-height: var(--heading3-line-height-mobile); letter-spacing: var(--heading3-letter-spacing-mobile); } .woocommerce ul.order_details li { width: 100%; padding: 5px 15px !important; border: unset !important; } ul.woocommerce-thankyou-order-details { padding: 5px 0px; } .woocommerce-order-received section.woocommerce-order-details { padding-top: 10px; padding-bottom: 30px; } #customer_login h2 { font-size: var(--heading3-font-size-mobile); line-height: var(--heading3-line-height-mobile); } #customer_login > div { width: 100%; } #customer_login > div:first-child { padding-bottom: 20px; } #customer_login > div form { height: unset; } .woocommerce-account .woocommerce-order-downloads__title, .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-column__title { font-size: var(--heading3-font-size-mobile); line-height: var(--heading3-line-height-mobile); } body.woocommerce-edit-address .woocommerce-Addresses > .woocommerce-Address { width: calc(100% - 30px); } body.woocommerce-edit-address .woocommerce-Addresses > .woocommerce-Address:first-child { margin-bottom: 15px; } body.woocommerce-edit-address form button.button, form.edit-account .button { padding: var(--button-mobile-padding-top) var(--button-mobile-padding-right) var(--button-mobile-padding-bottom) var(--button-mobile-padding-left) !important; } } @media (max-width: 1024px) { .tmpcoder-buttons-layout-row .woocommerce-variation-add-to-cart { flex-wrap: wrap !important; margin-bottom: 5px; } .tmpcoder-buttons-layout-row .woocommerce-variation-add-to-cart button.single_add_to_cart_button { margin-left: 0 !important; margin-bottom: 15px !important; } .tmpcoder-product-add-to-cart .tmpcoder-quantity-wrapper { margin-right: 20px; margin-bottom: 15px; } .elementor-205 .elementor-element.elementor-element-4fa6d0f .woocommerce-variation-add-to-cart span.qty-label { margin-bottom: 15px; } } /* Flip Card Two Design */ .feature-part-2 .backend { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); display: flex; align-items: center; } .feature-part-2 .backend > * { width: 100%; } .feature-box-2 .frontend, .feature-box-2 .backend { z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit; -webkit-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); } .feature-box-2:hover .backend { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); } .feature-box-2:hover .frontend { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); } .flip-card-2 .frontend .feature-icon-2 { width: auto; } .flip-card-2 .frontend .feature-content { padding-left: 0;} .flip-card-image {float: left;margin-right: 20px;} .flip-card-2 .flip-card-image {float: unset;} /*.feature-icon-2 { width: 40px; float: left; }*/ /* New Progress Bar Widget Css Start */ .token-sale-counter { float: unset; max-width: 100%; border-radius: 5px; } .token-sale-counter .coins-counter-loop li span { font-size: 50px; font-weight: 400; width: unset; height: unset; line-height: 50px; } .token-sale-counter .coins-counter-loop li .coin-day { font-size: 16px; padding-top: 15px; } .token-sale-counter .coins-counter-loop li:before, .token-sale-counter .coins-counter-loop li:after { border-radius: 100%; } .token-sale-counter .coins-counter-loop li:before { top: 10px; } .token-sale-counter .coins-counter-loop li:after { top: 30px; } .token-sale-counter .coins-counter-loop li { padding: 0px 25px; } .token-sale-counter .coins-counter-loop li:first-child { padding-left: 0; } .token-sale-counter .coins-counter-loop li:last-child { padding-right: 0; } .token-slide-info { font-size: 12px; font-family: var(--heading5-font-family), sans-serif;/* 'Poppins', sans-serif; */ text-transform: var(--heading5-text-transform);/* uppercase; */ padding-bottom: 10px; display: block; position: relative; } .token-slide-info:before { content: ""; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%); width: 1px; height: 30px; z-index: 1; } .token-sale-counter .coins-progress { height: 20px; border-radius: 5px; } .token-sale-counter .coins-progress span { border-radius: 0px; } .token-sale-counter .row {display: flex;justify-content: space-around;} /*.token-sale-counter .coins-progress { background: #fff;*/ /* New Progress Bar Widget Css End */ /* Testimonial slider Start */ .testimonial-detail .star-rating ul li{display: inline-block;} .testimonial-detail .author-meta .author-name {margin-bottom:10px !important; margin-top:10px !important;} .testimonial-detail .description{padding-top: 30px;padding-top: 30px;margin-bottom: 0px;padding-bottom: 0px;} .testimonial-author{display: flex;align-items: center;padding-top: 50px;} .testimonial-author .author-thumb{width: 50px;height: 50px;overflow: hidden;border-radius: 100%;} .testimonial-author .author-meta{width: calc(100% - 50px);padding-left: 18px;} .testimonial-detail .owl-carousel .owl-nav {padding-top: 65px;text-align: center;} .testimonial-detail .owl-carousel .owl-nav .owl-prev, .testimonial-detail .owl-carousel .owl-nav .owl-next{width: 26px;height: 26px;border: 2px solid var(--e-global-color-accent) !important;background-color: transparent !important;position: relative;border-radius: 100%;font-size: 0px !important;margin: 0px 7px;line-height: 23px !important;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .testimonial-detail .owl-carousel .owl-nav .owl-prev::after{content: "\f104";font-family: fontawesome;font-size: 14px;} .testimonial-detail .owl-carousel .owl-nav .owl-next::after{content: "\f105";font-family: fontawesome;font-size: 14px;margin-left: 2px;} .testimonial-detail .owl-carousel .owl-nav .owl-prev:hover, .testimonial-detail .owl-carousel .owl-nav .owl-next:hover{background-color: var(--theme-button-background) !important;border-color: var(--theme-button-background) !important;} /* Testimonial slider End */ /*----- Timeline Section -----*/ .main-roadmap { overflow: hidden; } .main-roadmap .owl-carousel .owl-stage-outer { overflow: unset; } .h-border { border-bottom: 3px dashed; margin-top: 175px; } .date-title { font-size: 18px; font-weight: 700; position: absolute; top: -60px; width: 100%; left: 0; } .small-round { width: 38px; height: 38px; border: 2px solid; border-radius: 100%; position: absolute; top: -20px; left: 50%; transform: translate(-50%); z-index: 1; } .small-round span { width: 24px; height: 24px; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .v-row { border-left: 3px dashed; height: 96px; position: relative; left: 50%; margin-left: -1px; } .v-row:before { content: ""; width: 15px; height: 15px; border-radius: 100%; position: absolute; bottom: -15px; left: -9px; } .roadmap-detail-box { max-width: 250px; margin: 0 auto; padding-top: 25px; width: 100%; } .roadmap-slider .owl-item:nth-child(2n+0) .date-title { top: 35px; } .roadmap-slider .owl-item:nth-child(2n+0) .v-row { top: -110px; position: absolute; } .roadmap-slider .owl-item:nth-child(2n+0) .v-row:before { top: -5px; } .roadmap-slider .owl-item:nth-child(2n+0) .roadmap-detail-box { position: absolute; bottom: 130px; left: 50%; transform: translate(-50%); ; } .roadmap-box {text-align: center;} /* Timleine design two css start */ .roadmap-part .heading-des { max-width: 740px; } .roadmap-part .main-roadmap { margin-top: 80px; } .roadmap-part .date-title { position: unset; font-size: 16px; text-transform: uppercase; padding-bottom: 5px; } .roadmap-part .v-row:before { content: unset; } .roadmap-part .small-round { width: 20px; height: 20px; top: -11px; } .roadmap-part .small-round span { width: 8px; height: 8px; } .roadmap-part .v-row { border-left: 1px solid; height: 50px; top: 22px; } .roadmap-part .h-border { border-bottom: 2px solid; margin-top: 20px; } .roadmap-part .roadmap-slider .owl-item:nth-child(2n+0) .roadmap-detail-box { position: unset; transform: unset; } .roadmap-part .roadmap-slider .owl-item:nth-child(2n+0) .v-row { position: relative; top: 22px; } /* Timleine design two css End */ /* Roadmap verticle type css */ .roadmap-main-graph { padding: 50px 0px; } .roadmap-chart { max-width: 958px; margin: 0 auto; } .roadmap-center-line { position: absolute; top: 0; left: 50%; transform: translate(-50%); border-right: 2px dashed; height: 100%; } .roadmap-center-line:before, .roadmap-center-line:after { content: ""; position: absolute; top: -15px; left: -7px; width: 15px; height: 15px; border-radius: 100%; } .roadmap-center-line:after { bottom: -15px; top: unset; } .roadmap-content-box { margin-bottom: 140px; } .roadmap-content-box:last-child { margin-bottom: 0; } .roadmap-main-content { max-width: 360px; position: relative; margin-left: 105px; float: right; } .roadmap-animated { padding: 25px 30px; border-radius: 5px; } .roadmap-date { /*font-size: 18px; font-family: var(--theme-font-family), sans-serif !important;*/ padding-bottom: 8px; margin-bottom: 8px; margin-top: 0; } .roadmap-content-box:nth-child(2n + 0) .roadmap-main-content { margin-right: 105px; float: unset; margin-left: 0; } .roadmap-main-content:before { content: ""; position: absolute; top: 50%; left: -123px; transform: translateY(-50%); width: 120px; border-bottom: 2px dashed; } .roadmap-small-round { position: absolute; top: 50%; left: -136px; transform: translateY(-50%); width: 38px; height: 38px; border: 2px solid; border-radius: 100%; } .roadmap-small-round:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 100%; } .roadmap-content-box:nth-child(2n + 0) .roadmap-main-content:before { right: -120px; left: unset; } .blog-category ol li a, .blog-sidebar-default .wp-block-categories li a { font-family: var(--heading5-font-family), sans-serif; } .roadmap-content-box:nth-child(2n + 0) .roadmap-small-round { right: -138px; left: unset; } .roadmap-main .main-roadmap { display: none; } .roadmap-main .roadmap-detail-box { padding: 10px 15px; border-radius: 5px; } .roadmap-main .date-title { position: unset; margin-bottom: 10px; } .roadmap-main .v-row:before { content: unset; } .roadmap-main .roadmap-slider .owl-item:nth-child(2n+0) .roadmap-detail-box { bottom: 110px; } .roadmap-main .main-roadmap { padding-top: 50px; } /*----- Timeline Section End -----*/ /* Roadmap 2 Design Start */ .roadmap-slider-2{display: block !important;} .roadmap-slider-2{overflow: hidden;padding-top: 60px;margin-top: 0px;} .roadmap-slider-2::after{content: "";position: absolute;top: 60px;left: 0px;width: 100%;height: auto;border-top: 3px dashed var( --theme-primary-color );opacity: 0.5;} .roadmap-slider-2 .owl-stage-outer{overflow: unset !important;} .roadmap-slider-2 .roadmap-box{position: relative;padding-top: 35px;} .roadmap-box .map-year{position: absolute;top: -54px;left: 0;} .roadmap-box .map-year span{font-size: 22px;font-weight: 500;line-height: 26px;color: var( --theme-primary-color );} .roadmap-slider-2 .owl-stage .owl-item:nth-child(odd) .map-year span{color: var( --theme-primary-color );} .roadmap-box .roadmap-content{position: relative;} .elementor-container > .elementor-column > .elementor-widget-wrap{padding: 0px;} .roadmap-content .elementor-widget-wrap .elementor-section{position: relative;padding-left: 48px;margin-top: 10px;} .roadmap-content .elementor-widget-wrap .elementor-section::after{content: "";position: absolute;top: 0;left: 12px;width: auto;height: 100%;border: 1px dashed var( --theme-primary-color );opacity: 0.5;} .roadmap-content .elementor-widget-wrap .elementor-section .elementor-container .elementor-column .elementor-widget-wrap .elementor-widget-image-box{padding-bottom: 10px;} .roadmap-content .elementor-widget-wrap .elementor-section .elementor-container .elementor-column .elementor-widget-wrap .elementor-widget-image-box:last-child{padding-bottom: 0px;} .roadmap-content .elementor-image-box-title{opacity: 0.8;} .roadmap-content .elementor-widget-wrap .elementor-section .elementor-widget-container .elementor-image-box-wrapper{ align-items: center !important; } .roadmap-content .elementor-widget-wrap .elementor-section .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{ padding: 0px !important; } /* Roadmap 2 Design End */ /* Image Box & Social Icon Css Start */ .advisors .team-img { float: unset; margin: 0 auto; margin-bottom: 20px; } .advisors .team-des { width: 100%; float: unset; padding-left: 0; } .advisors .member-des { max-width: 350px; margin: auto; } .team-img { width: 156px; height: 156px; border-radius: 100%; overflow: hidden; border: 5px solid; float: left; transition: all 400ms ease; text-align: center!important; } .team-des { width: calc(100% - 156px); float: left; padding-left: 20px; } .member-name { font-size: 20px; padding-bottom: 5px; } .team-box ul li { display: inline-block; padding: 0px 15px; font-family: FontAwesome; } .team-box ul li:first-child { padding-left: 0; } .team-box ul li:last-child { padding-right: 0; } .team-box{ text-align: center !important; } .team-part { overflow: hidden; } .mordern-team-layout .star-rating ul li {display: inline-block;} .mordern-team-layout .team-img{width: 100%;height: auto;border-radius: 40px;border: 0px;position: relative;margin-bottom: 32px;} .mordern-team-layout .star-rating{position: absolute;bottom: 60px;left: 40%;z-index: 3;overflow: hidden;-webkit-transform: scale(0);transform: scale(0);margin-left: -58px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;font-size: 12px;} .mordern-team-layout .team-img .star-rating ul{position: relative;z-index: 4;right: 12%} .mordern-team-layout .star-rating::after{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var( --e-global-color-primary );-webkit-transform: translateX(-72%);transform: translateX(-72%);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;border-radius: 50px;} .mordern-team-layout .team-img:hover .star-rating::after{-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;} .mordern-team-layout .team-img:hover .star-rating{-webkit-transform: scale(1);transform: scale(1);} .mordern-team-layout .team-img .star-rating ul li i{opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .mordern-team-layout .team-img:hover .star-rating ul li i{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .mordern-team-layout .team-img:hover .star-rating ul li:nth-child(1) i{-webkit-transition-delay: 0.6s;transition-delay: 0.6s;} .mordern-team-layout .team-img:hover .star-rating ul li:nth-child(2) i{-webkit-transition-delay: 0.7s;transition-delay: 0.7s;} .mordern-team-layout .team-img:hover .star-rating ul li:nth-child(3) i{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;} .mordern-team-layout .team-img:hover .star-rating ul li:nth-child(4) i{-webkit-transition-delay: 0.9s;transition-delay: 0.9s;} .mordern-team-layout .team-img:hover .star-rating ul li:nth-child(5) i{-webkit-transition-delay: 1s;transition-delay: 1s;} .mordern-team-layout .member-des{padding-top: 7px;padding-bottom: 5px;} .team-member-box .member-des{padding-top: 0;padding-bottom: 0;} .team-member-box .member-name {padding-bottom: 0;} .team-member-box .elementor-social-icons-wrapper { position: absolute; bottom: 40px; left: 5%; z-index: 3; overflow: hidden; -webkit-transform: scale(0); transform: scale(0); margin-left: -22px; transition: all 400ms ease; opacity: 0; } .team-member-box .team-img:hover .elementor-social-icons-wrapper { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .image-overflow-hidden .team-img a { overflow: hidden; display: block; } .image-overflow-hidden .team-img a img{ display: block; transition: all 400ms ease; } /* Image Box & Social Icon Css End */ /* Subapage Banner CSS */ .tmpcoder-custom-section-position-unset, .tmpcoder-custom-column-position-unset, .tmpcoder-custom-section-position-unset .elementor-container, .tmpcoder-custom-column-position-unset .elementor-widget-wrap{ position: unset !important; } section.tmpcoder-custom-section-position-unset{ position: relative !important; } .tmpcoder-custom-column-position-unset .elementor-widget-wrap .tmpcoder-custom-section-position-unset{ position: unset !important; } /* woo product grid - media overlay */ .tmpcoder-animation-wrap:hover .tmpcoder-grid-media-hover-bg{ opacity: 1 !important; } /* Product meta */ .elementor-widget-tmpcoder-product-meta .product_meta .posted_in, .elementor-widget-tmpcoder-product-meta .product_meta .sku_wrapper, .elementor-widget-tmpcoder-product-meta .product_meta .tagged_as{ display: none; } /* blog list - title */ .blog-list-box .display-title-first{display: flex;flex-wrap: wrap;flex-direction: column;} /* carousel-slider dots CSS - START */ .owl-dots, .owl-nav{ display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .owl-dots button{ width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; } /* carousel-slider dots CSS - END */ /* roadmap slider navigation arrow CSS - START */ .roadmap-slider-2 .owl-nav{ display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } body .roadmap-slider-2.owl-carousel .owl-nav button { position: absolute; top: 88%; transform: translateY(-50%); transition: all 400ms ease; outline: none !important; line-height: normal !important; padding: 10px 10px !important; } .roadmap-slider-2 .owl-nav button.owl-prev { left: 48%; } .roadmap-slider-2 .owl-nav button.owl-next { right: 48%; } .roadmap-slider-2 .owl-nav button span { display: none; } .roadmap-slider-2 .owl-nav button:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .roadmap-slider-2 .owl-nav button.owl-prev:before { content: "\f053"; } .roadmap-slider-2 .owl-nav button.owl-next:before { content: "\f054"; } /* roadmap slider navigation arrow CSS - END */