/*** remove shadow on main header***/ #main-header { box-shadow: none; } /*** add shadow to fixed header ***/ @media (min-width: 981px) { #main-header.et-fixed-header { box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important; -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important; -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important; } } /*** adjust padding on menu ***/ .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 23px; } #top-menu li { padding: 0 10px !important; } .et_header_style_left #et-top-navigation { padding-top: 20px; } .et_header_style_left .et-fixed-header #et-top-navigation { padding-top: 10px; } /*** style the menu button ***/ .jointoday_button a { color: #ed292a !important; line-height: 9px; font-weight: 600; padding: 13px 16px !important; text-transform: uppercase; font-size: 12px !important; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; border: 2px solid #ed292a; } .jointoday_button a:hover { opacity: 1 !important; color: #fff !important; background-color: #ed292a; } .et-fixed-header #top-menu .jointoday_button a:hover { background-color: #de20b3; border: 2px solid #de20b3; box-shadow: 0px 5px 20px #aab9c3; -moz-box-shadow: 0px 5px 20px #aab9c3; -webkit-box-shadow: 0px 5px 20px #aab9c3; } .et-fixed-header #top-menu .jointoday_button a { color: #fff !important; background-color: #ed292a; box-shadow: 0px 5px 20px #d6dee4; -moz-box-shadow: 0px 5px 20px #d6dee4; -webkit-box-shadow: 0px 5px 20px #d6dee4; border: 2px solid #f92c8b; } .et-fixed-header.et_highlight_nav #top-menu .jointoday_button a { background-color: #2cc2e6; border: 2px solid #2cc2e6; animation: highlight-nav .8s ease; -webkit-animation: highlight-nav .8s ease; } #main-header.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a:hover { background-color: #ed292a; border: 2px solid #fed292a; box-shadow: 0px 5px 20px #aab9c3; -moz-box-shadow: 0px 5px 20px #aab9c3; -webkit-box-shadow: 0px 5px 20px #aab9c3; } @-webkit-keyframes highlight-nav { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes highlight-nav { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); transform: scale(1) } } /*** style the mobile menu links and button ***/ @media (max-width: 980px) { .et_mobile_menu li { text-align: center; } .et_mobile_menu li a { border-bottom: none; } .et_mobile_menu li a:hover { background-color: transparent;} .jointoday_button a { border-bottom: 2px solid #ed292a !important; } }