/* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Mega Menu Container */ .main-nav-container { margin-left: auto; margin-right: auto; width: calc(100% - 20px); max-width: 1380px; } .mega-menu-container { display: grid; grid-template-columns: 20% 40% 40%; } .mega-menu-container .column-1, .mega-menu-container .column-2 { padding-right: 1.25rem; } .mega-menu-container ul > li > ul.display-cols { column-count: 2; } .mega-menu-container li { margin-bottom: 1.25rem; } .mega-menu-container .inner-grid::after { clear: both; content: ''; display: table; width: 100%; } .mega-menu-container .inner-grid ul { float: left; margin-bottom: 1.86rem; padding-right: 1.25rem; width: 49%; } .mega-menu-container .inner-grid ul:nth-child(odd){ clear: left; } .mega-menu-main { background-color: #002a5c; display: none; opacity: 0.95; } .nav-brand-wrapper {float: right;} .nav-brand-wrapper .navbar-form {margin-top: 10px;padding-right: 0;text-align: right;} .nav-brand-wrapper .navbar-nav {float:none; margin-top: 10px; text-align: right;} .navbar {border: none;} .navbar-collapse.collapse{margin-left: -20px; margin-top: 10px;width: calc(100% + 40px);} .main-nav .main-nav-toggle, .main-nav .mega-menu-container{background-color: #002a5c;} .main-nav a, .main-nav a:visited {color: #fff;text-decoration: none;} .main-nav a:hover, .main-nav a:visited:hover, .main-nav a:focus, .main-nav a:visited:focus{color: #fff;} .main-nav button{-webkit-appearance: none;border:none; background-color: #002a5c; color: #fff;cursor: pointer;padding: 8px 20px;transition: .4s ease background-color;} .main-nav a.menu-toggle.mobile-only {display: inline-block;padding: 8px 20px;transition: .4s ease background-color;display: none;} .main-nav button:hover {background-color: #000d2f;} .main-nav button span {margin-top: .125rem;vertical-align: top;} .main-nav .close-button {text-align: right;} .main-nav {position: relative;} .main-nav .mega-menu-main {position: absolute; width: 100%;z-index:9999;} .main-nav .mega-menu-container {padding: 1.86rem;} .main-nav .mega-menu-container ul {list-style: none; margin-left: 0; padding-left: 0;} .main-nav .mega-menu-container li.title {color: #d0d0d0;padding-bottom: 0.625rem;margin-bottom:0.625rem;text-transform: uppercase;font-size: 12px} .main-nav .mega-menu-container li.inner-grid ul li:not(.title) {position: relative; padding-left: 10px;} .main-nav .mega-menu-container li.inner-grid ul li:not(.title)::before{background: #fff;border-radius: 50%;content: '';height: 4px;left: 0;position:absolute;top: 8px;width: 4px;} /******************************************/ /********** MegaNavbar.css **********/ /** January 2016 changed mobile breakpoints from 676 to 1024px **/ /*@media (max-width:767px){*//*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar.xs-height25.navbar-fixed-top .navbar-collapse, .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse{max-height:25vh} .navbar.xs-height33.navbar-fixed-top .navbar-collapse, .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse{max-height:33vh} .navbar.xs-height50.navbar-fixed-top .navbar-collapse, .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse{max-height:50vh} .navbar.xs-height66.navbar-fixed-top .navbar-collapse, .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse{max-height:66vh} .navbar.xs-height75.navbar-fixed-top .navbar-collapse, .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse{max-height:75vh} .navbar.xs-height100.navbar-fixed-top .navbar-collapse, .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse{max-height:100vh} } .navbar-carousel-indicators{position:relative;bottom:inherit;left:0;right:0;z-index:0;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;text-align:inherit;list-style:none} .navbar-carousel-indicators li{width:100%;height:auto;margin:0px;text-indent:inherit;cursor:pointer;border:0;border-radius:0px;display:block;} .navbar-carousel-indicators .active{width:100%;height:auto;margin:0;background-color:transparent} .navbar, .dropdown-menu{min-width:35px} .navbar .container, .navbar .container-fluid{position:relative} .navbar .navbar a, a:hover, a:focus{text-decoration:none} .navbar a.navbar-link,.navbar .navbar-text{line-height:20px;padding:15px;margin:0;} .navbar p>a.navbar-link,.navbar p>.navbar-text{padding:15px 0;} .navbar .dropdown-menu{overflow:visible!important;-webkit-transition:height 1ms;transition:height 1ms} .navbar .navbar-nav .dropdown-menu li.disabled:hover>a, .navbar .navbar-nav .dropdown-menu li.disabled:focus>a{cursor:not-allowed} .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom{-webkit-transform:none;-o-transform:none;-moz-transform:none;transform:none;-ms-transform:none;} .navbar .nav > li > a{display:inline-block;} /*@media (max-width:767px){*//*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar{border-bottom:0px;} .navbar .navbar-nav>li.divider{display:none} .navbar .navbar-header a.navbar-link{display:block;margin:0;padding:15px 15px} .navbar a.navbar-link, .navbar .navbar-text{display:block;margin:0;padding:10px 15px;line-height:20px;} .navbar p>a.navbar-link{display:inline-block;padding:0!important} .navbar .navbar-header .navbar-text{padding:15px;margin:0} .navbar .navbar-form{border:0;margin:0;-webkit-box-shadow:none;box-shadow:none} } .navbar .navbar-nav .dropdown-menu ul,.navbar .navbar-nav .dropdown-menu ul .dropdown-menu{padding:0px} .navbar .navbar-nav .dropdown-menu li{list-style:none} .navbar .navbar-nav.navbar-right:last-child{margin-right:0px} .navbar .navbar-header{z-index:1;position:relative} .navbar .container-fluid .navbar-collapse,.navbar .container .navbar-collapse{position:relative;padding-right:0px;padding-left:0px} .navbar.navbar-static-top .container .navbar-collapse,.navbar.navbar-static-top .container-fluid .navbar-collapse{margin-right:-15px;margin-left:-15px} .navbar.navbar-static-top .container .navbar-header,.navbar.navbar-static-top .container-fluid .navbar-header{margin-left:-15px;margin-right:0px} .navbar.navbar-static-top.brand-right .container .navbar-header,.navbar.navbar-static-top.brand-right .container-fluid .navbar-header{margin-left:0px;margin-right:-15px} .navbar.navbar-fixed-top.brand-right .container .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header{margin-left:0px;margin-right:0px!important} .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0px} .navbar .dropdown-menu li.dropdown-header{display:block;padding:5px 15px;font-size:16px;line-height:20px;white-space:nowrap;font-weight:bold} .navbar .dropdown-short .dropdown-menu li.dropdown-header{display:block;padding:5px 0px;font-size:16px;line-height:20px;white-space:nowrap;font-weight:bold} .navbar h1,.navbar .h1,.navbar h2,.navbar .h2,.navbar h3,.navbar .h3{margin-top:0px;margin-bottom:0px;padding-top:20px;padding-bottom:10px} .navbar h4,.navbar .h4,.navbar h5,.navbar .h5,.navbar h6,.navbar .h6{margin-top:0px;margin-bottom:0px;padding-top:10px;padding-bottom:10px} .navbar .panel-title{padding-top:0px;padding-bottom:0px} .navbar .label{line-height:14px;margin:0 0 0 10px;padding:3px 5px;vertical-align:top} .navbar-nav>.btn-group{margin:8px 10px 8px 0px} .navbar .btn-group>.dropdown-menu,.navbar .navbar-form>.input-group .dropdown-menu{margin-top:8px} .navbar .dropdown-menu li>a.dropdown-toggle{display:block;padding:10px 30px 10px 5px;clear:both;font-weight:400;line-height:20px;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis} .navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle,.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle{padding:5px 15px 5px 30px} .navbar .dropdown-menu li>a{display:block;padding:10px 5px;clear:both;font-weight:400;line-height:18px;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis} .navbar a>span.desc{display:block;font-size:smaller;text-overflow:ellipsis;overflow:hidden} /*@media (max-width:767px){*/ /*delete if use new menu january 2016*/ @media (max-width:767px){ .navbar .navbar-collapse .navbar-nav>.navbar-form,.navbar .navbar-collapse>.navbar-form{margin:0;border-top:none;/*border-bottom-width:1px;border-bottom-style:solid*/} /*delete if use new menu january 2016*/ .navbar .navbar-collapse .navbar-nav>a.navbar-link,.navbar .navbar-collapse>a.navbar-link,.navbar .navbar-collapse .navbar-nav>.navbar-text,.navbar .navbar-collapse>.navbar-text,.navbar .navbar-collapse .navbar-nav>li{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cccccc} .navbar .navbar-collapse .navbar-nav>li>a{padding-top:9px;margin-top:1px} .navbar .navbar-collapse .navbar-nav>li.open>a,.navbar .navbar-collapse .navbar-nav>li.xs-hover:hover>a, .navbar-nav>li.active>a{padding-top:10px;padding-bottom:11px;margin-top:0px} .navbar .navbar-nav>li{clear:both} .navbar .navbar-header .navbar-nav>li{clear:none} .navbar.navbar-fixed-bottom .navbar-collapse{position:absolute!important;bottom:100%;width:100%;border-bottom:1px solid} .navbar .navbar-nav>li>a{display:block} .navbar .navbar-nav .dropdown-menu{padding:0;border-radius:0!important} .navbar.navbar-fixed-top.brand-right .container .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header{margin-left:-15px!important;margin-right:-15px!important} .navbar .navbar-nav>button{display:block;width:100%} .navbar .navbar-nav>.btn-group{display:table;width:100%;table-layout:fixed;border-collapse:separate;margin:8px 10px 8px 0} .navbar .navbar-nav>.btn-group>.btn-group{display:table-cell;float:none;width:1%} .navbar .navbar-nav>.btn-group>.btn-group .btn{width:100%} .navbar .navbar-header .navbar-nav.navbar-right{float:right} .navbar .navbar-header .navbar-nav.navbar-left{float:left} .navbar .navbar-toggle{margin:10px 0} .navbar .navbar-nav{margin:1px} .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 12px 15px 12px 25px;} } /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1024px){ .navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover{-webkit-transition:width 0.25s ease;transition:width 0.25s ease} .navbar input[data-width="70px"],.navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"]{width:70px!important} .navbar input[data-width="80px"],.navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"]{width:80px!important} .navbar input[data-width="90px"],.navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"]{width:90px!important} .navbar .navbar-form-expanded input,.navbar input[data-width="100px"],.navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"]{width:100px!important} .navbar input[data-width="110px"],.navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"]{width:110px!important} .navbar input[data-width="120px"],.navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"]{width:120px!important} .navbar input[data-width="130px"],.navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"]{width:130px!important} .navbar input[data-width="140px"],.navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"]{width:140px!important} .navbar input[data-width="150px"],.navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"]{width:150px!important} .navbar input[data-width="160px"],.navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"]{width:160px!important} .navbar input[data-width="170px"],.navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"]{width:170px!important} .navbar .navbar-form-expanded input:focus,.navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"],.navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"]{width:180px!important} .navbar input[data-width="190px"],.navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"]{width:190px!important} .navbar input[data-width="200px"],.navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"]{width:200px!important} } .navbar .no-border,.navbar.no-border,.navbar .no-border>*,.navbar.no-border>*{border:none!important;border-radius:0!important} .navbar .no-border-radius,.navbar.no-border-radius,.navbar .no-border-radius>*,.navbar.no-border-radius>*{border-radius:0!important} .navbar .no-padding{padding:0!important} .navbar .padding15{padding:15px!important} .navbar .no-margin{margin:0!important} .navbar .margin15{margin:15px!important} .navbar .no-shadow,.navbar.no-shadow,.navbar .no-shadow>*,.navbar.no-shadow>*{-webkit-box-shadow:none!important;box-shadow:none!important} .navbar .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after{content:'';display:block;z-index:-1;top:15px;outline-width:1px;outline-style:solid;position:absolute;left:15px;right:15px;bottom:15px} #utility-nav.navbar-nav > li {float:none;} /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar .navbar-nav>li.divider{position:relative;width:1px;height:50px} } .navbar .navbar-nav .divided{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch} .navbar .navbar-nav .dropdown-short .divided>*:before{margin:-1px -1px -1px 0px;} .navbar .navbar-nav .dropdown-short .divided>*.h-divided:before{margin:-1px -1px 0px 0px;} .navbar .navbar-nav .divided.row:before{display:block;} .navbar .navbar-nav .divided>*:before{margin:-1px -1px 0px 0px;content:'';position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:-1;border-width:1px;border-style:solid;background:transparent!important;} .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h1, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h2, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h3, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h4, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h5, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h6, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>a{margin-left:1px;margin-bottom:1px} .navbar .navbar-nav .h-divider:after{content:'';margin-top:-1px;width:100%;display:block;height:1px;z-index:2;} .navbar .navbar-nav .h-divider{position:relative!important;} .navbar .navbar-nav .h-divided>*:after{content:'';margin-top:-1px;width:100%;height:1px;display:block;z-index:1;} .navbar .navbar-nav .h-divided>*:first-child:before{content:'';margin-top:-1px;width:100%;height:1px;display:block;z-index:1;} .navbar .navbar-nav .h-divided>*.collapse-up-onclick:after, .navbar .navbar-nav .h-divided>*.collapse-down-onclick:after,.navbar .navbar-nav .h-divided>*.collapse-up-onhover:after, .navbar .navbar-nav .h-divided>*.collapse-down-onhover:after{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:-1;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:1 0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto} .navbar .navbar-header>.navbar-nav>li,.navbar .navbar-header>.navbar-nav.navbar-left>li,.navbar.brand-right .navbar-header>.navbar-nav.navbar-left>li{float:left} .navbar .navbar-header>.navbar-nav.navbar-right>li,.navbar.brand-right .navbar-header>.navbar-nav>li,.navbar.brand-right .navbar-header>.navbar-nav.navbar-right>li{float:right} .navbar.brand-right .navbar-header>.navbar-brand{float:right;margin-left:0;margin-right:0px} .navbar.brand-right .navbar-header>.navbar-toggle{float:left;margin-left:15px;margin-right:15px} .navbar.brand-right .navbar-nav.navbar-right:last-child{margin-right:0} .navbar.menu-lg .navbar-brand,.navbar .menu-lg .navbar-brand,.navbar-brand.menu-lg{padding:10px 20px;font-size:24px;line-height:30px} .navbar.menu-sm .navbar-brand,.navbar .menu-sm .navbar-brand,.navbar-brand.menu-sm{padding:10px 10px;font-size:16px;line-height:30px} .navbar.menu-xs .navbar-brand,.navbar .menu-xs .navbar-brand,.navbar-brand.menu-xs{padding:10px 5px;font-size:14px;line-height:30px} .navbar.menu-lg .navbar-toggle,.navbar .menu-lg .navbar-toggle,.navbar .navbar-toggle.menu-lg{margin-top:7px;margin-right:20px;margin-bottom:7px} .navbar.menu-lg .navbar-toggle>.icon-bar,.navbar .menu-lg .navbar-toggle>.icon-bar,.navbar .navbar-toggle.menu-lg>.icon-bar{height:3px} .navbar.brand-right.menu-lg .navbar-toggle,.navbar.brand-right .menu-lg .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-lg{margin-left:20px} .navbar.menu-sm .navbar-toggle,.navbar .menu-sm .navbar-toggle,.navbar .navbar-toggle.menu-sm{padding:6px 7px;margin-top:11px;margin-right:10px;margin-bottom:11px} .navbar.brand-right.menu-sm .navbar-toggle,.navbar.brand-right .menu-sm .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-sm{margin-left:10px} .navbar.menu-xs .navbar-toggle,.navbar .menu-xs .navbar-toggle,.navbar .navbar-toggle.menu-xs{padding:3px 4px;margin-top:14px;margin-right:5px;margin-bottom:14px} .navbar.brand-right.menu-xs .navbar-toggle,.navbar.brand-right .menu-xs .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-xs{margin-left:5px} /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar.brand-right .navbar-header{float:right} } /*@media (max-width:767px){*/ /*delete if use new menu january 2016*/ @media (max-width:1024px){ .nav-brand-wrapper {display:none;} .navbar .navbar.brand-right .navbar-header{float:none} .navbar .navbar-header .nav.navbar-left{margin:0 0 0 15px} .navbar .navbar-header .nav.navbar-right{margin:0 15px 0 0} .navbar .navbar-header .nav>li>a{padding:15px 8px;display:table;float:left} } /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar .navbar-nav>li.dropdown-onhover:hover>ul,.navbar.dropdown-onhover .navbar-nav>li:hover>ul,.navbar.dropdown-onhover .navbar-nav>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{z-index:1001} .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:before,.navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:before,.navbar:not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:before,.navbar:not(.no-active-arrow) .navbar-nav>.active>a:after,.navbar:not(.no-border):not(.no-active-arrow) .navbar-nav>.active>a:before,.navbar:not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:before{content:" ";position:absolute;left:50%;width:0;height:0;border-style:solid;line-height:0px;;margin-left:-8px;border-color:transparent} .navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:before,.navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:before,.navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:before{content:none;} .navbar.navbar-fixed-bottom .navbar-nav>.active>a:before{top:-8px;border-width:0 8px 8px 8px} .navbar.navbar-fixed-bottom .navbar-nav>.active>a:after{top:-7px;border-width:0 8px 8px 8px} .navbar.no-border.navbar-fixed-bottom .navbar-nav>.active>a:after{top:-8px} .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav>.open>a:before{top:0px;border-width:8px 8px 0 8px} .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav>.open>a:after{top:-1px;border-width:8px 8px 0 8px} .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav>.open>a:after{top:0px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before{bottom:-9px;border-width:8px 8px 0 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after{bottom:-8px;border-width:8px 8px 0 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:before,.navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,.navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:before{bottom:0px;border-width:0 8px 8px 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,.navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after{bottom:-1px;border-width:0 8px 8px 8px} .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after{bottom:0px} .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:before, .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:before{top:-8px;border-width:0 8px 8px 8px} .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:after, .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:after{top:-7px;border-width:0 8px 8px 8px} .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:before{bottom:-9px;border-width:8px 8px 0 8px} .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:after{bottom:-8px;border-width:8px 8px 0 8px} } .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret{position:relative;width:8px;height:20px;vertical-align:top;font-family:FontAwesome;margin-left:8px;border:none} .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before{content:"\f107"} .navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before{content:"\f106"} /*@media (max-width:768px){*/ /*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret{float:right} } .navbar.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret, .navbar .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret, .navbar .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret, .navbar .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret, .navbar .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap{float:right;margin-top:8px;display:inline-block;width:0;height:0;margin-left:8px;margin-right:0px;vertical-align:middle;border-top:4px solid;border-bottom:0px;border-right:4px solid transparent;border-left:4px solid transparent} .navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap{float:right;display:inline-block;width:0;height:0;margin-left:8px;margin-right:0px;vertical-align:middle;border-top:0px;border-bottom:4px solid;border-right:4px solid transparent;border-left:4px solid transparent} .navbar.caret-left .navbar-nav li>a.dropdown-toggle>span.caret,.navbar .navbar-nav.caret-left li>a.dropdown-toggle>span.caret,.navbar .navbar-nav li.caret-left>a.dropdown-toggle>span.caret{margin-right:8px!important;margin-left:0px!important;float:left!important} .navbar.caret-bootstrap .navbar-nav .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav.caret-bootstrap .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.caret-bootstrap>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle.caret-bootstrap:before{width:0;height:0;position:absolute;border-top:4px solid;border-bottom:0px;border-right:4px solid transparent;border-left:4px solid transparent;content:""!important;margin-top:8px;float:right} .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before{position:absolute;width:10px;left:auto;right:10px;font-family:FontAwesome;content:""} .navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle:before{left:10px;right:auto} .navbar .navbar-nav .dropdown-menu li.dropup-left-onclick>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick>a.dropdown-toggle:not(.collapsed):before{content:"\f104"} .navbar .navbar-nav .dropdown-menu li.dropup-right-onclick>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick>a.dropdown-toggle:not(.collapsed):before{content:"\f105"} .navbar .navbar-nav .dropdown-menu li[class*="dropup-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f106"} .navbar .navbar-nav .dropdown-menu li[class*="dropdown-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f107"!important} /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f104"} .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f105"} .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before{content:"\f107"!important} } /*@media (max-width:767px)*//*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before{content:"\f106"!important} .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before{content:"\f107"!important} .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick>a:not(.caret-bootstrap).dropdown-toggle.collapsed:before{content:"\f106"!important} } .navbar .dropdown-menu{position:absolute;} .navbar .navbar-nav>li:not(.dropdown-short)[class*="dropdown-"]{position:static} .navbar:not(.no-border) .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar:not(.no-border) .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{margin-top:0;margin-bottom:1px} .navbar.no-border .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar.no-border .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{margin-top:0px;margin-bottom:0px} .navbar.navbar-fixed-bottom .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{top:auto;bottom:100%;border-top-width:1px;border-bottom-width:0px;border-radius:4px 4px 0 0} .navbar .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{top:100%;bottom:auto;border-top-width:0px;border-bottom-width:1px;border-radius:0 0 4px 4px} .navbar .navbar-nav>li.dropdown>.dropdown-menu{padding:0px;} .navbar .navbar-nav>li.dropdown-short>.dropdown-menu{padding:15px;} .navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper,.navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-left{direction:ltr;float:left} .navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper,.navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-right{direction:rtl;float:right} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{left:auto;direction:ltr;padding:15px} .navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{right:auto} .navbar .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu{display:block} .navbar .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full>.dropdown-menu{left:0;right:0;padding:15px;margin-left:0px;margin-right:0px} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu{margin-left:15px;margin-right:15px} .navbar:not(.no-border) .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:-16px;margin-right:-16px} .navbar.no-border .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:-15px;margin-right:-15px} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.no-border.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:0px;margin-right:0px} /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar.dropdown-onhover.no-fix .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar.dropdown-onhover.no-fix .navbar-nav>li>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix>.dropdown-menu{display:none} .navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a,.navbar:not(.no-border) li.dropdown-onhover:hover>a,.navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a{border-top-width:0px;border-left-width:0;border-right-width:0;border-bottom-width:1px;border-style:solid;margin-bottom:-1px;margin-top:0px} .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a,.navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover>a,.navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a{border-top-width:1px;border-left-width:0;border-right-width:0;border-bottom-width:0px;border-style:solid;margin-bottom:0px;margin-top:-1px} .navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-menu,.navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-grid-wrapper>.dropdown-menu,.navbar li.dropdown-onhover:hover>.dropdown-menu,.navbar li.dropdown-onhover:hover>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-grid-wrapper>.dropdown-menu{display:block!important;visibility:visible;z-index:1001!important;} } /*@media (max-width:767px)*/ /*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar .navbar-nav>li.dropdown-short>.dropdown-menu .h-divided{width:100%} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper{float:none!important} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li>.dropdown-menu{border-top-style:solid;border-top-width:1px!important;margin-top:0px!important;margin-bottom:0px!important;position:relative;left:0!important;right:0!important;top:0px!important;bottom:auto!important;} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:0!important;margin-right:0!important;width:100%} .navbar .navbar-nav>li.dropdown-wide.open>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full.open>.dropdown-menu{display:inline-block;visibility:visible;} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-grid>a{margin-right:0px!important} .navbar .navbar-nav.navbar-right>li>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.navbar-right>li>a,.navbar .navbar-nav.navbar-right>li>ul{margin-right:1px!important} .navbar li.xs-hover:hover>.dropdown-menu{display:block;visibility:visible;height:inherit!important;float:none;width:auto;border-left:0;border-right:0;border-bottom:0;} .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu{display:block;visibility:visible;height:inherit!important;float:none;width:auto;border-left:0;border-right:0;border-bottom:0;} .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-menu, .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu{display:none;} .navbar li.dropdown-wide.xs-hover:hover>.dropdown-menu,.navbar li.dropdown-full.xs-hover:hover>.dropdown-menu{display:inline-block!important;visibility:visible;} .navbar li.xs-hover:hover>.dropdown-menu .dropdown-menu{position:static;float:none;border:0;} .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu .dropdown-menu{position:static;float:none;border:0;} } .navbar .navbar-nav>li ul li[class*="-onhover"],.navbar .navbar-nav>li ul li[class*="-onclick"]{position:relative;border-bottom: 1px dotted #ccc} .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle.collapsed + .collapsing,.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle.collapsed + .collapsing{display:none;height:inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle:not(.collapsed) + .collapsing,.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle:not(.collapsed) + .collapsing{display:block;visibility:visible;height:inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]:not([class*="collapse-"]):hover>.dropdown-menu,.navbar .navbar-nav>li ul li[class*="-onclick"]:hover>.dropdown-menu{z-index:1002} .navbar .navbar-nav>li ul li.dropup-center-onclick>.dropdown-menu{left:0px;right:0px;top:auto;bottom:100%;z-index:1001;padding:15px;margin:0px;width:100%;} .navbar .navbar-nav>li ul li.dropup-center-onhover>.dropdown-menu{left:0px;right:0px;top:auto;bottom:100%;z-index:1001;padding:15px;display:none;overflow:visible;margin:0px;width:100%;} .navbar .navbar-nav>li ul li.dropdown-center-onclick>.dropdown-menu{left:0px;right:0px;top:100%;bottom:auto;z-index:1001;padding:15px;margin:0px;width:100%;} .navbar .navbar-nav>li ul li.dropdown-center-onhover>.dropdown-menu{left:0px;right:0px;top:100%;bottom:auto;z-index:1001;padding:15px;display:none;overflow:visible;margin:0px;width:100%;} .navbar .navbar-nav>li ul li.ltr[class*="-center-"]>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-center-"]>.dropdown-menu.ltr{left:0;right:auto;width:auto} .navbar .navbar-nav>li ul li.rtl[class*="-center-"]>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-center-"]>.dropdown-menu.rtl{left:auto;right:0px;width:auto} .navbar .navbar-nav>li ul li.dropup-right-onclick>.dropdown-menu{left:100%;right:auto;top:auto;bottom:0px;z-index:1001} .navbar .navbar-nav>li ul li.dropup-right-onhover>.dropdown-menu{left:100%;right:auto;top:auto;bottom:0px;z-index:1001;display:none;overflow:visible} .navbar .navbar-nav>li ul li.dropdown-right-onclick>.dropdown-menu{left:100%;right:auto;top:0px;bottom:auto;z-index:1001} .navbar .navbar-nav>li ul li.dropdown-right-onhover>.dropdown-menu{left:100%;right:auto;top:0px;bottom:auto;z-index:1001;display:none;overflow:visible} .navbar .navbar-nav>li ul li.dropup-left-onclick>.dropdown-menu{left:auto;right:100%;top:auto;bottom:0px;z-index:1001} .navbar .navbar-nav>li ul li.dropup-left-onhover>.dropdown-menu{left:auto;right:100%;top:auto;bottom:0px;z-index:1001;display:none;overflow:visible} .navbar .navbar-nav>li ul li.dropdown-left-onclick>.dropdown-menu{left:auto;right:100%;top:0px;bottom:auto;z-index:1001} .navbar .navbar-nav>li ul li.dropdown-left-onhover>.dropdown-menu{left:auto;right:100%;top:0px;bottom:auto;z-index:1001;display:none;overflow:visible} .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onhover>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onhover>.dropdown-menu{margin:0 0 0 -1px;padding:15px} .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onhover>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onhover>.dropdown-menu{margin:0 -1px 0 0;padding:15px} .navbar .navbar-nav>li.dropdown ul li.dropup-right-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-right-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropup-right-onhover>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-right-onhover>.dropdown-menu{margin:0 0 0 -10px;padding:0px} .navbar .navbar-nav>li.dropdown ul li.dropup-left-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-left-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropup-left-onhover>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-left-onhover>.dropdown-menu{margin:0 -10px 0 0;padding:0px} .navbar .navbar-nav>li ul li[class*="collapse-down-"]>.dropdown-menu{background:transparent;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;position:relative;margin-top:0px;margin-bottom:0px} .navbar .navbar-nav>li ul li.collapse-down-onhover>.dropdown-menu,.navbar .navbar-nav>li ul li.collapse-up-onhover>.dropdown-menu{display:none;overflow:visible} .navbar .navbar-nav>li ul li[class*="collapse-up-"]{float:none;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch} .navbar .navbar-nav>li ul li[class*="collapse-up-"]>a, .navbar .navbar-nav>li ul li[class*="collapse-up-"]>ul.dropdown-menu{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto} .navbar .navbar-nav>li ul li[class*="collapse-up-"]>.dropdown-menu{background:transparent;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;position:relative;z-index:auto;margin-top:0px;margin-bottom:0px} .navbar .navbar-nav>li ul li[class*="collapse-up-"]{width:100%;-moz-box-sizing:border-box} .navbar .navbar-nav .dropdown-menu li[class*="collapse-"]>.dropdown-menu li:not([class*="collapse-"])>.dropdown-menu li>a{padding-left:15px!important;} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li>a{padding-left:20px; font-size: 13px;line-height: 15px;background:#f6f6f9;} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:45px} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:60px} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:75px} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:90px} /*@media (max-width:767px){*/ /*delete if use new menu january 2016*/ @media (max-width:1024px){ .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu.collapse.in{display:block;visibility:visible;height:inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle.collapsed + .dropdown-menu.collapsing{display:none;height:inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing{display:block;visibility:visible;height:inherit!important} .navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu,.navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu{padding:0!important;margin:1px 0 1px 0;width:auto} .navbar .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding-left:15px} .navbar .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu{-webkit-box-shadow:none!important;box-shadow:none!important} .navbar.caret-left .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li.caret-left>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle.caret-left{padding-left:30px} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li>a{padding-left:15px!important} .navbar-nav .dropdown-menu .dropdown-menu{margin-left:15px!important;margin-right:0px!important;margin-top:1px!important;} } /*@media (min-width:768px){*/ /*delete if use new menu january 2016*/ @media (min-width:1200px){ .navbar .navbar-nav>li ul li[class*="-onhover"]:hover>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-menu.collapse.in{display:block!important;visibility:visible;height:inherit!important;} .navbar .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu{-webkit-box-shadow:none!important;box-shadow:none!important} } /******************************************/ /********** UofT-Engineering.css **********/ body{background:url("../images/background-shadow.jpg") center top repeat-y;font-family:'Open Sans', sans-serif;font-weight:400;font-size:14px;color:#333333;} .alignnone{margin:5px 20px 20px 0;} .aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;} .alignright{float:right;margin:5px 0 20px 20px;} .alignleft,.post .attachment-thumbnail{float:left;margin:5px 20px 20px 0;} a img.alignright{float:right;margin:5px 0 20px 20px;} a img.alignnone{margin:5px 20px 20px 0;} a img.alignleft{float:left;margin:5px 20px 20px 0;} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:left;} .wp-caption.alignnone{margin:5px 20px 20px 0;} .wp-caption.alignleft{margin:5px 20px 20px 0;} .wp-caption.alignright{margin:5px 0 20px 20px;} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;} .wp-caption p.wp-caption-text{font-size:13px;line-height:17px;margin:0;padding: 7px;} .screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;} .teal{color:#008bb0;} .fetch-tweets-external-media iframe{width:100%;height:auto;} .pagination{width:100%;display:block;text-align:center;} .pagination .page-numbers{display:inline-block;margin:0 auto;} .pagination li{float:left;list-style:none;margin:0 10px;} .searchItem{border-bottom:1px solid grey;} .searchItem .search-title{margin-bottom:0;} .searchItem .entry-content{} .searchItem .vcard{font-size:13px;font-weight:400;} .footerSocialContainer{} .footerSocialContainer li{float:left;margin:0 5px;} a{color:#00607A;text-decoration:none;} a:focus, a:hover{color:#002a5c;} h1 { font-size:32px; color:#002a5c; font-weight:700; line-height:40px; letter-spacing:-1px;} h2, h2 a {font-size:24px; font-weight:700;} h3 {font-size:22px;font-weight:500; } h4 {font-size:18px;font-weight:700;} h5 {font-size:16px;font-weight:600;} h6 {font-size:14px;font-weight:400;} [class^=page-template-] .entry-header, .page-template .entry-header { margin-top: 40px; } .posts-archive h1 {font-size:24px; line-height: 28px; margin-top:5px !important; letter-spacing: 0 !important;} .entry p, .entry li, .entry li a {font-size:16px; line-height: 24px;} .entry p {margin: 0 0 16px;} .fullWidth{width:100% !important;max-width:auto !important;} .fetch-tweets{width:100% !important;} #site-wrapper{max-width:1400px;margin:0 auto;overflow:hidden; position: relative;} #site-header::after, .navbar::after{clear:both;content: '';display:table;width: 100%;} .container-fluid, .container{max-width:980px;} .container-fluid-wide {max-width:1400px; padding-left:0 !important; padding-right:0 !important;} #site-content-wide {padding: 0 0 10px !important;} .site-content {margin-top: -10px;} .btn-primary{background-color: #00607A; border-radius: 6px; color: #ffffff; padding: 12px 15px; font-weight: 700; letter-spacing: 0.5px; font-weight: 500!important; text-decoration: none !important;} .form-control{font-size:13px;} .site-header-container{border-radius: 0 0 3px 3px;background-color: #fff;margin:0 auto;max-width:1360px; padding: 0 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.176);width: calc(100% - 20px);} .navbar-default{background-color:#ffffff;border:none;} .navbar-brand{display: block; height: auto;padding-left: 0;padding-right: 0;} .site-logo {height: 70px;width: auto;} .navbar-header{width:100%;margin:0 !important;} .navbar{margin-bottom:0;max-width:1400px;margin:0 auto;position:relative;width:100%;z-index:1000;font-weight:600;font-size:14px;color:#5e696d;} .navbar-toggle{border:2px solid #ddd;margin:5px 0 !important;} .navbar-nav > li > a{color:#002a5c;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color:#ffffff;color:#002a5c;} .nav > li > a:focus, .nav > li > a:hover{background-color:#ffffff;color:#002a5c; text-decoration: underline;} #RightTopMenu{margin-right:0;} .dropdown-menu a:hover{color:#002a5c !important;} .dropdown-menu[depth="0"]{width:100%;min-width:300px;} .collapse-down-onclick>a{white-space:normal !important;} .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu{border-radius:0 0 8px 8px;} li .dropdown-menu{font-size:14px;} .navbar .dropdown-menu li > a{background-color:#ffffff;color:#333;} .navbar .dropdown-menu li > a:hover{text-decoration: underline;} .navbar-toggle .icon-bar{background-color:#000000;} .navbar-collapse{border-bottom:1px solid #cccccc;box-shadow:0 8px 8px rgba(0, 0, 0, 0.176);} .navbar-right > .social-icons > a{padding:10px 0 0;} #MegaNavbar{background-color:#fff;border-radius:4px;z-index:10000; padding-top: 110px;} .nav-social-icon .fa{font-size:1.3em;} .nav-social-icon a.fa{color:#002a5c } .nav-social-icon a.fa:hover{color:#00607A !important;} #breadcrumbs{font-size:small;border-bottom:1px dotted #cccccc;padding:20px 20px 15px; margin-bottom:5px;} .entry-meta {font-size: small;padding: 30px 0 0;} .fa-events span.sr-only{position: inherit;font-family: 'Open Sans', sans-serif;text-transform: capitalize;font-size: 14px;font-weight: 600;} .fa-news span.sr-only {position: inherit;font-family: 'Open Sans', sans-serif;text-transform: capitalize;font-size: 14px;font-weight: 600;} .breadcrumb{background-color:#ffffff;list-style:outside none none;margin-bottom:2px;padding:4px 0 4px;} .breadcrumb li a, .breadcrumb li a:visited{color:#002a5c !important;text-decoration:none;} .breadcrumb li a:hover, .breadcrumb li a:visited, .breadcrumb li a:focus{color:#00607A;outline:0;} /* #site-hero{margin-top:83px; margin-top:113px; min-height:20px;} delete if use new menu january 2016*/ .hero-slider-image-1{background-image:url("../images/home-carousel-image-1.jpg");} .hero-slider-image-2{background-image:url("../images/home-carousel-image-2.jpg");} .hero-slider-image{background-position:center center;background-repeat:no-repeat;background-size:cover;margin:0 auto;position:relative;height:390px;} .hero-content{position:absolute;bottom:55px;padding-left:50px;} .hero-content > h1{width:40%;} .hero-content > h1 > a{color:#002a5c;} .hero-content > h1 > a:focus,.hero-content > h1 > a:hover{color:#00607A;outline:0;} .hero-subtitle{color:#00607A;font-size:18px;width:42%;} .hero-apply{color:#002a5c;font-size:18px;} .bodyCarousel h1, .bodyCarousel h2, .bodyCarousel h3, .bodyCarousel h4, .bodyCarousel h5, .bodyCarousel h6{color:#008bb0;} .bodyCarouselNav{width:100%;display:inline-block;margin-top:15px;} #site-program{max-width:1400px;margin:30px auto 0;position:relative;} .site-program-container{position:absolute;width:1px;} .site-program-container-inner{position:relative;top:25px;z-index:999;left:984px;} .program-nav-container{margin:0 auto;text-align:center;} .program-nav-dd{color:#002a5c;cursor:pointer;display:none;font-size:23px;font-weight:400;} .program-nav-dd .fa-chevron-down{font-size:15px;margin:8px 5px 0;vertical-align:top;} .program-nav .fa-circle{font-size:7px;vertical-align:top;margin-top:50%;} ul.program-nav{padding:0;list-style:none;width:500px;margin:0 auto;} ul.program-nav li{display:inline-block;} ul.program-nav a{text-decoration:none;color:#eee;text-align:center;} ul.program-nav{color:#002a5c;margin:20px 0;padding:0;list-style:none;width:100%;float:left;text-align:center;} .program-nav > li > a{color:#002a5c;font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:-.5px;} .program-nav > li > a:hover{color:#00607A;} .program-nav a{text-decoration:none;padding:0;margin:0 12px;text-align:center;} .program-nav .active a{color:#00607A;border-bottom:2px solid #00607A;} .program-nav-underline{border-bottom:2px solid #00607A;margin:0 auto;width:50px;} .program-Box{width:100%;margin:10px auto;} .slide{color:#002a5c;cursor:pointer;} .program-Box:hover{color:#00607A;} .program-Box-pic{position:relative;} .program-Box-copy{font-weight:600;line-height:13px;font-size:13px;margin:0 auto;padding:0 26px;position:absolute;text-align:center;top:54%;width:100%;} .hide-slider{visibility:hidden;display:none;} .show-slider{visibility:hidden;display:none;} #site-content {padding:10px 20px;} #site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6{margin-top:25px;} #site-content iframe{width:100%;} #site-content img{max-width:100%;height:auto;} #site-content p a {font-weight:600; text-decoration: underline;} #site-content iframe.AcademicAppointments{width:100%;max-width:100%;} #site-content ul li{margin-bottom:10px;} .content-title{text-align:center;color:#00607A;} .home.blog .post h3,.archive .post h4,.page-template-news-home .post h3{margin-top:10px!important;} .padding-0{padding:0;} .blog h3{margin-top:10px!important;} .widget-title{text-align: left; margin-bottom: 20px; font-size: 18px; font-weight: 400; padding: 10px 10px 10px 2px; border-radius: 2px; border-bottom: 1px solid #ccc;} .widget_nav_menu {font-size:14px;} .widget_nav_menu .menu,.widget_categories ul,.widget_recent_entries ul{padding:0;} .widget_nav_menu .menu-item,.widget_categories li,.widget_recent_entries li{list-style:none;border-bottom:1px dotted #ccc;margin:0!important;padding:10px 5px;} .widget_nav_menu .menu-item>a,.widget_categories li>a,.widget_recent_entries li>a{color:#333;font-weight:400!important;} .menu-widget {padding-left:0px;} .widget_nav_menu .menu-item>a:hover,.widget_categories li>a:hover,.widget_recent_entries li>a:hover{color:#002a5c; text-decoration: underline;} .sub-menu,.children{margin-top:8px;} .sub-menu{background:#f6f6f9;padding-left:20px; font-size: 13px;} .textwidget ul {padding-left:0px;} ul#sidebar-links, ul#home-news, div#rss-2 ul, ul.contextual_menu{padding:0;margin:0;} ul#sidebar-links li, ul#home-news li, div#rss-2 ul li, .listing-item{list-style-type: none;padding:0 0 18px 0;margin:0;} ul#sidebar-links li:last-child, ul#home-news li:last-child, div#rss-2 ul li:last-child, .listing-item:last-child{padding:0;} div#pages-2 ul{padding-left:20px;} .display-posts-listing a.title {font-size:16px;} .listing-item{clear:both;} .archive .post img{width:100%;max-width:100px!important;} .post-type-archive-news .post img,.post-type-archive-people .post img{width:100%;max-width:150px!important;} .page-numbers{text-transform:uppercase;} .page-numbers.prev{float:left;} .page-numbers.next{float:right;} .single .content-title{margin-bottom:30px;} .article-footer{padding:15px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;clear:both;} .related-posts.col-sm-6{border-left:solid 1px #ccc;padding-right:0;} @media (max-width: 767px){.related-posts.col-sm-6{border:none;}} .media-resources h4:first-of-type{margin-top:0!important;} .media-resources,.related-posts{margin-top:25px;} .related_post_title{font-size:18px;font-weight:600;} .gallery{margin-bottom:20px;} .gallery-item{float:left;margin:0 4px 4px 0;overflow:hidden;position:relative;width:100%;} .gallery-columns-1 .gallery-item{max-width:100%;} .gallery-columns-2 .gallery-item{max-width:48%;max-width:-webkit-calc(50% - 4px);max-width:calc(50% - 4px);} .gallery-columns-3 .gallery-item{max-width:32%;max-width:-webkit-calc(33.3% - 4px);max-width:calc(33.3% - 4px);} .gallery-columns-4 .gallery-item{max-width:23%;max-width:-webkit-calc(25% - 4px);max-width:calc(25% - 4px);} .gallery-columns-5 .gallery-item{max-width:19%;max-width:-webkit-calc(20% - 4px);max-width:calc(20% - 4px);} .gallery-columns-6 .gallery-item{max-width:15%;max-width:-webkit-calc(16.7% - 4px);max-width:calc(16.7% - 4px);} .gallery-columns-7 .gallery-item{max-width:13%;max-width:-webkit-calc(14.28% - 4px);max-width:calc(14.28% - 4px);} .gallery-columns-8 .gallery-item{max-width:11%;max-width:-webkit-calc(12.5% - 4px);max-width: calc(12.5% - 4px);} .gallery-columns-9 .gallery-item{max-width:9%;max-width:-webkit-calc(11.1% - 4px);max-width:calc(11.1% - 4px);} .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n){margin-right:0;} .gallery-caption{background-color:rgba(0, 0, 0, 0.7);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#fff;font-size:12px;line-height:1.5;margin:0;/*max-height: 50%;*/opacity:0;padding:6px 8px;position:absolute;bottom:0; left:0;text-align:left;width:100%;} .gallery-caption:before{content:"";height:100%;min-height:49px;position:absolute;top:0;left:0;width:100%;} .gallery-item:hover .gallery-caption{opacity:1;} .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none;} .title-underline{border-bottom:2px solid #00607A;margin:20px 0px;width:50px;} .greyContainer{display:inline-block;width:100%;} .greyContainerTitle{float:left;width:95%;} .greyContainerArrow{float:left;width:5%;} #site-people{max-width:1400px;margin:30px auto 0;position:relative;background:url("../images/people-BKG-tile.jpg") left top repeat;padding-bottom:30px;} .site-people-container{position:absolute;} .site-people-container-inner{position:relative;right:225px;top:-25px;} .site-people-BKG{position:absolute;left:-225px;top:0;} .people-Box, .people-lg-Box{padding:30px 0 0;} .people-Box:hover, .people-lg-Box:hover{} .people-Box a{color:#ffffff;} .people-Box a:hover{color:#002a5c;} .people-Box img, .people-lg-Box img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;} .people-Box-title, .people-lg-Box-title{color:#ffffff;background-color:#0080a4;padding:10px 5px;position:relative;text-align:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-family:'Open Sans Condensed', sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;bottom:10px;text-transform:uppercase;} .people-Box:hover .people-Box-title, .people-Box:hover .people-lg-Box-title{background-color:#32aaae;color:#ffffff;} .people-lg-Box-title{background-color:#00607A;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:50px;height:60px;} .people-lg-Box-info{padding:20px 10px 10px 20px;margin-top:-50px;background-color:#ffffff;} .people-lg-Box-info a{font-weight:700;} .people-lg-Box-info a:hover{color:#00607A;} .people-Box-icon, .people-lg-Box-icon{background:url("../images/people-Box-icon.png");background-position:left top;background-repeat:no-repeat;bottom:10px;height:10px;margin:0 auto;position:relative;width:20px;} .people-Box:hover .people-Box-icon, .people-Box:hover .people-lg-Box-icon{background-position:-20px 0;} .people-lg-Box-icon{background:url("../images/people-Box-icon2.png") center top repeat-y;bottom:50px;} .people-ticker{background-color:#ffffff;padding:10px;margin:5px;} .eventContainer{min-height:340px;overflow:hidden;} .single-events h4 + h4 {margin-bottom:25px;} #site-vertical-tabs{position:relative;width:100%;height:100%;overflow:hidden;margin:30px auto 0;} .nav-tabs{display:block;height:100%;background-color:#f2f2f2;border-radius:10px;padding:25px 0;border:none;} .nav-tabs > li{float:none;text-align:right;margin:0;font-size:18px;font-weight:600;border:none;} .nav-tabs > li > a{color:#00607A;background-color:#f2f2f2;padding:4px 15px;margin:0;border:none;} .nav-tabs > li > a:hover{color:#002a5c;background-color:#f2f2f2;margin:0;border:none;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background-color:#f2f2f2;border:none;border-radius:10px;color:#002a5c;margin:0;} .nav-tabs > .active{color:#002a5c;} .nav-tabs > li > a > .greyContainer > .greyContainerArrow > i.fa-chevron-down{font-size:12px;padding:7px 0 0 7px;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} .nav-tabs > li.active > a > .greyContainer > .greyContainerArrow > i.fa-chevron-down{padding:0 5px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);} .tab-content h4{color:#00607A;} .tab-content h5{color:#002a5c;font-size:14px;font-weight:600;} .nav-tabs > li > img{display:none;position:absolute;top:5px;right:-10px;} .nav-tabs > li.active > img{display:block;} #site-ticker{display:none;margin-top:30px;background-color:white;min-height:160px;} .ticker-title{line-height:100%;font-family:'Open Sans Condensed', sans-serif;color:#002a5c;padding:8px 14px 8px 54px;} .ticker-title h2{margin:5px 0;} .ticker-location{font-weight:400;padding:8px 14px 8px 54px;display:table;} .ticker-location span{font-weight:700;color:#002a5c;} .ticker-location > div{display:table-cell;} .ticker-calendar{height:100%;} .ticker-text{line-height:15px;padding-left:12px;vertical-align:top;font-weight:600;} .ticker-text span{width:100%;} .ticker-event{background-color:#ffffff;} .ticker-giveNow{border-left:2px solid #cccccc;margin-top:0;background-color:#ffffff;min-height:120px;} .ticker-giveNow-container{margin:0 auto;margin-top:20px;} .ticker-giveNowImage{} .ticker-giveNowText{line-height:100%;font-family:'Open Sans Condensed', sans-serif;font-size:14px;font-weight:700;color:#002a5c;padding:33px 0 0 10px;} #timer{margin:9px 13px;width:26px;height:26px;-moz-border-radius:0.7em;-webkit-border-radius:0.7em;border-radius:0.7em;border:2px solid #7ec9cc;position:absolute;} .pietimer{position:relative;font-size:200px;width:1em;height:1em;float:left;} .pietimer > .percent{position:absolute;top:1.05em;left:0;width:3.33em;font-size:0.3em;text-align:center;display:none;z-index:10;font-weight:bold;} .pietimer > .slice{position:absolute;width:1em;height:1em;clip:rect(0px, 1em, 1em, 0.5em);} .pietimer > .slice.gt50{clip:rect(auto, auto, auto, auto);} .pietimer > .slice > .pie{position:absolute;width:0.8em;height:0.8em;clip:rect(0em, 0.5em, 1em, 0em);-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;} .pietimer > .slice > .pie.fill{-moz-transform:rotate(180deg) !important;-webkit-transform:rotate(180deg) !important;-o-transform:rotate(180deg) !important;transform:rotate(180deg) !important;} .pietimer.fill > .percent{display:none;} .pietimer.fill > .slice > .pie{border:transparent;background-color:#c0c0c0;width:1em;height:1em;} #site-news{margin:30px auto 0;position:relative;} .news-title, .events-title{color:#002a5c;text-align:center;font-weight:700;font-size:23px;} .news-title .fa, .events-title .fa{font-weight:500;font-size:16px;padding:9px 14px;vertical-align:top;} .news-article-title{line-height:100%;font-family:'Open Sans Condensed', sans-serif;font-size:18px;font-weight:700;color:#002a5c;padding:16px 0 0;} .news-article-date{line-height:100%;font-family:'Open Sans', sans-serif;font-weight:600;color:#5e696d;padding:8px 0 16px;} #news-carousel .item{margin:30px 0;} #news-carousel .rowContainer{margin:0;padding:0;} .newsItem{} .newsItem a img{width:100%;max-width:325px;height:auto;border-radius:6px;border:1px solid #CCCCCC;margin:0 auto;} #events-carousel .rowContainer{margin:0;padding:0;} #events-carousel .event-item{font-weight:400;margin-top:35px;height:77px;overflow:hidden;} #events-carousel .event-item span{font-weight:bold;color:#002a5c;} #events-carousel .event-item > div{display:table-cell;height:100%;} #events-carousel .event-text{left:20px;line-height:15px;position:relative;color:#187fa7;padding-left:12px;width:90%;font-weight:600;} .news-twitter{background-color:#f5fbfb;border-radius:10px;margin-top:30px;padding:15px 10px;} .news-twitter button{font-size:14px;padding:5px 15px;margin-right:20px;} .handbook{display:inline-block;margin:0;padding:0;width:100%;} .handbook ul{display:table;margin:0 auto;padding:0;} .handbook li{float:left;padding:0 10px;list-style:none;border-left:1px solid #ccc;border-right:1px solid #ccc;} #footer{color:#ffffff;max-width:1400px;margin:0 auto;background-color:#002a5c;position:relative;padding-bottom: 3.72rem;padding-top:40px;margin-top:30px;} #footer .sub-menu{background-color:#002a5c;font-size:13px;padding-left:10px;} #footer h4{vertical-align:bottom;} #footer input{width:95%;max-width:160px;} #footer ul{list-style:outside none none;padding-left:0;margin-bottom:20px;margin-top:10px;} #footer li{padding-bottom:8px;font-weight:300;} #footer li a{color:#ffffff;-webkit-transition: .4s ease all;-moz-transition:.4s ease all; transition: .4s ease all;} #footer li a:hover{color:#f4f4f4;text-decoration: underline;} #footer .container-fluid, #footer .container, .smallcontainer .container-fluid, .smallcontainer .container {width: 96%;max-width:1310px;} .footer-social{margin-left:-15px;} .footer-social-icon{padding:5px 13px 5px;font-size:1.3em;display:inline;} .footer-social-icon a{color:#ffffff !important;} .footer-social-icon a:hover{color:#00607A !important;} @media only screen and (max-width:991px){.navbar-header{margin:0 !important;width:100% !important;} .hero-content h1{font-size:25px;line-height:30px;} .hero-subtitle{font-size:15px;width:50%;} .hero-content{bottom:40px;padding-left:25px;} } @media only screen and (max-width:767px){ /*.navbar-header{background-color:#ffffff;padding:10px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.176);}*/ /*delete if use new menu january 2016*/ .hero-content h1{font-size:13px;line-height:16px;width:45%;letter-spacing:-0.2px;} .hero-subtitle{font-size:13px;line-height:16px;width:60%;} .hero-apply{font-size:13px;line-height:16px;width:60%;} .hero-content{bottom:0;line-height:16px;padding-left:0;} .hero-slider-image{height:210px;} .hero-slider-image-1{background-image:url("../images/home-carousel-image-mobile-1.jpg");} .hero-slider-image-2{background-image:url("../images/home-carousel-image-mobile-2.jpg");} #site-hero{margin-top:86px;} /*.navbar-brand{padding:0;height:auto;width:78%;}*/ /*delete if use new menu january 2016*/ .people-Box-copy{font-size:12px;padding:10px 5px;} .ticker-giveNow{border-left:none;margin-top:40px;} #footer li{padding-bottom:12px;} ul.program-nav li{border:medium none;display:block;text-align:center;} .program-nav .active a{border-bottom:none;} .program-nav-dd{display:block;} .program-nav .fa-circle{margin-top:5px;} .people-ticker{margin:5px 0;padding:10px 0;} .program-Box-copy{font-size:10px;line-height:12px;top:54%;padding:0 25px;} } @media only screen and (max-width:480px){ #site-hero{margin-top:66px;} .news-title, .events-title{font-size:20px;} } @media print{body{margin:0;padding:0;font-size:12px;} a:link:after, a:visited:after{content:"" !important;} .navbar-fixed-top{left:auto;position:inherit;right:auto;z-index:1030;border:inherit;border-radius:inherit;} #site-wrapper{margin:0 !important;padding:0 !important;width:100% !important;} #site-header{position:relative;left:0;top:0;height:100px;} .navbar{display:block;position:absolute;left:0;top:0;padding:0;margin:0;width:100% !important;height:100px !important;overflow:hidden;} .site-header-container{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100px;padding:0;margin:0;overflow:hidden;z-index:10;radius:0;} .navbar-header{padding:0;position:relative;} .navbar-header .navbar-brand{width:auto;float:left;} .navbar-header .input-group{display:none;visibility:hidden;} .navbar-header .navbar-right{font-size:10px;display:none;} #MegaNavbar{font-size:10px;} #LeftTopMenu{display:none;width:auto;font-size:10px;} #RightTopMenu{display:block;width:auto;font-size:10px;} .navbar-nav > li > a{padding:5px;} .navbar-brand{float:none;padding:0;line-height:normal;height:auto;width:auto;overflow:hidden;} #site-hero{position:relative;margin:0 !important;padding:0 !important;height:auto !important;min-height:auto !important;} .footer-social-icon{padding:10px;} .hero-slider-image{position:relative;top:0;left:0;width:100% !important;height:100px !important;padding:0 !important;margin:0 !important;} .hero-slider-image .container{position:relative;margin:0;padding:0;} .hero-slider-image .container img{position:absolute;top:0;left:0;width:100% !important;height:auto !important;} .hero-slider-image .container .hero-content{position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;//padding:0 !important;padding-left:150px;} .hero-slider-image .container .hero-content h1{width:200px;font-size:20px;line-height:20px;} .hero-slider-image .container .hero-content .hero-subtitle{font-size:12px;} .hero-slider-image .container .hero-content .hero-apply{color:#002a5c;font-size:10px;} .program-Box-copy{position:absolute;top:53% !important;left:0 !important;overflow:hidden;width:100%;margin:0 !important;padding:0 !important;z-index:100;line-height:normal;} .bodyCarousel{position:absolute;transform:translate3d(0,0,0) !important;width:100% !important;padding:0 !important;margin:0 !important;} .bodyCarouselNav{display:none;visibility:hidden;} .item{float:none !important;position:relative !important;width:100% !important;height:210px;overflow:hidden;} .people-lg-Box-icon{display:none;visibility:hidden;} .people-lg-Box-title{bottom:0;font-size:12px;} .people-Box{display:block;float:left;} .people-Box a{display:block;} .active img{display:none;visibility:hidden;} #site-vertical-tabs{overflow:visible !important;} #site-vertical-tabs .col-sm-6{display:block;width:100%;} .site-people-container{visibility:hidden;display:none;} .tab-pane{opacity:1 !important;display:block !important;visibility:visible !important;float:left;position:relative;z-index:1;transform:translate3d(0,0,0) !important;width:100%;} } /*** new menu display january 2016 ***/ .nav>li>a{padding:10px 14px;} span.caret{display:none;} @media (max-width:1024px){ .navbar-brand{padding:0;height:auto;/*width:78%???;*/} .navbar-header{float:none;background-color:#ffffff;padding:10px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.176);} .navbar-left,.navbar-right{float:none!important;} .navbar-toggle{display:block;margin:15px 10px !important;} .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top{top:0;border-width:0 0 1px;} .navbar-collapse.collapse{display:none!important;} .navbar-nav{display:block !important; float:none!important;margin-top:7.5px;} .navbar-nav>li{float:none;} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;} .collapse.in{display:block!important;} .navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu{width:100%;padding-right:15px !important;} .navbar-nav .open .dropdown-menu{border:0;border-bottom:1px dotted #ccc;} span.caret{display:block;} #MegaNavbar{border-top-left-radius:0;border-top-right-radius:0;} .navbar-collapse.in{overflow-y:auto !important;} .navbar-fixed-top .navbar-collapse{max-height:100%;} .navbar .navbar-collapse .navbar-nav > li{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cccccc;} .navbar .navbar-nav > li{clear:both;} .navbar .navbar-nav > li > a{display:block;} .nav-social-icon a.fa{color:#5e696d !important;padding-right:20px;} .nav-social-icon a.fa:focus,.nav-social-icon a.fa:hover{color:#002a5c !important;} #RightTopMenu li:nth-child(3),#RightTopMenu li:nth-child(4),#RightTopMenu li:nth-child(5),#RightTopMenu li:nth-child(6){display:inline-block;} #RightTopMenu li:nth-child(6){margin-left: -5px;width:calc(100% - 150px);} .navbar-form{padding:10px 15px !important;margin:0 !important;} .navbar-form .input-group{display:table;width:100%;} .navbar-form .input-group .input-group-btn{width:10px;} #site-hero{margin-top:83px;} .site-tagline {padding-bottom: 20px;} } @media (max-width: 767px){.navbar-header{height:85px;} .navbar-toggle{margin:15px 0 !important;} } /************************************************************************* Hide fixed navigation menu at top on desktop view *************************************************************************/ .navbar-fixed-top {position:relative} /************************************************************************* Slide out menu styles *************************************************************************/ .slideout-menu { position: fixed; top: 0; left: -250px; width: 250px; height: 100%; background: #002a5c; z-index: 99999; } .slideout-menu .slideclose { position: relative; padding: 30px 10px 20px 10px; font-size: 1.2em; font-weight: 400; margin: 10px 10px 5px; color:#fff; text-transform: uppercase; border-bottom: 1px dotted #fff; } .slideout-menu .slideclose a {color:#fff; font-size:12px;} .slideout-menu .slideclose a:hover {color:#ccc;} .slideout-menu .fa-times { color: #ffffff; } .slideout-menu .fa-times:hover { color: #ccc; } .navbar button.slideout-menu-toggle { font-size: 12px; margin-left: 1em; margin-top: 30px; box-shadow: 0 5px 8px #ccc; background-color: #002a5c; color:#ffffff; float: left; padding: 9px 8px; } .slideout-menu ul { list-style: none; font-weight: 300; padding: 0 15px; width: 100%; } .slideout-menu ul li { width: 100%; display: block; border-bottom: none; } .slideout-menu ul li:hover { /*background: #eee;*/ } .slideout-menu .navbar-nav li:first-of-type { padding-top: 10px; } .slideout-menu .navbar-nav li:last-of-type { padding-bottom: 10px; border-bottom: 2px solid #fff; } .slideout-menu .nav li a { position: relative; display: block; padding: 8px 5px; font-weight: 600; white-space: normal; color:#ffffff; font-size:16px; } .slideout-menu .nav li a:hover { background-color: #002a5c; } .navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a, .navbar:not(.no-border) li.dropdown-onhover:hover>a, .navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a { border: none; border-bottom: 1px dotted transparent; background-color: #002a5c; color:#fff; } .slideout-menu .fa-angle-right { position: absolute; top: 10px; right: 15px; opacity: .5; color:#fff; } .navbar .nav .fly-left { top: -1px !important; left: 100% !important; width: 250px; padding: 15px; } .navbar .nav .fly-left li a {font-size: 14px; color:#002a5c; line-height: 14px;} .navbar .nav .fly-left li a:hover {background:#fff;} .slideout-menu .fly-left li:last-of-type { border-bottom: 1px dotted #ccc; padding-bottom: 0; } .navbar .nav .two-col { width: 500px; } .navbar .nav .two-col > li { width: 500px; padding: 0; border-bottom: none; } .navbar .nav .two-col > li:hover { background: #fff; } .navbar .nav .two-col .pull-left { width: 50%; } .navbar .nav .two-col .pull-left:first-of-type { padding-right: 15px; border-right: 1px solid #ccc; } .navbar .nav .two-col .pull-left:last-of-type { padding-left: 15px; } .navbar .navbar-header { box-shadow: none; padding-bottom: 5px; padding-left: 0; } .navbar h1 { background: #fff; font-weight: 400; clear: both; } #site-title-outside { background: #fff; font-size: 32px; padding: 5px 0 10px; font-weight:600; } .site-title { color:#002a5c; } #site-title-outside a:hover { color: #00607A; text-decoration: underline; } #site-title-inside { float: left; font-size: 14px; padding: 10px 15px; line-height: 20px; font-weight: 600; color: #002a5c; } #MegaNavbar, .mega-nav-menu { background:#f1f1f1; border-top-right-radius: 0; border-top-left-radius: 0; padding: 0 15px; } #MegaNavbar a:hover, .mega-nav-menu a:hover {background:none; color:#002a5c;} .navbar-nav > li > a {color:#002a5c;} .site-tagline { font-size: 16px; color: #002a5c; letter-spacing: 1px; font-weight:400; } #menu-top-right, #menu-top-right-new {margin-right: 15px;} .lg-align-right { margin-left: auto; text-align: right; } .lg-align-right.social.copy { float: right; } .footer .footer-logo { display: block; margin-left: auto; max-width: 400px; width: 100%; } .footer .footer-logo .img-responsive { margin-left: auto; width: 100%; } .lg-float-right { float: right; } .smallcontainer { background: #000d2f; color: #fff; padding: 1.25rem 0; } .smallcontainer p { font-size: 80%; margin-bottom: 0; } .smallcontainer .common-links a, .smallcontainer .common-links span { color: #fff; font-size: 80%; display: inline-block; margin-left: 5px; } .smallcontainer .common-links .pipe { position: relative; } .smallcontainer .common-links .pipe::before{ content: '|'; font-size: 10px; left: -2px; position: absolute; top: -13px; } .single .large-align-right { float: right; } .single-people .site-content, .single-news .site-content { margin-top: 0; } /*/////////////////////////// /// MEDIA QUERIES /// ///////////////////////////*/ @media (max-width: 1024px) { .navbar-brand{padding:0;height:auto;/*width:78%???;*/} .navbar-header{float:none;background-color:#ffffff;padding:10px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.176);} .navbar-left,.navbar-right{float:none!important;} .navbar-toggle{display:block;position: absolute;right: -15px} .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top{top:0;border-width:0 0 1px;} .navbar-collapse.collapse{display:none!important;} .navbar-toggle:not(.collapsed) {padding-bottom: 15px;padding-top: 15px;} .navbar-toggle:not(.collapsed) span.icon-bar:nth-child(odd){margin-top:-2px;transform: rotate(-45deg);} .navbar-toggle:not(.collapsed) span.icon-bar.first{transform: rotate(45deg);} .navbar-toggle:not(.collapsed) span.icon-bar.last{display:none;} .navbar-nav{float:none!important;margin-top:7.5px;} .navbar-nav>li{float:none;} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;} .collapse.in{display:block!important;} .navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu{width:100%;padding-right:15px !important;} .navbar-nav .open .dropdown-menu{border:0;border-bottom:1px dotted #ccc;} span.caret{display:block;} #MegaNavbar{border-top-left-radius:0;border-top-right-radius:0;} .navbar-collapse.in{overflow-y:auto !important;} .navbar-fixed-top .navbar-collapse{max-height:100%;} .navbar .navbar-collapse .navbar-nav > li{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cccccc;} .navbar .navbar-nav > li{clear:both;} .navbar .navbar-nav > li > a{display:block;} .nav-social-icon a.fa{color:#5e696d !important;padding-right:20px;} .nav-social-icon a.fa:focus,.nav-social-icon a.fa:hover{color:#002a5c !important;} .navbar-form{display:block !important;padding:10px 15px !important;margin:0 !important;} .navbar-form .input-group{display:table;width:100%;} .navbar-form .input-group .input-group-btn{width:10px;} #site-hero{margin-top:83px;} .site-header-container { position: relative; } .site-header .navbar-toggle { position: absolute; right: 0; } .site-tagline {padding-bottom: 20px;} .navbar button.slideout-menu-toggle { margin-top: 15px; } /*.navbar h1*/ #site-title-outside { padding: 20px 0 10px 0; } #site-hero { margin-top: 168px; } #RightTopMenu li:nth-child(1), #RightTopMenu li:nth-child(2) { display:inline-block; } #MegaNavbar {background-color: #ffffff; } #MegaNavbar a {color:#002a5c; font-size:14px;} #utility-nav {display:none!important} #utility-nav a {font-size:14px;} #utility-nav .nav-social-icon .fa {font-size:18px;} .nav>li>a {padding: 7px 14px;} .blog-desc #site-title-outside { padding: 0 30px 10px 30px; } .navbar.blog-desc { height: 196px !important; } .mega-menu-container ul > li > ul.display-cols { column-count: 1; } .mega-menu-container .inner-grid ul li { padding-right: 1.25rem; } .navbar-form.hidden-lg input[type="text"]{ border: 1px solid #ccc; padding: 5px 2px; width: calc(100% - 35px); } .navbar-form.hidden-lg button { background: #fff; border: 1px solid #ccc; margin-left: -5px; padding: 8px 10px; } .navbar-form.hidden-lg button:hover { background: #f1f1f1; } .navbar-brand { width: calc(100% - 40px); } } @media only screen and (max-width: 992px) { .footer-wordmark { margin-top: 20px; } .footer-menu { padding-left: 0; } } @media only screen and (max-width: 799px) { .main-nav a.menu-toggle.mobile-only { display: inline-block; } .main-nav .menu-toggle { display: none; } .mega-menu-container { display: none; } @media only screen and (max-width: 767px) { .navbar-brand { max-width: 330px; padding-bottom: 5px; } .navbar-toggle { clear: right; } #site-hero { margin-top: 150px; } #site-title-outside { font-size: 28px; padding: 0; min-height: 0; } .navbar.blog-desc { height: 200px !important; } .lg-align-right, .lg-align-right.social { margin-left: 0; text-align: left; } .smallcontainer { padding: 30px 0; } .smallcontainer .common-links { margin-top: 1.25rem; } .smallcontainer .common-links a, .smallcontainer .common-links span, .smallcontainer p { font-size: 90%; } .smallcontainer { padding-bottom: 40px; } .smallcontainer .lg-align-right.social, .footer .footer-logo { margin-left: 0; } .site-logo { height: auto; max-width: 330px; width: 100%; } #RightTopMenu{margin-right:0;} .footer .footer-logo .img-responsive { margin-left: 0; margin-top: 20px; } .single .large-align-right, .lg-float-right { float: left; } } @media only screen and (max-width: 510px) { .slideout-menu, .slideout-menu-toggle { display: none !important; } .smallcontainer .common-links .pipe { display: none; } .smallcontainer .common-links a { display: block; } .site-header-container, .navbar-collapse.collapse { width: 100%; } .navbar .navbar-toggle { position: absolute; } .navbar-collapse.collapse { padding: 0; margin-left: 0; } } @media only screen and (max-width: 480px) { #site-hero { margin-top: 115px; } .navbar-toggle { margin-top: 10px !important; } /*.navbar h1*/ #site-title-outside { font-size: 20px; font-weight: 400; line-height: 28px; padding: 5px 0; min-height: 0; } .blog-desc #site-title-outside {padding-top:0px;} h2.site-tagline { font-size: 16px; } }