.nav-top .container:before, .nav-top .container:after, .nav-top .top-block-right:before, .nav-top .top-block-right:after { content: ""; display: table; table-layout: fixed; } .nav-top .container:after, .nav-top .top-block-right:after { clear: both; } .nav-top { border-bottom-width: 1px; border-bottom-style: solid; max-height: 50px; } .nav-top.fixed { position: fixed; top: 0; width: 100%; z-index: 1000; } .nav-top .top-block-left, .nav-top .top-block-right.invert { float: left; } .nav-top .top-block-right, .nav-top .top-block-left.invert { float: right; } .nav-top .top-block-left > span { padding-right: 1em; } .nav-top .top-block-left > span:last-child { padding-right: 0; } .site-social-top { display: inline-block; } .nav-top .container { padding: 0.8em 1em; margin: 0 auto; position: relative; } .nav-top .container.boxed { max-width: 1240px; } .nav-top .container.fullwidth { max-width: 100%; } .search-icon { display: block; padding: 0.5em; position: relative; cursor: pointer; float: right; top: -1px; z-index: 99; } .nav-top .top-block-right.invert .search-icon { float: left; } .search-icon .circle { position: relative; display: block; height: 13px; width: 13px; border-radius: 100%; border: 2px solid; transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: 1; } .search-icon .handle { position: absolute; top: 16px; left: 7px; width: 17px; height: 2px; display: block; transform: rotate(45deg); float: right; border-radius: 2px; } .search-icon .handle:after { content: ""; width: 17px; height: 2px; display: block; float: right; border-radius: 2px; transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: -1; } .search-icon.yesOpenSearch .circle { transform: scale(0.02); transform-origin: 30% 40%; } .search-icon.yesOpenSearch .handle:after { transform-origin: center center; transform: rotate(90deg); } .search-container { position: absolute; display: none; margin: 0 auto; left: 0; top: 0; z-index: 9; } .container.boxed .search-container, .container.fullwidth .search-container { width: 100%; } .search-container input[type="search"] { width: 100%; background: transparent !important; border-radius: 0 !important; border: none !important; outline: none; height: 46px; padding: 0.8em 1em; } .nav-top .top-block-right.invert .search-container input[type="search"] { text-indent: 30px; } .search-container input[type="submit"] { display: none; } .search-container input[type="search"]::-webkit-search-cancel-button { display: none; } .search-container input[type="search"]::-ms-clear { display: none; } @media all and (max-width: 1025px) { .nav-top { max-height: none; } .search-icon, .search-container { display: none; } } @media all and (max-width: 768px) { .nav-top .container.boxed { max-width: 100% !important; } } @media all and (max-width: 767px) { #masthead.noMobile .nav-top { display: none !important; } .nav-top .top-block-left, .nav-top .top-block-left.invert { float: none; text-align: center; } .nav-top .top-block-left .site-social-top { display: block; } .nav-top .top-block-right, .nav-top .top-block-right.invert { float: none; } } @media all and (max-width: 600px) { .nav-top .container { padding: 0.8em 0.4em; } }