/* Mobile Menu Core Style */ .slicknav_btn { position: absolute;top:24px;right: 20px;z-index:99999999999999999999999999999;display: block; vertical-align: middle; float: right; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: none; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu {font-size:16px;position: relative;} .slicknav_menu .slicknav_menutxt {color: #000;font-size:15px;letter-spacing: 0.0625em;font-weight: bold;} .slicknav_menu {background:#f5f5f5;} .slicknav_nav {color:#fff;margin:0;padding:0;font-size:0.875em;padding: 10px 10px 10px 10px;} .slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;} .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#444; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#444; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_icon{ width: 30px; height: 25px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .slicknav_icon span{ display: block; position: absolute; height: 2px; width: 100%; background: #E4C425; border-radius: 1125px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .slicknav_icon span:nth-child(1) { top: 0px; } .slicknav_icon span:nth-child(2),.slicknav_icon span:nth-child(3) { top: 8px; } .slicknav_icon span:nth-child(4) { top: 16px; } .slicknav_icon.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; } .slicknav_icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .slicknav_icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .slicknav_icon.open span:nth-child(4) { top: 8px; width: 0%; left: 50%; }