.taptap-menu-button-wrapper { position: fixed; z-index: 999999999; top: 6px; left: 11px; width: 54px; height: 54px; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease } .taptap-right { left: auto; right: 11px } .taptap-menu-button, .taptap-menu-button-alt, .taptap-menu-button-three { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .taptap-menu-button-three-alt { padding: 16px 11px 16px 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .taptap-menu-button div.taptap-menu-button-middle:after, .taptap-menu-button div.taptap-menu-button-middle:before, .taptap-menu-button:after, .taptap-menu-button:before { content: ''; display: block; height: 1px; margin: 5px 0; background-color: #747A7D; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; outline: transparent solid 1px } .taptap-menu-button div.taptap-menu-button-middle:after, .taptap-menu-button:before { width: 28px } .taptap-menu-button div.taptap-menu-button-middle:before, .taptap-menu-button:after { width: 19px } .taptap-menu-button-alt div.taptap-menu-button-alt-middle:after, .taptap-menu-button-alt div.taptap-menu-button-alt-middle:before, .taptap-menu-button-alt:after, .taptap-menu-button-alt:before { content: ''; display: block; width: 22px; height: 2px; margin: 2px 0; background-color: #747A7D; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; outline: transparent solid 1px } .taptap-menu-button-three div.taptap-menu-button-three-middle:before, .taptap-menu-button-three:after, .taptap-menu-button-three:before { content: ''; display: block; width: 19px; height: 1px; margin: 7px 0; background-color: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; outline: transparent solid 1px } .taptap-menu-button-three-alt div.taptap-menu-button-three-alt-middle:before, .taptap-menu-button-three-alt:after, .taptap-menu-button-three-alt:before { content: ''; display: block; height: 2px; margin: 2px 0; background-color: #747A7D; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; outline: transparent solid 1px } .taptap-menu-button-three-alt:after, .taptap-menu-button-three-alt:before { width: 13px } .taptap-menu-button-three-alt:before { margin-left: auto; margin-right: 4px } .taptap-menu-button-three-alt div.taptap-menu-button-three-alt-middle:before { width: 23px } .taptap-menu-button-static { width: 29px; height: 29px; fill: #747A7D; margin: 12px 0 0 12px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .taptap-search-button, .taptap-search-button-right { width: 50px; height: 40px; top: 13px; position: fixed; cursor: pointer } .taptap-menu-button-wrapper:hover .taptap-menu-button-static { fill: #A3A6A9 } .taptap-search-button, .taptap-search-button-right { z-index: 9999 } .taptap-search-button { border-left: 1px solid #454D52; left: 76px } .taptap-search-button-right { border-right: 1px solid #454D52; right: 76px } .taptap-search-button-right-two { right: 6px !important } .taptap-search-button-left { left: 6px !important } .taptap-search-button svg, .taptap-search-button-right svg { width: 18px; height: 18px; margin: 12px 0 0 16px; fill: #74797D; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .taptap-search-button-right:hover svg, .taptap-search-button:hover svg { fill: #949698 } .taptap-search-wrapper { position: fixed; z-index: 999999999; top: -1000px; left: 0; right: 0; width: 100%; height: 67px; margin: 0; padding: 0; overflow: hidden; background-color: #212121; -webkit-transform: translateY(-67px); -moz-transform: translateY(-67px); transform: translateY(-67px); -webkit-transition: -webkit-transform .3s ease 0s, top 0s ease .3s; -moz-transition: -moz-transform .3s ease 0s, top 0s ease .3s; transition: transform .3s ease 0s, top 0s ease .3s } .taptap-search-wrapper-active { top: 0 !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; transform: translateY(0) !important; -webkit-transition: -webkit-transform .3s ease 0s, top 0s ease 0s !important; -moz-transition: -moz-transform .3s ease 0s, top 0s ease 0s !important; transition: transform .3s ease 0s, top 0s ease 0s !important } .taptap-search-wrapper #searchform input { width: 100%; height: 100%; font-size: 20px; font-family: Roboto; font-weight: 300; color: rgba(255, 255, 255, .5); padding: 19px 0 22px 16px; margin: 0; border: 0; background: 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease } #searchform input::-webkit-input-placeholder { color: #7F848A !important } #searchform input:-moz-placeholder { color: #7F848A !important } #searchform input::-moz-placeholder { color: #7F848A !important } #searchform input:-ms-input-placeholder { color: #7F848A !important } .taptap-search-close-icon { position: absolute; top: 15px; right: 16px; cursor: pointer } .taptap-search-close-icon svg { width: 35px; height: 35px; fill: #6B6F74; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .taptap-search-close-icon:hover svg { fill: #BBBFC4 } .taptap-logo-wrapper { position: fixed; z-index: 9998; top: 0; right: 17px; height: 67px; display: table; width: 100%; text-align: right } .taptap-logo, .taptap-logo-image { display: table-cell; vertical-align: middle } .taptap-left { right: auto; left: 17px; text-align: left } .taptap-center { right: 0; left: 0; text-align: center } .taptap-logo-image img { width: auto; max-height: 35px } .taptap-logo a { font-family: Montserrat; font-size: 15px; text-decoration: none; color: #BABDBF; margin: 0; padding: 5px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .taptap-logo a:hover { color: #DDDEDF; text-decoration: none } .tap-tap-header { position: fixed; z-index: 9997; top: 0; left: 0; width: 100%; height: 67px; background-color: #172026 } .taptap-heading, .taptap-heading a, .taptap-subheading, .taptap-subheading a { font-family: arial, tahoma, verdana, sans-serif; text-align: center; letter-spacing: 0; text-decoration: none } .taptap-heading, .taptap-heading a { font-size: 14px; color: #D1CA66 } .taptap-subheading, .taptap-subheading a { font-size: 10px; color: #727B81 } .taptap-heading a:hover { color: #D1CA66; text-decoration: underline } .taptap-subheading a:hover { color: #727B81; text-decoration: underline } .taptap-image { text-align: center; margin: 23px 0 } .taptap-image img { max-width: 280px; height: auto } .taptap-by-bonfire ul { width: 100%; list-style-type: none; padding: 0; margin: 30px 0 0 } .taptap-by-bonfire ul li { width: 100%; min-height: 30px; list-style-type: none; margin: 0; padding: 1px; text-align: center } .taptap-by-bonfire ul li a { font-family: arial, tahoma, verdana, sans-serif; font-size: 11px; color: #e5e9ec; margin: 0; padding: 6px 5px; display: inline-block; text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease } .taptap-by-bonfire ul li.current-menu-item a { color: #8C9093 } .taptap-by-bonfire ul li a:hover, .taptap-by-bonfire ul li.current-menu-item a:hover, .taptap-by-bonfire ul li.full-item-svg-hover>a { color: #E2E3E4 } .taptap-by-bonfire .menu { list-style: none; margin: 0; padding: 0 } .taptap-by-bonfire .menu li { position: relative; margin: 0; padding: 0; border: none; z-index: auto } .taptap-by-bonfire .menu li span { display: inline-block; height: 25px; position: innerhit; top: 0; margin: 0 7px; padding: 0; cursor: pointer; text-align: center; line-height: 22px } .taptap-by-bonfire .menu li span svg { width: 13px; height: auto; fill: #8C9093; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .full-item-svg-hover>span svg, .taptap-by-bonfire .menu li span:hover svg { fill: #fff !important } .taptap-by-bonfire .menu li span.taptap-submenu-active svg { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg) } .taptap-by-bonfire .menu ul { padding-top: 12px; list-style: none; margin: 0; display: none } .taptap-by-bonfire .sub-menu a { color: #e5e9ec; font-size: 11px; margin: 0; padding: 6px 5px } .taptap-by-bonfire .sub-menu a i, .taptap-by-bonfire ul li a i { float: left; margin: 0 8px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease } .taptap-by-bonfire ul li a i { color: #8C9093 } .taptap-by-bonfire .sub-menu a i { color: #686C6F } .taptap-menu-item-description { font-family: 'Droid Serif'; font-size: 11px; line-height: 11px; color: #8D97A4 } li.menu-item-has-children>a .taptap-menu-item-description { display: none } .taptap-main-wrapper { position: fixed; z-index: 99999; top: -1000%; left: 0; width: 100%; height: 101%; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s ease, top 0s ease .5s, opacity .25s ease 0s; -moz-transition: -moz-transform .5s ease, top 0s ease .5s, opacity .25s ease 0s; transition: transform .5s ease, top 0s ease .5s, opacity .25s ease 0s } .taptap-main-wrapper-active { top: 0; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .65s ease, top 0s ease 0s, opacity .6s ease 0s; -moz-transition: -moz-transform .65s ease, top 0s ease 0s, opacity .6s ease 0s; transition: transform .65s ease, top 0s ease 0s, opacity .6s ease 0s } .taptap-main-inner { width: 100%; height: 101%; overflow-y: auto } .taptap-main { padding: 0; margin: 0; display: table; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0) } .taptap-background-color, .taptap-background-image { position: fixed; left: 0; height: 110%; -webkit-overflow-scrolling: touch; width: 100% } .taptap-main-inner-inner { display: table-cell; vertical-align: top; margin: 0; padding: 90px 20px 60px } .taptap-main-inner-inner-toolbar { padding-top: 157px } .taptap-background-color { z-index: 99998; top: -1000%; background-color: #6022b4; -webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s ease, top 0s ease .5s; -moz-transition: -moz-transform .5s ease, top 0s ease .5s; transition: transform .5s ease, top 0s ease .5s } .taptap-background-color-active { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s ease, top 0s ease 0s; -moz-transition: -moz-transform .5s ease, top 0s ease 0s; transition: transform .5s ease, top 0s ease 0s } .taptap-background-image { z-index: 99999; top: -1000%; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease, top 0s ease .5s; -moz-transition: opacity .5s ease 0s, -moz-transform .5s ease, top 0s ease .5s; transition: opacity .5s ease 0s, transform .5s ease, top 0s ease .5s } .taptap-background-image-active { top: 0; opacity: .1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease, top 0s ease 0s; -moz-transition: opacity .5s ease 0s, -moz-transform .5s ease, top 0s ease 0s; transition: opacity .5s ease 0s, transform .5s ease, top 0s ease 0s } .taptap-widgets-wrapper { margin-top: 30px } .taptap-widgets-wrapper .widget { text-align: center; width: 100%; margin: 10px 0 0; padding: 0; font-size: 14px; color: #8C9093; letter-spacing: 0 } .taptap-widgets-wrapper .widget a { color: #8C9093; text-decoration: underline; border: none } .taptap-widgets-wrapper .widget a:hover { text-decoration: none; border: none } .taptap-widgets-wrapper .widget div, .taptap-widgets-wrapper .widget embed, .taptap-widgets-wrapper .widget iframe, .taptap-widgets-wrapper .widget object, .taptap-widgets-wrapper .widget span { margin-left: auto; margin-right: auto } .taptap-absolute { position: absolute } .wp-toolbar-active { margin-top: 32px } @media screen and (max-width:782px) { .wp-toolbar-active { margin-top: 46px } #wpadminbar { position: fixed !important } } #wpadminbar { z-index: 9999999999999999999999999999 }