/*CMS Defaults**********/ /*makes sure the height is always at least the height of the window*/ html, body { font-size:16px; height: 100%; line-height:1.5rem; } .pc { min-height:100%; } .sb { display:inline-block; } #li { opacity: 0; display:none; } .clss, .pgcHidden { display:none !important; } input, select { vertical-align:middle; } .moduleQuickEdit{ margin: 0 !important; position: absolute; right: 0; top: 0; z-index: 10000; cursor:pointer; } /*slider buttons*/ .mcl { background-image: url("/images/concrete-driveway-arrow-left.png"); background-repeat: no-repeat; bottom: 0; cursor: pointer; height: 58px; margin: auto; position: absolute; top: -150px; width: 54px; z-index: 100; } .mcll{ left:25px; } .mclr{ transform:rotate(180deg); } .mclr{ right:35px; } .modRecNumSep{ display:inline-block; } .modRecNumSep::before{ display:inline-block; content:"/"; } .multilevelpushmenu_wrapper { position: absolute; overflow: hidden; min-width: 100%; min-height: 100%; margin: 0; padding: 0; } .multilevelpushmenu_wrapper .levelHolderClass { position: absolute; overflow: hidden; top: 0; background: #336ca6; width: auto; min-height: 100%; font-family: 'Open Sans Condensed', sans-serif; font-size: 1em; zoom: 1; } .multilevelpushmenu_wrapper .ltr { margin-left: -100%; left: 0; -moz-box-shadow: 5px 0 5px -5px #1f4164; -webkit-box-shadow: 5px 0 5px -5px #1f4164; box-shadow: 5px 0 5px -5px #1f4164; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2); } .multilevelpushmenu_wrapper .rtl { margin-right: -100%; right: 0; -moz-box-shadow: 5px 0 5px 5px #1f4164; -webkit-box-shadow: 5px 0 5px 5px #1f4164; box-shadow: 5px 0 5px 5px #1f4164; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2); } .multilevelpushmenu_wrapper .multilevelpushmenu_inactive { background: #2e6196; } .multilevelpushmenu_wrapper h2 { font-size: 1.5em; line-height: 1em; font-weight: bold; color: #1f4164; padding: 0 .4em 0 .4em; } .multilevelpushmenu_wrapper ul { list-style: none; padding: 0; margin: 0; } .multilevelpushmenu_wrapper li { cursor: pointer; border-top: 1px solid #295685; padding: .4em .4em .4em .4em; } .multilevelpushmenu_wrapper li:last-child { border-bottom: 1px solid #295685; } .multilevelpushmenu_wrapper li:hover { background-color: #295685; } .multilevelpushmenu_wrapper a { display: block; outline: none; overflow: hidden; font-size: 1.5em; line-height: 1em; padding: .2em .2em; text-decoration: none; color: #fff; } .multilevelpushmenu_wrapper a:hover { color: #ffe; } .multilevelpushmenu_wrapper .backItemClass { display: block; padding: .4em .4em .4em .4em; background: #2e6196; border-top: 1px solid #295685; } .multilevelpushmenu_wrapper .floatRight { float: right; } .multilevelpushmenu_wrapper .floatLeft { float: left; } .multilevelpushmenu_wrapper .cursorPointer { cursor: pointer; } .multilevelpushmenu_wrapper .iconSpacing_ltr { padding: 0 .4em 0 0; } .multilevelpushmenu_wrapper .iconSpacing_rtl { padding: 0 0 0 .4em; } .backItemClass i{ display: none; } .backItemClass a { display: inline-block !important; line-height: 40px; width: 85%; } .multilevelpushmenu_wrapper ul { position: static; } .multilevelpushmenu_wrapper li { position: static; min-height: 60px; padding:10px; } .multilevelpushmenu_wrapper a { display: inline-block; padding-bottom: 15px; padding-top: 15px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .childShow { background: transparent url("/images/responsive-menu.png") no-repeat scroll center center / 32px auto; height: 40px; padding-bottom: 10px !important; padding-top: 10px !important; width: 15%; } .multilevelpushmenu_wrapper .ntp{ width:85%; } /*this is the button that we click to go a specific open level*/ .cMenu > h2 > i { display: block; height: 4000px; position: absolute; right: 0; top: 0; width: 40px; } #navOuter-tNav_multilevelpushmenu.multilevelpushmenu_wrapper > .ltr{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*makes long navs scrollable*/ .levelHolderClass ul { height:calc(100vh - 85px); overflow-x: hidden; overflow-y: auto; } /*this pseudoelement is so we can use vertical align on the text without a children link*/ .multilevelpushmenu_wrapper li:not(.hc)::after{ content: ""; display: inline-block; height: 60px; vertical-align: middle; width: 1px; } .multilevelpushmenu_wrapper .backItemClass { min-height: 60px; } /*this pseudoelement is so we can use vertical align on the text without a children link*/ .multilevelpushmenu_wrapper li:not(.hc)::after{ content: ""; display: inline-block; height: 60px; vertical-align: middle; width: 1px; } .multilevelpushmenu_wrapper .ntp { width: 99%; } .multilevelpushmenu_wrapper li { border-bottom: 1px solid #bbbcbe; border-top: 0 none; } .multilevelpushmenu_wrapper li:last-child { border-bottom: 1px solid #bbbcbe; } .multilevelpushmenu_wrapper li:hover { background-color: #bbbcbe; } .multilevelpushmenu_wrapper a:hover { color: #000; } .multilevelpushmenu_wrapper .backItemClass { background: #ecedef none repeat scroll 0 0; border-top: 1px solid #bbbcbe; } .multilevelpushmenu_wrapper .backItemClass { min-height: 60px; } .mobileNav .responsiveBtn { background-color: #585c5f !important; } .multilevelpushmenu_wrapper .levelHolderClass { background: #fff none repeat scroll 0 0; } .multilevelpushmenu_wrapper a { color: #000 !important; font-weight: normal; text-shadow: 0 0 !important; } #navOuter-tNav_multilevelpushmenu #ntid_tNav2485, #navOuter-tNav_multilevelpushmenu #ntid_tNav2486, #navOuter-tNav_multilevelpushmenu #ntid_tNav2487 { display: none; } #navOuter-tNav_multilevelpushmenu #navHeader-tNav { display: none !important; } @media screen and (max-width: 1100px) { #topBarOutter { display: none; } } /*Accordion styles**********************/ .expandBtn{ cursor:pointer; } /*Module Item/Form for quick edits**********************/ #pc + .mi{ position:absolute; left:0px; right:0px; margin:0px auto; z-index:10000; } /*.ec{ display:none; }*/ .ec.expand { display:block; } input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0; }