Top
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat leo et felis venenatis dapibus. Donec vestibulum molestie sapien, quis sodales mauris eleifend eu. Quisque vitae elit non orci sollicitudin tincidunt at ac purus. Proin lobortis lacus pellentesque erat egestas, nec lacinia est aliquam. Ut porttitor eleifend eros sed vestibulum. Pellentesque congue at tortor
Top
/* content animation */
.taptap-content-animation-active {
-webkit-transform:scale(0.9) ;
transform:scale(0.9) ;
opacity:;
/* blur effect (unless hidden on non-mobile devices) */
-webkit-filter:blur(px);
filter:blur(px);
}
/* if push down site */
/* hide taptap between resolutions */
@media ( min-width:px) and (max-width:px) {
.taptap-menu-button-wrapper,
.taptap-logo-wrapper,
.taptap-header,
.taptap-header-bg-image,
.taptap-background-color,
.taptap-background-image,
.taptap-background-overlay,
.taptap-main-wrapper,
.taptap-woo-button-wrapper,
.taptap-search-wrapper,
.taptap-search-button-wrapper,
.taptap-woo-cart-wrapper,
.taptap-search-background,
.taptap-search-overlay { display:none; }
html { margin-top:0 !important; }
}
/* hide theme menu */
/**************************************************************
*** CUSTOM COLORS + SETTINGS
**************************************************************/
/* show hovers on non-touch devices only */
/* menu label */
.taptap-menu-button-wrapper:hover .taptap-menu-button-label { color:inherit; }
/* logo hover */
.taptap-logo a:hover { color:; }
/* search label hover */
.taptap-search-button-wrapper:hover .taptap-search-button-label { color:; }
/* search button hover*/
.taptap-search-button-wrapper:hover .taptap-search-button { border-color:#ddd; }
.taptap-search-button-wrapper:hover .taptap-search-button::after { background-color:#ddd; }
/* search close button hover */
.taptap-search-close-wrapper:hover .taptap-search-close-inner::before,
.taptap-search-close-wrapper:hover .taptap-search-close-inner::after { background-color:#ddd; }
/* search clear field button hover */
.taptap-search-clear-wrapper:hover .taptap-search-clear { background-color:#666; }
/* current menu item hover */
.taptap-by-bonfire ul li.current-menu-item.full-item-arrow-hover > a,
.taptap-by-bonfire ul li.current-menu-item > a:hover { color:; }
/* current submenu item hover */
.taptap-by-bonfire .sub-menu .current-menu-item.full-item-arrow-hover > a,
.taptap-by-bonfire .sub-menu .current-menu-item > a:hover { color:; }
/* menu item icon hover */
.taptap-by-bonfire ul li a:hover i,
.taptap-by-bonfire ul li.full-item-arrow-hover a i { color:; }
/* submenu item icon hover */
.taptap-by-bonfire .sub-menu a:hover i,
.taptap-by-bonfire .sub-menu .full-item-arrow-hover a i { color:; }
/* menu item hovers */
.taptap-by-bonfire ul li.full-item-arrow-hover > a,
.taptap-by-bonfire ul li a:hover { color:#E4D7D7; }
.taptap-by-bonfire ul.sub-menu li.full-item-arrow-hover > a,
.taptap-by-bonfire ul.sub-menu li a:hover { color:#77787C; }
/* submenu arrow hover */
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::before,
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::after,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::before,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::after { background-color:#fff; }
/* menu button hover */
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:after {
background-color:#ddd;
}
/* menu bars hover (if menu opened) */
.taptap-menu-active:hover .taptap-main-menu-button:before,
.taptap-menu-active:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button:after,
.taptap-menu-active:hover .taptap-main-menu-button-two:before,
.taptap-menu-active:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-two:after,
.taptap-menu-active:hover .taptap-main-menu-button-three:before,
.taptap-menu-active:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-three:after,
.taptap-menu-active:hover .taptap-main-menu-button-four:before,
.taptap-menu-active:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-four:after,
.taptap-menu-active:hover .taptap-main-menu-button-five:before,
.taptap-menu-active:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-five:after,
.taptap-menu-active:hover .taptap-main-menu-button-six:before,
.taptap-menu-active:hover .taptap-main-menu-button-six:after {
background-color:;
}
/* MENU BUTTON */
/* menu button opacity */
.taptap-menu-button-wrapper { opacity:; }
/* menu button */
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after,
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after,
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after,
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after,
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after,
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
background-color:;
}
/* menu button (if menu opened) */
.taptap-menu-active .taptap-main-menu-button:before,
.taptap-menu-active .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-active .taptap-main-menu-button:after,
.taptap-menu-active .taptap-main-menu-button-two:before,
.taptap-menu-active .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-active .taptap-main-menu-button-two:after,
.taptap-menu-active .taptap-main-menu-button-three:before,
.taptap-menu-active .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-active .taptap-main-menu-button-three:after,
.taptap-menu-active .taptap-main-menu-button-four:before,
.taptap-menu-active .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-active .taptap-main-menu-button-four:after,
.taptap-menu-active .taptap-main-menu-button-five:before,
.taptap-menu-active .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-active .taptap-main-menu-button-five:after,
.taptap-menu-active .taptap-main-menu-button-six:before,
.taptap-menu-active .taptap-main-menu-button-six:after { background-color:; }
/* menu button animations (-/X) */
/* menu button animation speed + logo/search hover speeds */
.taptap-menu-button-label::before,
.taptap-menu-button-label::after,
.taptap-search-button-label,
.taptap-search-button,
.taptap-search-button::after,
.taptap-logo a,
.taptap-search-close-inner::before,
.taptap-search-close-inner::after,
.taptap-search-clear,
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after,
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after,
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after,
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after,
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after,
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
-webkit-transition:all s ease !important;
transition:all s ease !important;
}
/* menu button top, side distances + right position */
.taptap-menu-button-wrapper { top:px; }
/* if menu button hidden, remove button height and set default label position to 0 */
/* menu button label customization */
.taptap-menu-button-label {
left:px;
top:px;
color:;
font-size:px;
letter-spacing:px;
}
/* menu button label font + theme font */
.taptap-menu-button-label {
font-family:'Roboto Condensed';
font-weight:400;
}
/* menu button labels */
.taptap-menu-button-label::before { content:''; }
/* LOGO */
/* logo font size + letter spacing */
.taptap-logo a {
color:;
font-size:px;
letter-spacing:px;
}
/* logo font + theme font */
.taptap-logo a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* logo image size + top/side distances + right positioning */
.taptap-logo-image img { max-height:px; }
.taptap-logo-wrapper { top:px; }
/* WOO BUTTON */
/* woocommerce icon select */
/* woocommerce icon colors */
.taptap-shopping-icon {
background-color:;
}
a.taptap-cart-count:hover .taptap-shopping-icon {
background-color:;
}
.taptap-cart-count > span {
color:;
background-color:;
}
/* woo button top, side distances + right position */
.taptap-woo-button-wrapper { top:px; }
/* SEARCH */
/* search button */
.taptap-search-button {
border-color:;
}
.taptap-search-button::after {
background-color:;
}
/* search button top, side distances + right position */
.taptap-search-button-wrapper { top:px; }
/* if search button hidden, remove button height and set default label position to 0 */
.taptap-search-button-wrapper { height:auto; }
.taptap-search-button-label { top:0; left:0; }
/* search button label customization */
.taptap-search-button-label {
left:px;
top:px;
color:;
font-size:px;
letter-spacing:px;
}
/* search button label font + theme font */
/* search form background + background color + animation speed */
.taptap-search-wrapper,
.taptap-search-background {
height:px;
-webkit-transition:-webkit-transform s ease 0s, top 0s ease s;
transition:transform s ease 0s, top 0s ease s;
}
.taptap-search-background {
opacity:;
background-color:;
}
.taptap-search-wrapper-active {
-webkit-transition:-webkit-transform s ease 0s, top 0s ease 0s !important;
transition:transform s ease 0s, top 0s ease 0s !important;
}
.taptap-search-overlay {
background-color:;
-webkit-transition:opacity s ease 0s, top 0s ease s;
transition:opacity s ease 0s, top 0s ease s;
}
.taptap-search-overlay-active {
opacity:;
-webkit-transition:opacity s ease 0s, top 0s ease 0s;
transition:opacity s ease 0s, top 0s ease 0s;
}
/* search form placeholder */
#searchform input::-webkit-input-placeholder { font-size:px; color: !important; }
#searchform input:-moz-placeholder { font-size:px; color: !important; }
#searchform input::-moz-placeholder { font-size:px; color: !important; }
#searchform input:-ms-input-placeholder { font-size:px; color: !important; }
/* search form text color + align + padding if clear field hidden */
.taptap-search-wrapper #searchform input {
color:;
font-size:px;
letter-spacing:px;
}
/* search field font */
/* search form close button */
.taptap-search-close-inner::before,
.taptap-search-close-inner::after { background-color:; }
/* search clear field button */
.taptap-search-clear { background-color:; }
/* make search field X the same color as search field background */
.taptap-search-clear::before,
.taptap-search-clear::after { background-color:; }
/* HEADER */
/* header height + background image + background color */
.taptap-header-bg-image {
height:px;
opacity:;
background-image:url();
}
.taptap-header {
height:px;
background-color:;
opacity:;
}
/* show header shadow */
/* MENU CONTAINER */
/* background color */
.taptap-background-color {
opacity:;
background-color:;
}
/* pulsating background colors + speed */
/* background image opacity + horizontal/vertical alignment */
.taptap-background-image {
opacity:;
background-position: ;
background-size:;
}
/* background pattern */
/* menu container top/bottom padding */
.taptap-main-inner-inner {
padding-top:px;
padding-bottom:px;
padding-left:px;
padding-right:px;
}
/* max content width */
.taptap-contents-wrapper {
max-width:px;
}
/* menu container appearance speed */
.taptap-main-wrapper {
-webkit-transition:-webkit-transform s ease, top 0s ease s, opacity s ease 0s;
transition:transform s ease, top 0s ease s, opacity s ease 0s;
}
.taptap-main-wrapper-active {
-webkit-transition:-webkit-transform s ease, top 0s ease 0s, opacity s ease 0s;
transition:transform s ease, top 0s ease 0s, opacity s ease 0s;
}
.taptap-background-color,
.taptap-background-image {
-webkit-transition:-webkit-transform s ease, top 0s ease s;
transition:transform s ease, top 0s ease s;
}
.taptap-background-color-active,
.taptap-background-image-active {
-webkit-transition:-webkit-transform s ease, top 0s ease 0s;
transition:transform s ease, top 0s ease 0s;
}
/* menu corner roundness */
.taptap-background-color,
.taptap-background-image,
.taptap-main-wrapper {
border-radius:px;
}
/* distance from edges */
/* menu contents horizontal alignment */
/* menu contents vertical alignment */
/* menu animations (top/left/right/bottom/fade) */
.taptap-main-wrapper {
-webkit-transform:translateY(-125%) scale(0.75);
transform:translateY(-125%) scale(0.75);
}
.taptap-main-wrapper-active {
-webkit-transform:translateY(0) scale(1);
transform:translateY(0) scale(1);
}
/* BACKGROUND OVERLAY */
/* background overlay opacity + color + animation speed */
.taptap-background-overlay {
background-color:;
-webkit-transition:opacity s ease, top 0s ease s;
transition:opacity s ease, top 0s ease s;
}
.taptap-background-overlay-active {
opacity:;
-webkit-transition:opacity s ease, top 0s ease 0s;
transition:opacity s ease, top 0s ease 0s;
}
/* ALTERNATE CLOSE BUTTON */
.taptap-alternate-close-button {
top:px;
right:px;
}
.taptap-alternate-close-button::before,
.taptap-alternate-close-button::after {
background-color:;
height:px;
}
.taptap-alternate-close-button:hover::before,
.taptap-alternate-close-button:hover::after {
background-color:;
}
/* HEADING + SUBHEADING */
/* headings */
.taptap-heading,
.taptap-heading a,
.taptap-heading a:hover { color:; }
.taptap-subheading,
.taptap-subheading a,
.taptap-subheading a:hover { color:; }
/* heading */
.taptap-heading,
.taptap-heading a {
font-size:30px;
letter-spacing:px;
line-height:px;
}
/* subheading */
.taptap-subheading {
margin-top:px;
}
.taptap-subheading,
.taptap-subheading a {
font-size:px;
letter-spacing:px;
line-height:px;
}
/* heading font */
.taptap-heading,
.taptap-heading a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* subheading font */
.taptap-subheading,
.taptap-subheading a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* HEADING IMAGE */
.taptap-image {
margin-top:px;
margin-bottom:px;
}
.taptap-image img {
max-width:px;
}
/* MENUS */
/* menu */
.taptap-by-bonfire ul li a {
color:;
font-size:px;
line-height:px;
letter-spacing:px;
margin-top:px;
}
.taptap-by-bonfire > .menu > li.menu-item-has-children > span { margin-top:px; }
/* submenu */
.taptap-by-bonfire .sub-menu a {
color:;
font-size:px;
letter-spacing:px;
margin-bottom:px;
}
/* drop-down arrow position (top-level) */
.taptap-by-bonfire > .menu > li.menu-item-has-children > span { top:px; }
/* drop-down arrow position (sub-level) */
.taptap-by-bonfire .sub-menu li.menu-item-has-children span { top:px; }
/* submenu arrow */
.taptap-sub-arrow .taptap-sub-arrow-inner::before,
.taptap-sub-arrow .taptap-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire .menu li span { border-color:; }
/* current menu items */
.taptap-by-bonfire ul li.current-menu-item > a { color:; }
.taptap-by-bonfire .sub-menu .current-menu-item > a { color:; }
/* menu font */
/* MENU ITEM DESCRIPTIONS */
.taptap-menu-item-description {
color:;
font-size:px;
padding-top:px;
padding-bottom:px;
line-height:px;
letter-spacing:px;
}
/* menu item description font */
/* MENU ITEM ICONS */
/* menu icons */
.taptap-by-bonfire ul li a i {
color:;
font-size:px;
margin-top:px;
}
/* submenu icons */
.taptap-by-bonfire .sub-menu a i {
color:;
font-size:px;
margin-top:px;
}
/* HORIZONTAL MENU */
/* horizontal menu section titles */
.taptap-by-bonfire-horizontal .taptap-title a {
font-size:px;
color:;
}
.taptap-by-bonfire-horizontal .taptap-title i {
font-size:px;
color:;
}
.taptap-by-bonfire-horizontal .taptap-title-line::before {
background-color:;
}
/* horizontal menu items */
.taptap-by-bonfire-horizontal ul li a {
font-size:px;
color:;
}
/* horizontal menu item icons */
.taptap-by-bonfire-horizontal .menu-item:not(.taptap-title) i {
font-size:px;
color:;
}
/* sub-menu arrow icon */
.taptap-horizontal-sub-arrow::before,
.taptap-horizontal-sub-arrow::after {
background-color:;
}
/* horizontal menu back button */
.taptap-horizontal-back {
font-size:px !important;
color: !important;
border-color:;
}
.taptap-horizontal-back::before,
.taptap-horizontal-back::after {
background-color:;
}
/* show horizontal menu hovers on non-touch devices only */
.taptap-by-bonfire-horizontal ul li:not(.taptap-title) a:hover {
color:;
}
.taptap-by-bonfire-horizontal ul li:not(.taptap-title):hover > a i {
color:;
}
.taptap-by-bonfire-horizontal .menu-item:hover .taptap-horizontal-sub-arrow::before,
.taptap-by-bonfire-horizontal .menu-item:hover .taptap-horizontal-sub-arrow::after {
background-color:;
}
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back {
color: !important;
}
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back::before,
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back::after {
background-color: !important;
}
/* IMAGE-BASED MENU */
/* image-based menu item colors */
.taptap-image-grid-item > a { color:; }
.taptap-by-bonfire-image .sub-menu li a { color:; }
.taptap-by-bonfire-image .sub-menu li a:hover { color:; }
/* image-based drop-down indicator colors */
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::before,
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire-image .taptap-image-sub-arrow { background:; }
/* image-based sub-menu drop-down indicator colors */
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow-inner::before,
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow { background:; }
.taptap-by-bonfire-image .sub-menu span.taptap-submenu-active { border-color:; }
/* image-based scrollbar color */
.taptap-image-grid-item > .scroll-element .scroll-bar { background-color:; }
/* image-based background color */
.taptap-image-grid-item { background:; }
.taptap-image-grid-item > ul::before {
background:;
background:linear-gradient(180deg, rgba(30,30,30,0) 25%, 100%, 100%);
}
/* image-based menu animation origin */
.taptap-by-bonfire-image > ul > li {
opacity:0;
-webkit-transform:translateY(125px);
transform:translateY(125px);
}
/* image-based menu corner roundness */
.taptap-image-grid-item,
.taptap-image-grid-item > a:before {
border-radius:px;
}
/* image-based menu item gap */
.taptap-by-bonfire-image > ul {
grid-gap:px;
}
/* image-based menu images */
.taptap-by-bonfire-image > ul > li:first-child .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(2) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(3) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(4) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(5) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(6) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(7) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(8) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(9) .taptap-image-grid-item > a:before {
background-image:url();
}
/* WIDGETS */
/* widget top distance */
.taptap-widgets-wrapper { margin-top:px; }
/* widget titles */
.taptap-widgets-wrapper .widget .widgettitle {
color:;
font-size:px;
letter-spacing:px;
line-height:px;
}
/* widget title font */
/* widgets */
.taptap-widgets-wrapper .widget,
.taptap-widgets-wrapper .widget a {
color:;
font-size:px;
letter-spacing:px;
line-height:px;
}
.taptap-widgets-wrapper .widget a {
color:;
}
.taptap-widgets-wrapper .widget a:hover {
color:;
}
/* widget font */
.taptap-widgets-wrapper .widget,
.taptap-widgets-wrapper .widget a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* STYLED SCROLLBAR */
/* show scrollbar styling, if scrollbar enabled */
/* MENU ITEMS APPEARACE ANIMATION */
/* MISC */
/* show header + search when menu open */
/* push down site by height of menu */
/* if submenu arrow divider is hidden */
Top
