Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*-----------------------------------------------------------------------------------*/
- /* 2b. MOBILE MENU
- /*-----------------------------------------------------------------------------------*/
- .mobile-menu {
- display:none;
- }
- #slide-buttons {
- background-color: #0097a7;
- border-radius: 50%;
- color: #ffffff;
- height: 40px;
- width: 40px;
- line-height: 46px;
- border: none;
- font-size: 22px;
- padding: 0;
- position: relative;
- -webkit-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- }
- .c-menu {
- position: fixed;
- z-index: 200;
- background-color: #0097a7;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- }
- .c-menu--slide-right {
- width: 100%;
- height: 100%;
- }
- @media all and (min-width: 320px) {
- .c-menu--slide-right {
- width: 300px;
- }
- }
- .c-menu--slide-right {
- top: 0;
- right: 0;
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- transform: translateX(100%);
- }
- @media all and (min-width: 320px) {
- .c-menu--slide-right {
- -webkit-transform: translateX(300px);
- -ms-transform: translateX(300px);
- transform: translateX(300px);
- }
- }
- .c-menu--slide-right.is-active {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- .c-menu__close {
- margin-right: 10px !Important;
- background-color: #ffffff;
- border-radius: 50%;
- color: #0097a7;
- height: 40px;
- width: 40px;
- line-height: 46px;
- border: none;
- font-size: 22px;
- padding: 0;
- position: relative;
- -webkit-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- }
- .slide-overlay {
- position: fixed;
- z-index: 100;
- top: 0;
- left: 0;
- overflow: hidden;
- width: 0;
- height: 0;
- background-color: #000;
- opacity: 0;
- -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
- transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
- }
- .slide-overlay.is-active {
- width: 100%;
- height: 100%;
- opacity: 0.7;
- -webkit-transition: opacity 0.3s;
- transition: opacity 0.3s;
- }
- .logo-menu-right img {
- display: inline-block;
- }
- .menus-mobile {
- padding: 25px 20px;
- text-align: left;
- list-style: none;
- }
- .menus-mobile li a {
- color: #ffffff;
- font-family:'Dosis', sans-serif;
- font-size: 18px;
- font-weight: 700;
- text-transform: uppercase;
- border-bottom: 1px solid #40b1bd;
- width: 100%;
- display: block;
- padding-bottom: 10px;
- margin-bottom: 10px;
- }
- .menus-mobile ul.children {
- padding: 0;
- list-style: none;
- }
- .menus-mobile ul.children li a {
- font-size: 16px;
- padding-left: 10px;
- }
- .menus-mobile li a:hover, .menus-mobile ul.children li a:hover {
- opacity: 0.7;
- }
- .logo-menu-right {
- margin: 15px 0px;
- }
- /* Sub Menu */
- ul.menus-mobile li.page_item_has_children ul.children, ul.menus-mobile li.menu-item-has-children ul.sub-menu {
- display: none;
- }
- ul.menus-mobile li.page_item_has_children:hover ul.children, ul.menus-mobile li.menu-item-has-children:hover ul.sub-menu {
- display: block;
- }
- ul.menus-mobile li.page_item_has_children ul.children, ul.menus-mobile li.menu-item-has-children ul.sub-menu {
- position: relative;
- text-align: left;
- padding-left: 10px;
- list-style: none;
- }
- ul.menus-mobile li.page_item_has_children ul.children li, ul.menus-mobile li.menu-item-has-children ul.sub-menu li {
- margin: 0 !important;
- width: 100%;
- }
- ul.menus-mobile li.page_item_has_children ul.children li a, ul.menus-mobile li.menu-item-has-children ul.sub-menu li a {
- background-color: transparent !important;
- color: #ffffff;
- padding: 0 !important;
- }
- ul.menus-mobile li.page_item_has_children ul.children li a:hover, ul.menus-mobile li.menu-item-has-children ul.sub-menu li a:hover {
- background-color: transparent !important;
- color: #ffffff;
- opacity: 0.7;
- }
- ul.menus-mobile li.page_item_has_children ul.children li a:after, ul.menus-mobile li.page_item_has_children ul.children li a:hover:after, ul.menus-mobile li.menu-item-has-children ul.sub-menu li a:after, ul.menus-mobile li.menu-item-has-children ul.sub-menu li a:hover:after {
- display: none;
- }
- :-ms-input-placeholder.sb-search-input {
- text-indent: 9999px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement