/* IMPORT SITE CUSTOM STYLES */ /* common mix-ins */ /* ROUNDED CORNERS */ /* Implementation */ #RoundedCornerExample { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } /* SHADOW */ #ShadowExample { -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3); } /* TRANSITION */ /* Implementation */ #TransitionExample { -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } #TransitionExample:hover { opacity: 0; } /* GRADIENT */ /* Implementation */ #GradientExample { background-color: #663333; background-image: -webkit-linear-gradient(left, #663333, #333333); background-image: -moz-linear-gradient(left, #663333, #333333); background-image: -o-linear-gradient(left, #663333, #333333); background-image: -ms-linear-gradient(left, #663333, #333333); background-image: linear-gradient(left, #663333, #333333); } /* QUICK GRADIENT */ /* Implementation */ #QuickGradientExample { background-color: #BADA55; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); } /* ============================================== CSS3 ANIMATION CHEAT SHEET ============================================== Made by Justin Aguilar www.justinaguilar.com/animations/ Questions, comments, concerns, love letters: justin@justinaguilar.com ============================================== */ /* ============================================== slideDown ============================================== */ .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideUp ============================================== */ .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50% { transform: translateY(-8%); } 65% { transform: translateY(4%); } 80% { transform: translateY(-4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50% { -webkit-transform: translateY(-8%); } 65% { -webkit-transform: translateY(4%); } 80% { -webkit-transform: translateY(-4%); } 95% { -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideLeft ============================================== */ .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50% { -webkit-transform: translateX(-8%); } 65% { -webkit-transform: translateX(4%); } 80% { -webkit-transform: translateX(-4%); } 95% { -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideRight ============================================== */ .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50% { -webkit-transform: translateX(8%); } 65% { -webkit-transform: translateX(-4%); } 80% { -webkit-transform: translateX(4%); } 95% { -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideExpandUp ============================================== */ .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); } } /* ============================================== expandUp ============================================== */ .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } /* ============================================== fadeIn ============================================== */ .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } /* ============================================== expandOpen ============================================== */ .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } /* ============================================== bigEntrance ============================================== */ .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } /* ============================================== hatch ============================================== */ .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } /* ============================================== bounce ============================================== */ .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60% { transform: translateY(-100%) scaleY(1.1); } 70% { transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60% { -webkit-transform: translateY(-100%) scaleY(1.1); } 70% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } /* ============================================== pulse ============================================== */ .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } /* ============================================== floating ============================================== */ .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== tossing ============================================== */ .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } /* ============================================== pullUp ============================================== */ .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== pullDown ============================================== */ .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== stretchLeft ============================================== */ .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } /* ============================================== stretchRight ============================================== */ .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } #breadcrumb { height: 25px; } .alert { background-color: #ffd400; border-radius: 0px; color: #002a4c; } .alert .alertIcn .glyphicon { top: 5px; } .alert .headline a { font-family: 'DINNextW01-CondensedBol'; color: #002a4c; font-size: 24px; } .alert.two{ background-color: #002a4c;; border-radius: 0px; color: #fff; } .alert.two .headline a { font-family: 'DINNextW01-CondensedBol'; color: #fff; font-size: 24px; } .alert.three{ background-color: #b62328; border-radius: 0px; color: #fff; } .alert.three .headline a { font-family: 'DINNextW01-CondensedBol'; color: #fff; font-size: 24px; } #NavMobileModal .fade.in, #SearchModal .fade.in, #ContactModal .fade.in, .modal .fade.in { background-color: #002a4c; } #NavMobileModal .modal-dialog .modal-content .modal-body a, #SearchModal .modal-dialog .modal-content .modal-body a, #ContactModal .modal-dialog .modal-content .modal-body a, .modal .modal-dialog .modal-content .modal-body a { color: white; } #NavMobileModal .modal-dialog .modal-content .modal-body a:hover, #SearchModal .modal-dialog .modal-content .modal-body a:hover, #ContactModal .modal-dialog .modal-content .modal-body a:hover, .modal .modal-dialog .modal-content .modal-body a:hover { text-decoration: underline; } #NavMobileModal .modal-dialog .modal-content .modal-body #sitesearch input[type="search"], #SearchModal .modal-dialog .modal-content .modal-body #sitesearch input[type="search"], #ContactModal .modal-dialog .modal-content .modal-body #sitesearch input[type="search"], .modal .modal-dialog .modal-content .modal-body #sitesearch input[type="search"] { height: 68px; } #NavMobileModal .modal-dialog .modal-content .modal-body #sitesearch button, #SearchModal .modal-dialog .modal-content .modal-body #sitesearch button, #ContactModal .modal-dialog .modal-content .modal-body #sitesearch button, .modal .modal-dialog .modal-content .modal-body #sitesearch button { background-color: #b62328; } #NavMobileModal .modal-dialog .modal-content .modal-body #sitesearch button:hover, #SearchModal .modal-dialog .modal-content .modal-body #sitesearch button:hover, #ContactModal .modal-dialog .modal-content .modal-body #sitesearch button:hover, .modal .modal-dialog .modal-content .modal-body #sitesearch button:hover { background-color: #601315; } .blurbmodal .modal-dialog .modal-content { color: #5b5c5e; } body #header { height: 75px; width: 100%; background-color: #fff; } body #header a.logo-hold { width: 480px; top: 15px; position: relative; margin-left: 75px; float: left; display: inline-block; text-align: center; } body #header a.logo-hold img { width: 100%; } body #header .srchbuttonmodal { position: relative; right: -5em; top: 25px; color: #7d7d7d; font-size: 16px; } body #header .srchbuttonmodal:hover { color: #b62328; } body #header .nav-hold.right-slide-search, body #header .nav-hold.right-search-modal { padding: 0px 0; float: left; } body #header .nav-hold.right-slide-search .navbar, body #header .nav-hold.right-search-modal .navbar { width: auto; border: none; top: 15px; } body #header .nav-hold.right-slide-search .nav-pills, body #header .nav-hold.right-search-modal .nav-pills { display: inline-block; width: auto; } body #header .nav-hold.right-slide-search .nav-pills > li, body #header .nav-hold.right-search-modal .nav-pills > li { border: none; width: auto; /*border-bottom: 0px solid !important;*/ } body #header .nav-hold.right-slide-search .nav-pills > li a, body #header .nav-hold.right-search-modal .nav-pills > li a { color: #5b5c5e; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 16px; padding: 10px 10px; } body #header .nav-hold.right-slide-search .nav-pills > li:last-child .dropdown-menu:after, body #header .nav-hold.right-search-modal .nav-pills > li:last-child .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; right: 89px !important; left: auto !important; } body #header .nav-hold.right-slide-search .nav-pills > li:last-child .dropdown-menu:before, body #header .nav-hold.right-search-modal .nav-pills > li:last-child .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; right: 88px !important; left: auto !important; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu { background-color: rgba(255, 255, 255, 0.95); border: 1px solid #c8c8c9; box-shadow: 5px 4px 0px rgba(0, 0, 0, 0.175); } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu li, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu li { padding: 5px 15px; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu li a, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu li a { color: #5b5c5e; text-transform: uppercase; font-size: 20px; padding: 5px 0; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu li a:hover, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu li a:hover { background-color: transparent; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu li:hover, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu li:hover { background-color: #e9e9e9; color: black; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu li:hover a, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu li:hover a { color: #b62328; background-color: transparent; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu:after, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; left: 29px; } body #header .nav-hold.right-slide-search .nav-pills > li .dropdown-menu:before, body #header .nav-hold.right-search-modal .nav-pills > li .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; left: 28px; } body #header .nav-hold.right-slide-search .nav-pills > li:hover a, body #header .nav-hold.right-search-modal .nav-pills > li:hover a, body #header .nav-hold.right-slide-search .nav-pills > li.selected a, body #header .nav-hold.right-search-modal .nav-pills > li.selected a { color: #b62328; } body #header .nav-hold.right-slide-search .srchbutton, body #header .nav-hold.right-search-modal .srchbutton { right: 0; position: absolute; top: 15px; z-index: 2; } body #header .nav-hold.right-slide-search .togglemenu, body #header .nav-hold.right-search-modal .togglemenu { margin-left: 13px; } body #header .nav-hold.right-slide-search #search, body #header .nav-hold.right-search-modal #search { width: 0%; overflow: hidden; position: absolute; right: 30px; top: 0; transition: 0.3s width ease-in; } body #header .nav-hold.right-slide-search #search.showme, body #header .nav-hold.right-search-modal #search.showme { width: 93%; } body #header .nav-hold.right-slide-search #search #sitesearch, body #header .nav-hold.right-search-modal #search #sitesearch { padding: 12px 0px; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field, body #header .nav-hold.right-search-modal #search #sitesearch #search-field { position: absolute; width: 100%; border: none; background-color: #fff; color: #5b5c5e; border-bottom: 3px solid #5b5c5e; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field::-webkit-input-placeholder, body #header .nav-hold.right-search-modal #search #sitesearch #search-field::-webkit-input-placeholder { color: #5b5c5e; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field::-moz-placeholder, body #header .nav-hold.right-search-modal #search #sitesearch #search-field::-moz-placeholder { color: #5b5c5e; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field:-moz-placeholder, body #header .nav-hold.right-search-modal #search #sitesearch #search-field:-moz-placeholder { color: #5b5c5e; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field:-ms-input-placeholder, body #header .nav-hold.right-search-modal #search #sitesearch #search-field:-ms-input-placeholder { color: #5b5c5e; } body #header .nav-hold.right-slide-search #search #sitesearch #search-field:focus, body #header .nav-hold.right-search-modal #search #sitesearch #search-field:focus { outline: none; } body #header .nav-hold.right-slide-search #search #sitesearch button, body #header .nav-hold.right-search-modal #search #sitesearch button { background-color: #fff; color: #5b5c5e; border: none; padding: 3px 6px; margin-left: -5px; position: absolute; right: 0; font-size: 13px; } body #header .nav-hold.right-search-modal .srchbutton { display: none !important; } body #header .nav-hold.right-search-modal #search { display: none; } body #header .nav-hold.right-search-modal .srchbuttonmodal { display: inline-block !important; font-size: inherit; top: -14px; } body #header .nav-hold.hamburger-and-search, body #header .nav-hold.hamburger-only { float: right; } body #header .nav-hold.hamburger-and-search .togglemenu, body #header .nav-hold.hamburger-only .togglemenu { display: inline-block !important; margin-left: 13px; margin-top: 1px; } body #header .nav-hold.hamburger-and-search .srchbuttonmodal, body #header .nav-hold.hamburger-only .srchbuttonmodal { display: inline-block !important; } body #header .nav-hold.hamburger-and-search .srchbutton, body #header .nav-hold.hamburger-only .srchbutton { display: none !important; } body #header .nav-hold.hamburger-and-search #search, body #header .nav-hold.hamburger-only #search { display: none; } body #header .nav-hold.hamburger-and-search .menulabel, body #header .nav-hold.hamburger-only .menulabel { display: none; } body #header .nav-hold.hamburger-and-search .nav-pills, body #header .nav-hold.hamburger-only .nav-pills { display: none; } body #header .nav-hold.hamburger-and-search.pull-left, body #header .nav-hold.hamburger-only.pull-left { float: left; } body #header .nav-hold.hamburger-and-search.pull-left .togglemenu, body #header .nav-hold.hamburger-only.pull-left .togglemenu { float: left; margin-left: 0; margin-right: 13px; } body #header .nav-hold.hamburger-only .srchbuttonmodal { display: none !important; } body #header .newsletter-signup { background-color: #002a4c; color: white; font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; font-size: 28px; padding: 15px 20px 10px; float: right; margin-top: 14px; } body #header .newsletter-signup:hover { background-color: #02579b; } body #header .right { display: inline-block; padding: 8px 10px; float: right; } body #header .social-list { display: inline-block; margin-bottom: 0px; } body #header .social-list li { padding: 0; vertical-align: middle; } body #header .social-list li a { background-color: #c8c8c9; color: white; width: 25px; height: 25px; border-radius: 25px; text-align: center; padding-top: 5px; font-size: 14px; display: inline-block; } body #header .social-list li a:hover { background-color: #b62328; } body #header .social-list li .newslettersignup { width: auto; height: auto; background-color: #fff; color: #c8c8c9; border: 1px solid #c8c8c8; padding: 5px 25px; border-radius: 0px; font-size: 18px; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; } body #header .social-list li .newslettersignup .toptext { display: block; margin-bottom: -5px; } body #header .social-list li .newslettersignup:hover { color: #fff; } body #header .social-list #browsealoud { position: relative; } body #header .social-list #browsealoud .fa { position: absolute; top: 4px; color: white; z-index: 1; left: 5px; font-size: 16px; } body #header .social-list #browsealoud a { padding-top: 0px!important; top: 4px; position: relative; overflow: hidden; } body #header .social-list #browsealoud a div img { display: none!important; } body #header .social-list #__ba_panel { width: 25px !important; height: 25px !important; } body #header .social-list .newsletterbutton { margin-left: 15px; } body#home #header { height: 100px; width: 100%; background-color: #fff; } body#home #header a.logo-hold { width: 270px; position: absolute; display: block; } body#home #header a.logo-hold img { width: 100%; } body#home #header .nav-hold { padding: 20px 0px; } body#home #header .nav-hold .navbar { background-color: transparent; /*width: 660px;*/ display: inline-block; top: 5px; } body#home #header .nav-hold .navbar .nav-pills { display: inline-block; width: auto; right: 10px; } body#home #header .nav-hold .navbar .nav-pills > li { border: none; width: auto; /*border-bottom: 0px solid !important;*/ } body#home #header .nav-hold .navbar .nav-pills > li a { color: #5b5c5e; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 26px; padding: 10px 15px; } body#home #header .nav-hold .navbar .nav-pills > li:last-child .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; right: 89px !important; left: auto !important; } body#home #header .nav-hold .navbar .nav-pills > li:last-child .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; right: 88px !important; left: auto !important; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu { background-color: rgba(255, 255, 255, 0.95); border: 1px solid #c8c8c9; box-shadow: 5px 4px 0px rgba(0, 0, 0, 0.175); } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu li { padding: 5px 15px; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu li a { color: #5b5c5e; text-transform: uppercase; font-size: 20px; padding: 5px 0; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu li a:hover { background-color: transparent; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu li:hover { background-color: #e9e9e9; color: black; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu li:hover a { color: #b62328; background-color: transparent; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; left: 29px; } body#home #header .nav-hold .navbar .nav-pills > li .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; left: 28px; } body#home #header .nav-hold .navbar .nav-pills > li:hover a, body#home #header .nav-hold .navbar .nav-pills > li.selected a { color: #b62328; } body#home #header .nav-hold .navbar .togglemenu { color: white; font-size: 23px; } body#home #header .nav-hold .navbar .togglemenu .menulabel { display: none; } body#home #header .nav-hold .navbar .srchbuttonmodal { color: #5b5c5e; font-size: 21px; position: relative; /*top: 2px; margin-right: 8px; width: 30px; float:left;*/ } body#home #header .nav-hold .navbar .srchbutton { color: #5b5c5e; display: none; } body#home #header .nav-hold .navbar #search { /*width: 0%; display: inline-block; overflow: hidden; position: absolute; left: 0;*/ } body#home #header .nav-hold .navbar #search.showme { /*width: 96%;*/ } body#home #header .nav-hold .navbar #search #sitesearch { /*padding: 12px 0px;*/ } body#home #header .nav-hold .navbar #search #sitesearch #search-field { /*width: 575px; border: none; background-color: #6BB336; color: white; border-bottom: 3px solid white;*/ /*&::-webkit-input-placeholder { color:white; } &::-moz-placeholder { color:white; } &:-moz-placeholder { color:white; } &:-ms-input-placeholder { color:white; }*/ } body#home #header .nav-hold .navbar #search #sitesearch button { /*background-color:@green; color: white; border: none; padding: 3px 6px; margin-left: -5px;*/ } body#home #header .newsletter-signup { background-color: #002a4c; color: white; font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; font-size: 28px; padding: 15px 20px 10px; float: right; margin-top: 14px; } body#home #header .newsletter-signup:hover { background-color: #02579b; } @media (max-width: 1250px) { body#home #header .newsletter-signup { font-size: 20px; padding: 10px 20px 10px; margin-top: 25px; } } body#home #header .right { display: inline-block; padding: 36px 7px 0 ; float: none; } body#home #header .social-list { display: inline-block; } body#home #header .social-list li { padding: 0; } body#home #header .social-list li a { background-color: #c8c8c9; color: white; width: 25px; height: 25px; border-radius: 25px; text-align: center; padding-top: 5px; font-size: 14px; display: inline-block; } body#home #header .social-list li a:hover { background-color: #b62328; } .home-search-field { display: inline-block; } .home-search-field .home-search { display: inline-block; border: 1px solid #c8c8c9; padding: 0px !important; margin: 20px 10px; } .home-search-field .home-search #search-fieldinput { height: 40px; padding: 10px; border: 0px; width: 230px; } @media (max-width: 1235px) { .home-search-field .home-search #search-fieldinput { width: 190px; } } @media (max-width: 1280px) { .home-search-field .home-search { margin: 20px 10px; } } .home-search-field .home-search button { color: #c8c8c9; background-color: white; border: 0px; height: 40px; } @media (max-width: 1200px) { body#home #header { text-align: right; } } body#home .home-search-field .home-search #search-fieldinput { width: 310px; } @media (max-width: 1370px) { body#home .home-search-field .home-search #search-fieldinput { width: 280px; } } @media (max-width: 1350px) { body#home .home-search-field .home-search #search-fieldinput { width: 250px; } } @media (max-width: 1320px) { body#home .home-search-field .home-search #search-fieldinput { width: 220px; } } @media (max-width: 1245px) { body#home .home-search-field .home-search #search-fieldinput { width: 200px; } } body#home .right { margin-left: calc(92px - 2%); } @media (max-width: 1500px) { body#home .right { margin-left: calc(92px - 3%); } } @media (max-width: 1450px) { body#home .right { margin-left: calc(92px - 4%); } } @media (max-width: 1415px) { body#home .right { margin-left: calc(92px - 6%); } } @media (max-width: 1380px) { body#home .right { margin-left: calc(92px - 6%); } } @media (max-width: 1300px) { body#home .right { margin-left: calc(92px - 8%); } } @media (max-width: 1200px) { body#home .right { margin-left: 0px; margin-right: 20px; } } @media (max-width: 497px) { body#home .right { margin-right: 0px; } } @media (max-width: 1200px) { body#home .srchbuttonmodal { right: 0px; float: left; top: 41px; color: #5b5c5e; } } @media (max-width: 991px) { body#home .srchbuttonmodal { right: -20px; top: 38px; font-size: 23px; } } body#home #header .nav-hold .navbar .togglemenu { color: #5b5c5e; margin-left: 0; margin-right: 15px; position: relative; top: 14px; font-size: 30px; } @media (max-width: 497px) { body#home .newsletter-signup { display: none; } } body:not(#home) #header { height: 150px; } @media (max-width: 430px) { body:not(#home) #header { height: 140px; } } body:not(#home) #header .container { height: 100%; border-bottom: 1px solid #c8c8c8; padding: 0px; } body:not(#home) #header a.logo-hold { max-width: 520px; padding: 0 20px; width: 100%; display: block; margin-left: 0px; float: none; margin: 0 auto; margin-top: 10px; } body:not(#home) #header .bottom { display: inline-block; width: 100%; margin-top: 25px; border-top: 1px solid #c8c8c8; margin-top: 46px; padding-left: 15px; } body:not(#home) #header .nav-hold.right-slide-search .nav-pills > li a { font-size: 22px; padding: 10px 10px; } body:not(#home) #header .right { padding: 8px 0px; } @media (max-width: 767px) { body:not(#home) #header .right { padding: 8px 10px; } } body:not(#home) #header .nav-hold.right-slide-search .navbar { top: 3px; } body:not(#home) #header .social-list li .newslettersignup { background-color: #002a4c; color: white; font-size: 20px; border-color: transparent; padding: 6px 50px 2px; margin-left: 25px !important; } @media (max-width: 515px) { body:not(#home) #header .social-list li .newslettersignup { display: none; } } body:not(#home) #header .social-list li .newslettersignup:hover { background-color: #02579b; } body:not(#home) #header .social-list li { margin: 0; } body:not(#home) #header .srchbuttonmodal { right: 5px; top: 13px; color: #5b5c5e; font-size: 15px; } @media (max-width: 991px) { body:not(#home) #header .srchbuttonmodal { font-size: 19px; } } body:not(#home) #header .togglemenu { color: #5b5c5e; margin-left: 0; margin-right: 15px; position: relative; top: 10px; font-size: 25px; } body .navbar { background-color: transparent; /*width: 660px;*/ display: inline-block; } body .navbar .nav-pills { display: inline-block; width: auto; } body .navbar .nav-pills > li { border: none; width: auto; /*border-bottom: 0px solid !important;*/ } body .navbar .nav-pills > li a { color: #5b5c5e; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 26px; } body .navbar .nav-pills > li:last-child .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; right: 89px !important; left: auto !important; } body .navbar .nav-pills > li:last-child .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; right: 88px !important; left: auto !important; } body .navbar .nav-pills > li .dropdown-menu { background-color: rgba(255, 255, 255, 0.95); border: 1px solid #c8c8c9; box-shadow: 5px 4px 0px rgba(0, 0, 0, 0.175); } body .navbar .nav-pills > li .dropdown-menu li { padding: 5px 15px; } body .navbar .nav-pills > li .dropdown-menu li a { color: #5b5c5e; text-transform: uppercase; font-size: 20px; padding: 5px 0; } body .navbar .nav-pills > li .dropdown-menu li a:hover { background-color: transparent; } body .navbar .nav-pills > li .dropdown-menu li:hover { background-color: #e9e9e9; color: black; } body .navbar .nav-pills > li .dropdown-menu li:hover a { color: #b62328; background-color: transparent; } body .navbar .nav-pills > li .dropdown-menu:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ''; display: inline-block; position: absolute; top: -15px; left: 29px; } body .navbar .nav-pills > li .dropdown-menu:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #c8c8c9; content: ''; display: inline-block; position: absolute; top: -16px; left: 28px; } body .navbar .nav-pills > li:hover a, body .navbar .nav-pills > li.selected a { color: #b62328; } body .navbar .togglemenu { color: white; font-size: 23px; } body .navbar .togglemenu .menulabel { display: none; } body .navbar .srchbuttonmodal { color: #5b5c5e; font-size: 21px; position: relative; /*top: 2px; margin-right: 8px; width: 30px; float:left;*/ } body .navbar .srchbutton { color: #5b5c5e; display: none; } body .navbar #search { /*width: 0%; display: inline-block; overflow: hidden; position: absolute; left: 0;*/ } body .navbar #search.showme { /*width: 96%;*/ } body .navbar #search #sitesearch { /*padding: 12px 0px;*/ } body .navbar #search #sitesearch #search-field { /*width: 575px; border: none; background-color: #6BB336; color: white; border-bottom: 3px solid white;*/ /*&::-webkit-input-placeholder { color:white; } &::-moz-placeholder { color:white; } &:-moz-placeholder { color:white; } &:-ms-input-placeholder { color:white; }*/ } body .navbar #search #sitesearch button { /*background-color:@green; color: white; border: none; padding: 3px 6px; margin-left: -5px;*/ } body#home .navbar .nav-pills > li a { color: #5b5c5e; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 26px; } body#home .navbar .nav-pills > li .dropdown-menu li a:hover { background-color: transparent; } #NavMobileModal .modal-dialog { margin-top: 40px; } #NavMobileModal .modal-dialog .modal-content .close { color: black; } #NavMobileModal .modal-dialog .modal-content .modal-header .close { /*color: black; margin-right: 30px;*/ } #NavMobileModal .modal-dialog .modal-content .modal-body { padding: 30px; } #NavMobileModal .modal-dialog .modal-content .modal-body a { color: black; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li { text-align: center; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li:last-child { border: none; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li > a { color: white; font-size: 45px; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li > a:hover { text-decoration: underline; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li .dropdown-menu { margin: 0 0 20px 0; padding: 0; position: relative; text-align: center; display: block !important; box-shadow: none !important; background-color: transparent !important; border: none !important; font-size: 18px; width: 100%; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li .dropdown-menu > li > a { color: white; } #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li .dropdown-menu > li > a:hover { text-decoration: underline; } #header .nav-hold.right-slide-search, #header .nav-hold.right-search-modal { padding: 20px 0; float: right; } #header .nav-hold.right-slide-search .navbar, #header .nav-hold.right-search-modal .navbar { width: auto; } #header .nav-hold.right-slide-search .nav-pills, #header .nav-hold.right-search-modal .nav-pills { right: 17px; position: relative; } #header .nav-hold.right-slide-search .srchbutton, #header .nav-hold.right-search-modal .srchbutton { right: 0; position: absolute; top: 15px; z-index: 2; } #header .nav-hold.right-slide-search .togglemenu, #header .nav-hold.right-search-modal .togglemenu { margin-left: 13px; } #header .nav-hold.right-slide-search #search, #header .nav-hold.right-search-modal #search { width: 0%; overflow: hidden; position: absolute; right: 30px; top: 0; transition: 0.3s width ease-in; } #header .nav-hold.right-slide-search #search.showme, #header .nav-hold.right-search-modal #search.showme { width: 93%; } #header .nav-hold.right-slide-search #search #sitesearch, #header .nav-hold.right-search-modal #search #sitesearch { padding: 12px 0px; } #header .nav-hold.right-slide-search #search #sitesearch #search-field, #header .nav-hold.right-search-modal #search #sitesearch #search-field { position: absolute; width: 100%; border: none; background-color: #fff; color: #5b5c5e; border-bottom: 3px solid #5b5c5e; } #header .nav-hold.right-slide-search #search #sitesearch #search-field::-webkit-input-placeholder, #header .nav-hold.right-search-modal #search #sitesearch #search-field::-webkit-input-placeholder { color: #5b5c5e; } #header .nav-hold.right-slide-search #search #sitesearch #search-field::-moz-placeholder, #header .nav-hold.right-search-modal #search #sitesearch #search-field::-moz-placeholder { color: #5b5c5e; } #header .nav-hold.right-slide-search #search #sitesearch #search-field:-moz-placeholder, #header .nav-hold.right-search-modal #search #sitesearch #search-field:-moz-placeholder { color: #5b5c5e; } #header .nav-hold.right-slide-search #search #sitesearch #search-field:-ms-input-placeholder, #header .nav-hold.right-search-modal #search #sitesearch #search-field:-ms-input-placeholder { color: #5b5c5e; } #header .nav-hold.right-slide-search #search #sitesearch #search-field:focus, #header .nav-hold.right-search-modal #search #sitesearch #search-field:focus { outline: none; } #header .nav-hold.right-slide-search #search #sitesearch button, #header .nav-hold.right-search-modal #search #sitesearch button { background-color: #fff; color: #5b5c5e; border: none; padding: 3px 6px; margin-left: -5px; position: absolute; right: 0; font-size: 13px; } #header .nav-hold.right-search-modal .srchbutton { display: none !important; } #header .nav-hold.right-search-modal #search { display: none; } #header .nav-hold.right-search-modal .srchbuttonmodal { display: inline-block !important; font-size: inherit; top: -14px; } #header .nav-hold.hamburger-and-search, #header .nav-hold.hamburger-only { float: right; } #header .nav-hold.hamburger-and-search .togglemenu, #header .nav-hold.hamburger-only .togglemenu { display: inline-block !important; margin-left: 13px; margin-top: 1px; } #header .nav-hold.hamburger-and-search .srchbuttonmodal, #header .nav-hold.hamburger-only .srchbuttonmodal { display: inline-block !important; } #header .nav-hold.hamburger-and-search .srchbutton, #header .nav-hold.hamburger-only .srchbutton { display: none !important; } #header .nav-hold.hamburger-and-search #search, #header .nav-hold.hamburger-only #search { display: none; } #header .nav-hold.hamburger-and-search .menulabel, #header .nav-hold.hamburger-only .menulabel { display: none; } #header .nav-hold.hamburger-and-search .nav-pills, #header .nav-hold.hamburger-only .nav-pills { display: none; } #header .nav-hold.hamburger-and-search.pull-left, #header .nav-hold.hamburger-only.pull-left { float: left; } #header .nav-hold.hamburger-and-search.pull-left .togglemenu, #header .nav-hold.hamburger-only.pull-left .togglemenu { float: left; margin-left: 0; margin-right: 13px; } #header .nav-hold.hamburger-only .srchbuttonmodal { display: none !important; } #home { padding: 0 25px; } #home #press { display: inline-block; margin-top: 60px; } @media (max-width: 320px) { #home #press { display: block; } } #home .container { width: 100%; max-width: 1500px; padding: 0px; } #home footer { margin-left: -25px; margin-right: -25px; } #home .banner { height: 500px; width: 100%; max-width: 1500px; background-image: url(/themes/duckworth/images/banner.jpg); background-size: cover; position: relative; display: table; transition: height 0.5s ease-in; } @media (max-width: 991px) { #home .banner { height: 460px; } } @media (max-width: 600px) { #home .banner { height: 400px; } } @media (max-width: 500px) { #home .banner { height: 320px; } } @media (max-width: 320px) { #home .banner { height: 300px; } } #home .banner .banner-logo { margin: 0 auto; position: relative; text-align: center; display: table-cell; height: 100%; vertical-align: middle; width: 100%; background-color: rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 20px #00000096; -webkit-box-shadow: inset 0 0 20px #00000096; box-shadow: inset 0 0 20px #00000096; } @media (max-width: 320px) { #home .banner .banner-logo { top: 141px; } } #home .banner .banner-logo img { width: 100%; max-width: 940px; width: 80%; } @media (max-width: 767px) { #home .banner .banner-logo img { top: 6em; position: relative; } } #home .services { margin-top: 25px; } #home .services .col-md-3 { padding: 0; } @media (max-width: 991px) { #home .services .col-md-3:nth-child(3) { border-left: 0px solid white!important; } } @media (max-width: 991px) { #home .services .col-md-3 { margin-bottom: 5px; } } @media (max-width: 767px) { #home .services .col-md-3 { border-left: 0px solid white!important; } } #home .services .col-md-3 + .col-md-3 { border-left: 5px solid white; } #home .services .service { color: white; background-color: #002a4c; width: 100%; height: 80px; text-align: center; text-transform: uppercase; font-size: 22px; font-family: 'DINNextW01-CondensedBol'; } #home .services .service:hover { background-color: #02579b; } #home .services .service.help { background-color: #b62328; } #home .services .service.help:hover { background-color: #601315; } #home .services .service .icon { width: 35px; height: 35px; border-radius: 35px; text-align: center; background-color: white; display: inline-block; vertical-align: middle; margin-right: 10px; } #home .services .service .icon img { position: relative; } #home .services .service .h3 { display: inline-block; margin: 0; vertical-align: middle; text-align: left; max-width: 175px; } #home .services .service .h3.cell { display: table-cell; font-size: 28px; text-align: center; } #home .services .service:hover .icon img { filter: brightness(2); } #home .flag { background-color: #b62328; color: white; font-size: 20px; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; position: relative; display: inline-block; padding: 3px 15px 0px 30px; transition: 0.2s ease-in-out all; } #home .flag i, #home .flag img { display: inline; margin-right: 10px; } #home .flag a { color: white; } #home .flag:after { width: 0; height: 0; position: absolute; content: ''; display: inline-block; border-top: 31px solid #b62328; border-right: 21px solid transparent; right: -21px; top: 0px; } #home .flag:hover { color: white; padding-left: 40px; } #home .flag:hover a { color: white; } #home .homepageblock { margin-bottom: 30px; display: table; position: relative; vertical-align: middle; height: 300px; } @media (max-width: 991px) { #home .homepageblock { width: 100%; } } #home .homepageblock .media-block { position: relative; height: 100%; display: table; width: 100%; padding: 20px 30px 10px; border: 1px solid #e1e1e1; } @media (max-width: 1230px) { #home .homepageblock .media-block { font-size: 19px; } } @media (max-width: 550px) { #home .homepageblock .media-block { padding: 20px 5px 10px 15px; } } @media (max-width: 500px) { #home .homepageblock .media-block { padding: 60px 5px 10px 15px; } } @media (max-width: 320px) { #home .homepageblock .media-block { padding: 80px 5px 10px 15px; min-height: 340px; } } #home .homepageblock .media-block .picture { vertical-align: middle; display: table-cell; } @media (max-width: 500px) { #home .homepageblock .media-block .picture { display: none; } } #home .homepageblock .media-block .press-right { padding: 0 40px; padding-right: 10px; } @media (max-width: 320px) { #home .homepageblock .media-block .press-right { padding: 20px 0 0 0; } } #home .homepageblock .media-block .picture img { width: 125px; height: 125px; position: relative; border-radius: 125px; border: 4px solid white; z-index: 2; top: 2px; left: 2px; } @media (max-width: 520px) { #home .homepageblock .media-block .picture img { width: 102px; height: 102px; } } #home .homepageblock .media-block .picture:before { content: ''; display: inline-block; width: 129px; height: 129px; border-radius: 128px; background-color: #959595; position: absolute; z-index: 1; } @media (max-width: 520px) { #home .homepageblock .media-block .picture:before { width: 106px; height: 106px; } } #home .homepageblock .media-block .press-right { vertical-align: middle; display: table-cell; } #home .homepageblock .media-block.dark { background-color: #f5f5f5; } #home .homepageblock .media-block .flag { position: absolute; top: 20px; left: 0px; } #home .text-up { text-transform: uppercase; } #home #twitter .interact { position: absolute; right: 0; left: 0; margin: 0 auto; text-align: center; width: 100%; } #home #twitter .interact a { color: #bac2c9; margin: 0 25px; } #home #twitter .interact a:hover { color: #002a4c; } #home #twitter .tweet { color: #7d7d7d; text-align: center; word-break: break-word; overflow: hidden; max-height: 175px; text-overflow: ellipsis; } #home #twitter .tweet a { color: #7d7d7d; } @media (max-width: 1200px) { #home #twitter .tweet a { font-size: 17px; } } @media (max-width: 991px) { #home #twitter .tweet a { font-size: 23px; } } @media (max-width: 767px) { #home #twitter .tweet a { font-size: 20px; line-height: 28px; } } #home #twitter .tweet a:hover { color: #002a4c; } @media (max-width: 1235px) { #home #twitter .tweet { margin-bottom: 14px; } } @media (max-width: 1200px) { #home #twitter .tweet { line-height: 25px; } } @media (max-width: 767px) { #home #twitter .tweet { font-size: 20px; line-height: 28px; } } #home #twitter .item { position: relative; } #home #twitter .timePosted { font-family: 'DINNextW01-CondensedBol'; position: absolute; top: -40px; color: #7d7d7d; text-transform: uppercase; font-size: 16px; text-align: center; width: 100%; } #home #twitter .timePosted a { color: #7d7d7d; } #home #twitter .timePosted a:hover { color: #002a4c; } #home #instagram-block .press-right { padding: 10px 30px; } @media (max-width: 1200px) { #home #instagram-block .press-right { padding: 10px; } } #home #instagram-block #instamedia { text-align: center; } #home #instagram-block #instamedia a { display: inline-block; } #home #instagram-block #instamedia a .instaimage { width: 150px; height: 150px; background-size: cover; } @media (max-width: 1285px) { #home #instagram-block #instamedia a .instaimage { width: 130px; height: 130px; } } @media (max-width: 1085px) { #home #instagram-block #instamedia a .instaimage { width: 115px; height: 115px; } } @media (max-width: 994px) { #home #instagram-block #instamedia a .instaimage { width: 112px; height: 112px; } } @media (max-width: 991px) { #home #instagram-block #instamedia a .instaimage { width: 175px; height: 175px; } } @media (max-width: 800px) { #home #instagram-block #instamedia a .instaimage { width: 140px; height: 140px; } } @media (max-width: 636px) { #home #instagram-block #instamedia a .instaimage { width: 120px; height: 120px; } } @media (max-width: 500px) { #home #instagram-block #instamedia a .instaimage { width: 100px; height: 100px; } } @media (max-width: 425px) { #home #instagram-block #instamedia a .instaimage { width: 85px; height: 85px; } } @media (max-width: 320px) { #home #instagram-block #instamedia a .instaimage { width: 100%; height: 200px; margin-bottom: 20px; } } #home #instagram-block #instamedia a + a { margin-left: 15px; } @media (max-width: 320px) { #home #instagram-block #instamedia a + a { margin-left: 0px; } } #home #twitter-block .picture img { border: 0px; } #home #facebook-block #facebook-posts { list-style: none; padding: 0; margin-bottom: 0; } #home #facebook-block #facebook-posts li { list-style-type: none; } #home #facebook-block #facebook-posts li a { color: #7d7d7d; } @media (max-width: 1200px) { #home #facebook-block #facebook-posts li a { font-size: 17px; line-height: 24px; display: block; } } @media (max-width: 991px) { #home #facebook-block #facebook-posts li a { font-size: 22px; line-height: 32px; } } @media (max-width: 767px) { #home #facebook-block #facebook-posts li a { font-size: 20px; line-height: 28px; } } @media (max-width: 636px) { #home #facebook-block #facebook-posts li a { font-size: 18px; line-height: 25px; } } #home #facebook-block #facebook-posts li a:hover { color: #002a4c; } #home #facebook-block #facebook-posts .date { font-size: 16px; display: block; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; color: #7d7d7d; } #home #facebook-block .press-right { padding: 10px 40px; } @media (max-width: 320px) { #home #facebook-block .press-right { padding: 10px 20px; } } #home #news-block .date { font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; display: block; color: #7d7d7d; } #home #news-block .press-right a { font-size: 28px; color: #7d7d7d; line-height: 35px; } @media (max-width: 1360px) { #home #news-block .press-right a { font-size: 26px; line-height: 31px; } } @media (max-width: 1200px) { #home #news-block .press-right a { font-size: 26px; line-height: 31px; } } @media (max-width: 1050px) { #home #news-block .press-right a { font-size: 21px; line-height: 25px; } } #home #news-block .press-right a:hover { color: #002a4c; } #home .office-locations { max-width: 810px; width: 100%; margin: 0 auto; padding-bottom: 80px; padding-top: 70px; } @media (max-width: 420px) { #home .office-locations { padding-top: 30px; } } #home .office-locations .offices { margin-top: 40px; } #home .office-locations .office { color: #7d7d7d; font-size: 16px; width: 50%; display: inline-block; float: left; min-height: 200px; } @media (max-width: 420px) { #home .office-locations .office { width: 100%; min-height: auto; margin-bottom: 25px; } } #home .office-locations .office span.bold-con { font-size: 20px; } #home .office-locations .office a { font-size: 14px; color: #002a4c; } #home .office-locations .office a:hover { color: #02579b; } #home .office-locations .map { float: right; margin-top: 80px; } #home .office-locations .map .location { background-color: #002a4c; width: 20px; height: 20px; border-radius: 20px; display: inline-block; position: absolute; transition: 0.2s ease-in-out all; text-align: center; } #home .office-locations .map .location#chicago-icon { top: 134px; right: 9px; } #home .office-locations .map .location#springfield-icon{ top: 323px; left: 115px; } #home .office-locations .map .location#carbondale-icon{ top: 474px; right: 100px; } #home .office-locations .map .location#rockisland-icon{ top: 151px; right: 226px; } #home .office-locations .map .location#belleville-icon{ top: 411px; right: 168px; } #home .office-locations .map .location i { transition: 0.2s ease-in-out all; position: relative; top: -4px; font-size: 13px; } #home .office-locations#chicago-icon #chicago span.bold-con { color: #b62328; } #home .office-locations#chicago-icon .location#chicago-icon { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } #home .office-locations#chicago-icon .location#chicago-icon i { color: white; font-size: 13px; position: relative; top: -4px; } #home .office-locations#springfield-icon #springfield span.bold-con { color: #b62328; } #home .office-locations#springfield-icon .location#springfield-icon { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } #home .office-locations#springfield-icon .location#springfield-icon i { color: white; font-size: 13px; position: relative; top: -4px; } #home .office-locations#carbondale-icon #carbondale span.bold-con { color: #b62328; } #home .office-locations#carbondale-icon .location#carbondale-icon { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } #home .office-locations#carbondale-icon .location#carbondale-icon i { color: white; font-size: 13px; position: relative; top: -4px; } #home .office-locations#rockisland-icon #rockisland span.bold-con { color: #b62328; } #home .office-locations#rockisland-icon .location#rockisland-icon { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } #home .office-locations#rockisland-icon .location#rockisland-icon i { color: white; font-size: 13px; position: relative; top: -4px; } #home .office-locations#belleville-icon #belleville span.bold-con { color: #b62328; } #home .office-locations#belleville-icon .location#belleville-icon { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } #home .office-locations#belleville-icon .location#belleville-icon i { color: white; font-size: 13px; position: relative; top: -4px; } #home #contact { max-width: 810px; width: 100%; margin: 70px auto 50px; } #home #contact h1 { font-family: 'DINNextW01-CondensedBol'; font-size: 48px; text-align: center; padding: 0 70px; color: #7d7d7d; } #home #contact h2 { font-family: 'DIN Next W01 Regular'; font-size: 24px; text-align: center; color: #7d7d7d; margin-bottom: 30px; } #home #contact h3 { font-size: 18px; font-family: 'DIN Next W01 Regular'; color: #7d7d7d; text-align: left; } #home #contact h4 { text-align: center; } #home #contact select { width: 100%; border-radius: 0px; height: 49px; margin-bottom: 15px; border: 1px solid #757679; } #home #contact textarea { width: 100%; height: 240px; padding: 10px; } #home #contact label { font-size: 18px; color: #7d7d7d; font-family: 'DIN Next LT W01 Condensed It'; } #home #contact input[type='checkbox'] { width: auto; margin-right: 17px; } #home #contact input { border: 1px solid #757679; padding: 12px 15px; margin-bottom: 16px; font-family: 'DIN Next LT W01 Condensed It'; width: 100%; } #home #contact input[type='submit'] { width: auto; font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; font-size: 24px; padding: 10px 50px; float: right; } #home #contact select { color: #7d7d7d; } #home #contact .btn-fake { width: auto; font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; font-size: 24px; width: 100%; padding: 20px; margin: 0px; opacity: 1; display: inline-block; transition: 0.2s ease-in-out opacity; } #home #contact .btn-fake.show-buttons { opacity: 1; margin: 50px 0px; } #home #contact #contactform p { display: none; } #home #contact #caseworkform fieldset .btn { float: right; margin-top: 15px!important; } #popupModal .modal-dialog { margin: 5% auto; width: 100%; max-width: 850px; padding: 2rem; } #popupModal .modal-dialog .modal-content { border: 10px solid #b62328; border-radius: 0; } #popupModal .modal-dialog .modal-content .modal-header { text-align: center; font-size: 30px; } #popupModal .modal-dialog .modal-content .modal-header .modal-title { text-transform: uppercase; font-weight: bold; } #popupModal .modal-dialog .modal-content .modal-body { position: relative; padding: 15px; font-size: 24px; } #popupModal .modal-dialog .modal-content .modal-body a { color: #002a4c; } #popupModal .modal-dialog .modal-content .buttonholder { width: 100%; padding: 1rem 0; display: inline-block; margin: 0 auto; text-align: center; } #popupModal .modal-dialog .modal-content .buttonholder .btn { display: inline-block; text-transform: uppercase; margin-bottom: 1rem; width: 100%; max-width: 180px; } /* default interior styles commonly made fixes / tweaks */ .modal-backdrop { z-index: 1; } .modal-dialog { z-index: 5; } .table-display { display: table; } .cell { display: table-cell; vertical-align: middle; } .banner { height: auto; max-width: 1300px; margin: 0 auto; } .hasbanner .bannercontainer { padding: 0px; } .background-image { background-repeat: no-repeat; background-size: cover; } .background-image .with-height { width: 100%; height: 100%; display: inline-block; } body.no-breadcrumbs #breadcrumb a { display: none; } body.no-breadcrumbs #breadcrumb { background-color: transparent !important; } body.no-breadcrumbs #breadcrumb ol{ display: none; } li.previous { margin-right: 10px; } .fancybox-title-float-wrap .child { white-space: pre-line !important; } .toggle-btn.active, .btn-block.hover { background-color: #b62328 !important; } #breadcrumb { margin-top: 0px; margin-left: -15px; margin-right: -15px; padding: 2px 15px; height: 30px; color: #bbbbbc; } #breadcrumb a { color: #bbbbbc; text-transform: uppercase; /* font-weight: bold; */ font-family: 'DINNextW01-CondensedBol'; font-size: 15px; } #breadcrumb a:hover { color: #002a4c; } #breadcrumb .list-inline{ display: inline-block; } #breadcrumb .list-inline .list-item:after { content: "/"; color: #c8c8c8; left: 5px; top: 2px; position: relative; } #breadcrumb .list-inline .list-item:first-child { display: none; } #breadcrumb .list-inline .list-item{ padding-right: 5px; padding-left: 5px; display: inline-block; } #breadcrumb .list-inline .list-item:last-child:after { display: none; } #form_thomas_search .col-xs-9 { padding-right: 0; } #filter-legislation { margin: 0; } #filter-legislation h3 { margin-top: 0; } #filter-legislation aside form select { font-size: 16px; } #filter-legislation #session_select, #filter-legislation #sponsored { height: 33px; font-size: 16px; } #filterbuttons a { background-color: transparent; color: #002a4c; padding-left: 0px; padding-right: 20px; } #filterbuttons a:hover { color: #02579b; } #listblocks { margin-top: 40px; } #listblocks .block { display: table; height: 110px; } #listblocks .block a { display: table-cell; vertical-align: middle; background-color: #002a4c; font-weight: bold; color: white; transition: 0.3s background-color ease-in; } #listblocks .block a .media-heading { top: 2px; } #listblocks .block a:hover { background-color: #02579b; } body#about img.banner { height: auto; } body#about .main_page_title { margin-top: 0px; } body#about #sam-main { margin-top: 3em; } body#about .firstsection { font-size: 24px; line-height: 35px; } body#about .firstsection .bigwords { font-size: 100px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; top: 16px; color: #b62328; font-family: 'DINNextW01-CondensedBol'; } @media (max-width: 767px) { body#about .firstsection .bigwords { font-size: 70px; } } @media (max-width: 500px) { body#about .firstsection .bigwords { font-size: 50px; } } body#about blockquote { border-left: 0px; border-top: 3px solid #002a4c; border-bottom: 3px solid #002a4c; padding: 20px 30px; margin: 40px 3em; display: block; font-size: 28px; color: #b62328; text-align: center; font-family: 'DIN Next W01 Heavy'; } @media (max-width: 600px) { body#about blockquote { padding: 20px 0px; margin: 40px 0px; } } body#about #asides { padding: 0px 20px 0px 3em; } @media (max-width: 767px) { body#about #asides .bioareaside { margin-bottom: 1em; } } body#about #asides .bioareaside .biodownloads { background-color: #f5f5f5; border: 1px solid #e2e2e2; padding: 1.5em 2em; position: relative; } @media (max-width: 1199px) { body#about #asides .bioareaside .biodownloads { padding: 1.5em 0px; } } @media (max-width: 400px) { body#about #asides .bioareaside .biodownloads { padding: 1.5em 0px; } } body#about #asides .bioareaside .biodownloads .biophoto { text-align: center; } body#about #asides .bioareaside .biodownloads .biophoto img { border-radius: 110px; border: 1px solid #a99999; } body#about #asides .bioareaside .biodownloads #biodownloadlist { position: relative; left: -2em; margin-top: 1em; } @media (max-width: 1199px) { body#about #asides .bioareaside .biodownloads #biodownloadlist { left: 0px; } } @media (max-width: 400px) { body#about #asides .bioareaside .biodownloads #biodownloadlist { left: 0px; } } body#about #asides .bioareaside .biodownloads #biodownloadlist li { margin-bottom: 10px; } body#about #asides .bioareaside .biodownloads #biodownloadlist li a { font-family: 'DINNextW01-CondensedBol'; color: #fff; background-color: #b62328; text-transform: uppercase; font-size: 26px; padding: 12px 1em; display: block; width: 270px; position: relative; transition: all 0.3s ease-in; } @media (max-width: 1199px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a { width: auto; padding: 10px 5px; text-align: center; } } @media (max-width: 991px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a { width: 270px; padding: 12px 1em; text-align: left; } } body#about #asides .bioareaside .biodownloads #biodownloadlist li a .fa { text-decoration: underline; font-size: 22px; } body#about #asides .bioareaside .biodownloads #biodownloadlist li a:before { content: " "; display: block; position: absolute; top: 0px; right: -40px; width: 0; height: 0px; border-top: 60px solid #b62328; border-right: 40px solid transparent; } @media (max-width: 1199px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a:before { display: none; } } @media (max-width: 991px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a:before { display: block; } } @media (max-width: 400px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a:before { display: none; } } body#about #asides .bioareaside .biodownloads #biodownloadlist li a:hover { width: 300px; transition: all 0.3s ease-in; text-decoration: underline; } @media (max-width: 400px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a:hover { width: 100%; text-align: center; } } @media (max-width: 400px) { body#about #asides .bioareaside .biodownloads #biodownloadlist li a { width: 100%; text-align: center; } } body#about #asides .bionav { background-color: #f5f5f5; border: 1px solid #e2e2e2; padding: 1.5em 2em; position: relative; margin-top: 2em; } @media (max-width: 1199px) { body#about #asides .bionav { padding: 1.5em 0px; } } @media (max-width: 991px) { body#about #asides .bionav { margin-top: 0px; padding: 1.5em 2em; } } @media (max-width: 400px) { body#about #asides .bionav { padding: 1.5em 0px; } } body#about #asides .bionav #bionavlist { position: relative; left: -2em; margin-top: 1em; } @media (max-width: 1199px) { body#about #asides .bionav #bionavlist { left: 0px; } } @media (max-width: 991px) { body#about #asides .bionav #bionavlist { left: -2em; } } @media (max-width: 400px) { body#about #asides .bionav #bionavlist { left: 0px; } } body#about #asides .bionav #bionavlist li { margin-bottom: 15px; } body#about #asides .bionav #bionavlist li .bionavitem { font-family: 'DINNextW01-CondensedBol'; color: #fff; background-color: #002a4c; text-transform: uppercase; font-size: 24px; padding: 13px 1em; display: block; width: 270px; position: relative; transition: width 0.3s ease-in; } @media (max-width: 1199px) { body#about #asides .bionav #bionavlist li .bionavitem { width: auto; padding: 10px 5px; text-align: center; } } @media (max-width: 991px) { body#about #asides .bionav #bionavlist li .bionavitem { width: 270px; padding: 13px 1em; text-align: left; } } @media (max-width: 400px) { body#about #asides .bionav #bionavlist li .bionavitem { width: 100%; text-align: center; } } body#about #asides .bionav #bionavlist li .bionavitem:before { content: " "; display: block; position: absolute; top: 0px; right: -40px; width: 0; height: 0px; border-top: 60px solid #002a4c; border-right: 40px solid transparent; } @media (max-width: 1199px) { body#about #asides .bionav #bionavlist li .bionavitem:before { display: none; } } @media (max-width: 991px) { body#about #asides .bionav #bionavlist li .bionavitem:before { display: block; } } @media (max-width: 400px) { body#about #asides .bionav #bionavlist li .bionavitem:before { display: none; } } body#about #asides .bionav #bionavlist li .bionavitem:hover { background-color: #02579b; width: 300px; transition: width 0.3s ease-in; text-decoration: underline; } @media (max-width: 1199px) { body#about #asides .bionav #bionavlist li .bionavitem:hover { width: 100%; text-align: center; } } @media (max-width: 991px) { body#about #asides .bionav #bionavlist li .bionavitem:hover { width: 300px; text-align: left; } } @media (max-width: 400px) { body#about #asides .bionav #bionavlist li .bionavitem:hover { width: 100%; text-align: center; } } body#about #asides .bionav #bionavlist li .bionavitem:hover:before { border-top: 60px solid #02579b; } body#about #asides .bionav #bionavlist li .bionavitem.selected { width: 300px; text-decoration: underline; background-color: #02579b; } body#about #asides .bionav #bionavlist li .bionavitem.selected:before { border-top: 60px solid #02579b; } @media (max-width: 1199px) { body#about #asides .bionav #bionavlist li .bionavitem.selected { width: 100%; text-align: center; } } @media (max-width: 991px) { body#about #asides .bionav #bionavlist li .bionavitem.selected { width: 300px; text-align: left; } } @media (max-width: 400px) { body#about #asides .bionav #bionavlist li .bionavitem.selected { width: 100%; text-align: center; } } @media (max-width: 991px) { body#about #asides { padding: 0px 15px; } } body#caucus blockquote { border-left: 0px; border-top: 3px solid #002a4c; border-bottom: 3px solid #002a4c; padding: 20px 30px; margin: 40px 3em; display: block; font-size: 28px; color: #b62328; text-align: center; font-family: 'DIN Next W01 Heavy'; } @media (max-width: 600px) { body#caucus blockquote { padding: 20px 0px; margin: 40px 0px; } } body#caucus .members { padding: 1rem; position: relative; display: block; width: 100%; } body#caucus .members.chair { float: right; max-width: 350px; } body#caucus .members.chair .members__list { height: 270px; } body#caucus .members__list { height: 350px; position: relative; } body#caucus .members__list-item { width: 100%; margin: 0 auto; height: 100%; } body#caucus .members__card { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 3rem; background-color: #002a4c; } body#caucus .members__card:hover { cursor: pointer; } body#caucus .members__card:hover .members__background { opacity: 0.1; } body#caucus .members__card:hover .members__info { opacity: 1; } body#caucus .members__background { width: 100%; background-size: cover; background-repeat: no-repeat; height: 100%; position: absolute; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s ease-in-out; left: 0; top: 0; bottom: 0; right: 0; filter: grayscale(1); } body#caucus .members__paragraph { color: white; position: absolute; bottom: 3rem; left: 0; font-size: 28px; text-align: center; right: 0; font-family: 'DINNextW01-CondensedBol'; z-index: 2; text-shadow: 1px 1px 20px black; } body#caucus .members__info { z-index: 2; font-family: 'DINNextW01-CondensedBol'; position: relative; color: white; opacity: 0; transition: opacity 0.2s ease-in-out; } body#caucus .members__info--state { text-align: center; font-size: 30px; } body#caucus .members__info--element { text-align: center; } body#caucus .members__sociallist { display: inline-block; } body#caucus .members__sociallist--item { display: inline-block; padding: 5px; } body#caucus .members__sociallist--item.blurbicon a .fa { position: relative; top: -2px; } body#caucus .members__sociallist--item a { color: white; font-size: 24px; padding: 5px; width: 40px; border: 1px solid white; border-radius: 100%; height: 40px; display: block; cursor: pointer; } body#caucus .members__sociallist--item a:hover { color: #002a4c; background-color: white; } .currentnav { background-color: #f5f5f5; border: 1px solid #e2e2e2; padding: 1.5em 2em; position: relative; margin-top: 2em; } @media (max-width: 991px) { .currentnav { margin-top: 0px; } } @media (max-width: 400px) { .currentnav { padding: 1.5em 0px; } } .currentnav #currentnavlist { position: relative; left: -2em; margin-top: 1em; } @media (max-width: 400px) { .currentnav #currentnavlist { left: 0px; } } .currentnav #currentnavlist li { margin-bottom: 15px; } .currentnav #currentnavlist li .currentnavitem { font-family: 'DINNextW01-CondensedBol'; color: #fff; background-color: #002a4c; text-transform: uppercase; font-size: 24px; padding: 13px 1em; display: block; width: 270px; position: relative; transition: width 0.3s ease-in; } @media (max-width: 400px) { .currentnav #currentnavlist li .currentnavitem { width: 100%; text-align: center; } } .currentnav #currentnavlist li .currentnavitem:before { content: " "; display: block; position: absolute; top: 0px; right: -40px; width: 0; height: 0px; border-top: 60px solid #002a4c; border-right: 40px solid transparent; } @media (max-width: 400px) { .currentnav #currentnavlist li .currentnavitem:before { display: none; } } .currentnav #currentnavlist li .currentnavitem:hover { background-color: #02579b; width: 300px; transition: width 0.3s ease-in; text-decoration: underline; } @media (max-width: 400px) { .currentnav #currentnavlist li .currentnavitem:hover { width: 100%; text-align: center; } } .currentnav #currentnavlist li .currentnavitem:hover:before { border-top: 60px solid #02579b; } .currentnav #currentnavlist li .currentnavitem.selected { width: 300px; text-decoration: underline; background-color: #02579b; } .currentnav #currentnavlist li .currentnavitem.selected:before { border-top: 60px solid #02579b; } @media (max-width: 400px) { .currentnav #currentnavlist li .currentnavitem.selected { width: 100%; text-align: center; } } #typenav li a { color: #000; font-family: 'DINNextW01-CondensedBol'; padding-left: 0px; } #typenav li a:hover { color: #02579b; } #typenav li.active a { color: #b62328; background-color: white; } #typenav.affix { top: 0; } body.newsroom_landing .col-md-9 { border-left: 1px solid #c8c8c8; padding-left: 30px; padding-top: 35px; } @media (max-width: 991px) { body.newsroom_landing .col-md-9 { border-left: 0px; } } body.newsroom_landing .col-md-3 { padding-top: 35px; } body.newsroom_landing #breadcrumb { display: none; } body.newsroom_landing #photos .instagram_section .instagram #instamedia { margin-left: -6px; margin-right: -6px; } body.newsroom_landing #photos .instagram_section .instagram #instamedia .instaimagearea { display: inline-block; width: 25%; border: 6px solid white; overflow: hidden; max-height: 175px; } body.newsroom_landing #photos .instagram_section .instagram #instamedia .instaimagearea .instaimage { width: 100%; height: auto; } body.newsroom_landing #photos .instagram_section .instagram #instamedia .instaimagearea .instaimage img { width: 100%; } body.newsroom_landing iframe { margin-bottom: 50px; } body.newsroom_landing .btn.more { font-family: 'DINNextW01-CondensedBol'; text-transform: uppercase; font-size: 18px; } body.newsroom_landing #mediakit { padding-bottom: 60px; } @media (max-width: 991px) { body.newsroom_landing #mediakit { padding-bottom: 20px; } } body.newsroom_landing #mediakit .mediakitsection #filedownload { font-size: 22px; padding: 20px 45px; margin-bottom: 1em; } body.newsroom_landing footer { margin-top: 0px!important; } @media (max-width: 991px) { body.newsroom_landing footer { margin-top: 60px!important; } } #voting_record .pagination .pages { float: left; display: block; width: auto; } #voting_record .pagination .pages_nav { float: right; clear: none; display: block; width: auto; } #legislation #asides { margin-top: 7.8em; } #votingrecord #asides { margin-top: 4.5em; } #content .feedback-block.hover a { background-color: #b62328; } #content .feedback-block a { font-size: 45px; padding: 80px 20px; margin-bottom: 10px; text-align: center; white-space: normal; } @media (max-width: 991px) { #content .feedback-block a { font-size: 25px; } } #content #feedbackform { margin-top: 2em; } @media (max-width: 650px) { #main_column .videoiframe { height: 350px; } } @media (max-width: 530px) { #main_column .videoiframe { height: 290px; } } @media (max-width: 430px) { #main_column .videoiframe { height: 230px; } } @media (max-width: 320px) { #main_column .videoiframe { height: 180px; } } body#officelocations .offices { margin-top: 3em; } body#officelocations .offices .office { min-height: 250px; font-size: 24px; margin-bottom: 1em; } @media (max-width: 767px) { body#officelocations .offices .office { min-height: auto; } } body#officelocations .office-locations { max-width: 810px; width: 100%; margin: 0 auto; padding-bottom: 80px; padding-top: 70px; } @media (max-width: 420px) { body#officelocations .office-locations { padding-top: 30px; } } body#officelocations .office-locations .offices { margin-top: 40px; } body#officelocations .office-locations .office { color: #7d7d7d; font-size: 16px; width: 50%; display: inline-block; float: left; min-height: 200px; } @media (max-width: 420px) { body#officelocations .office-locations .office { width: 100%; min-height: auto; margin-bottom: 25px; } } body#officelocations .office-locations .office span.bold-con { font-size: 20px; } body#officelocations .office-locations .office a { font-size: 14px; color: #002a4c; } body#officelocations .office-locations .office a:hover { color: #02579b; } body#officelocations .office-locations .map { float: right; } body#officelocations .office-locations .map .location { background-color: #002a4c; width: 20px; height: 20px; border-radius: 20px; display: inline-block; position: absolute; transition: 0.2s ease-in-out all; text-align: center; } body#officelocations .office-locations .map .location#chicago { top: 54px; right: 9px; } body#officelocations .office-locations .map .location#springfield { top: 243px; left: 115px; } body#officelocations .office-locations .map .location#carbondale { top: 394px; right: 100px; } body#officelocations .office-locations .map .location i { transition: 0.2s ease-in-out all; position: relative; top: -4px; font-size: 13px; } body#officelocations .office-locations#chicago #chicago span.bold-con { color: #b62328; } body#officelocations .office-locations#chicago .location#chicago { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } body#officelocations .office-locations#chicago .location#chicago i { color: white; font-size: 13px; position: relative; top: -4px; } body#officelocations .office-locations#springfield #springfield span.bold-con { color: #b62328; } body#officelocations .office-locations#springfield .location#springfield { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } body#officelocations .office-locations#springfield .location#springfield i { color: white; font-size: 13px; position: relative; top: -4px; } body#officelocations .office-locations#carbondale #carbondale span.bold-con { color: #b62328; } body#officelocations .office-locations#carbondale .location#carbondale { background-color: #b62328; transform: scale(2.5); border-radius: 50px; text-align: center; } body#officelocations .office-locations#carbondale .location#carbondale i { color: white; font-size: 13px; position: relative; top: -4px; } #listsbgs{ height: 100%; position: relative; } #listblocksbg .listbackgroundimg { display: block; } #listblocksbg .list-block .block { height: 200px; } #listblocksbg .list-block .block a { display: table-cell; vertical-align: middle; padding: 30px; color: white; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 30px; line-height: 29px; background-color: rgba(0, 43, 77, 0.82); transition: 0.3s ease-in background-color; } #listblocksbg .list-block .block a:hover { background-image: none; background-color: rgba(1, 88, 155, 0.76); } @media (max-width: 479px) { #listblocksbg .list-block .block a { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { #listsbg { width: auto; } } .russell { background-image: url('/themes/duckworth/images/button-bg.jpg'); background-size: cover; background-position: right; display: inline-block; } @media (max-width: 767px) { .russell { width: 100%; } } .russell .help-block { margin: 0; padding: 0; border: 15px solid white; } .russell .help-block .block { display: table; height: 200px; width: 100%; text-align: center; } @media (max-width: 767px) { .russell .help-block .block { height: 125px; } } .russell .help-block .block a { display: table-cell; vertical-align: middle; padding: 30px; color: white; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; font-size: 30px; line-height: 29px; background-color: rgba(0, 43, 77, 0.82); transition: 0.3s ease-in background-color; } .russell .help-block .block a:hover { background-image: none; background-color: rgba(1, 88, 155, 0.76); } @media (max-width: 479px) { .russell .help-block .block a { font-size: 24px; line-height: 26px; } } body#tours_landing #main_container #aside { position: relative; margin-top: 90px; } body#tours_landing #main_container #aside #asides { margin-top: 0px; } body#tours_landing #main_container #aside #asides.affix { width: 100%; max-width: 403.33px; top: 3em; } @media (max-width: 991px) { body#tours_landing #main_container #aside #asides.affix { position: relative!important; } } @media (max-width: 1199px) { body#tours_landing #main_container #aside #asides.affix { max-width: 293.33px; } } body#tours_landing #main_container .tours .tourareabox { position: relative; margin-bottom: 2em; } body#tours_landing #main_container .tours .tourareabox .tourbox { height: 370px; background-color: #000; overflow: hidden; width: auto; position: relative; cursor: pointer; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } body#tours_landing #main_container .tours .tourareabox .tourbox .backgroundimage { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; opacity: 0.6; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } body#tours_landing #main_container .tours .tourareabox .tourbox .infotitle { position: absolute; top: 0px; padding-top: 10px; width: 100%; margin: 0 auto; vertical-align: middle; padding: 60px 40px; } body#tours_landing #main_container .tours .tourareabox .tourbox .infotitle .title { color: #fff; text-align: center; font-family: 'DINNextW01-CondensedBol'; font-size: 50px; text-shadow: 1px 1px 10px black; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } body#tours_landing #main_container .tours .tourareabox .tourbox:hover .backgroundimage { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } body#tours_landing #main_container .tours .tourareabox .info-back { padding: 2em 1em; } body#tours_landing #main_container .tours .tourareabox .info-back .infobodyarea { color: #000; font-size: 16px; } body#tours_landing #main_container .tours .tourareabox .info-back .infobodyarea p a { color: #002a4c; text-decoration: underline; } body#tours_landing #main_container .tours .tourareabox .info-back .infobodyarea div a { color: #002a4c; text-decoration: underline; } body#tours_landing #main_container .tours .tourareabox .info-back .title { color: #002a4c; text-align: center; text-decoration: underline; font-family: 'DINNextW01-CondensedBol'; font-size: 50px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .applicationdates { padding: 1em; } .applicationdates table { border: 1px solid #eaeaea; margin-bottom: 30px; } .applicationdates table tbody .header { background-color: #eaeaea; } .applicationdates table tbody .header td { text-align: center; vertical-align: middle; padding: 10px; } .applicationdates table tbody .header td p { margin-bottom: 0px; } .applicationdates table tbody .header td p span { font-size: 18px; } @media (max-width: 550px) { .applicationdates table tbody .header td p span { font-size: 16px; } } .applicationdates table tbody tr td { padding: 10px; text-align: center; } .applicationdates table tbody tr td p { margin-bottom: 0px; } .applicationdates table tbody tr td p span { font-size: 18px; } @media (max-width: 991px) { .applicationdates table tbody tr td p span { font-size: 16px; } } @media (max-width: 550px) { .applicationdates table tbody tr td p span { font-size: 14px; } } input#copyTarget { position: absolute; z-index: -1; width: 50px !important; height: 9px !important; } #copyButton { top: -3px; position: relative; } body#media-view #content { color: white; background: #000; } body#media-view #featured-details-header { color: #fff; font-size: 32px; margin-top: 20px; } @media (max-width: 550px) { body#media-view #featured-details-header { font-size: 26px; } } body#media-view #featured-details-header a { color: #fff; } body#media-view #featured-details-header a:hover { text-decoration: underline; } body#media-view #featured-details-description { color: #fff; } body#media-view #featured-details-description .main_page_title { color: #fff; } body#media-view #featured-details-description p { line-height: 25px; } body#media-view #share-footer a { color: #b62328; } body#media-view #share-footer a:hover { color: #fff; } #share-buttons li { float: right; } #share-buttons #share-copy-link { cursor: pointer; } #multimedia-browser ul.nav-tabs { border-bottom: 3px solid #002a4c; } #multimedia-browser ul.nav-tabs li a:hover { background: #b62328; } #multimedia-browser ul.nav-tabs li.active { background-color: #002a4c; } #multimedia-browser ul.nav-tabs li.active a { background: transparent; } #multimedia-browser ul.nav-tabs li.active a:hover { background: transparent; } #multimedia-browser .loading div#search-results-header { display: none; } #multimedia-browser .status { background-color: #b62328; color: #fff; } #multimedia-browser .pagination { background-color: #002a4c; } #multimedia-browser .row .media-thumbnail a { color: #000; } #multimedia-browser .row .media-thumbnail a:hover { color: #002a4c; } body#multimedia.new #breadcrumb { display: none; } body#multimedia.new #newscontent.video { padding: 0; } body#multimedia.new #video-content { background-color: #000; padding: 40px 80px; position: relative; } body#multimedia.new #video-content:after { content: ''; background-color: #000; display: inline-block; position: absolute; width: 15px; height: 100%; right: -15px; top: 0; } body#multimedia.new #video-content:before { content: ''; background-color: #000; display: inline-block; position: absolute; width: 15px; height: 100%; left: -15px; top: 0; } body#multimedia.new #video-content input#copyTarget { position: absolute; z-index: -1; } body#multimedia.new #video-content #media-player iframe { height: 500px; } @media (max-width: 767px) { body#multimedia.new #video-content #media-player iframe { height: 340px; } } @media (max-width: 550px) { body#multimedia.new #video-content #media-player iframe { height: 220px; min-height: 220px; } } body#multimedia.new #video-content #featured-details-header { color: #fff; font-family: 'DINNextW01-CondensedBol'; font-size: 32px; margin-top: 20px; } @media (max-width: 550px) { body#multimedia.new #video-content #featured-details-header { font-size: 26px; } } body#multimedia.new #video-content #featured-details-header a { color: #fff; } body#multimedia.new #video-content #featured-details-header a:hover { text-decoration: underline; } body#multimedia.new #video-content #featured-details-description { color: #fff; } body#multimedia.new #video-content #featured-details-description p { line-height: 25px; } body#multimedia.new #video-content #social-container .btn-xs { border-radius: 4px; padding: 0 5px; height: 20px; width: 65px; overflow: hidden; } body#multimedia.new #video-content #video-tab-content{ display: block; } body#multimedia.new .media-header { font-family: 'DINNextW01-CondensedBol'; color: #b62328 !important; font-size: 56px; text-transform: uppercase; text-align: center; margin-top: 60px; margin-bottom: 0; } body#multimedia.new #share-buttons { float: right; padding: 18px; } body#multimedia.new #share-buttons #share-youtube a { color: white; } body#multimedia.new #share-buttons #share-copy-link { cursor: pointer; } body#multimedia.new #share-buttons #share-link-button-container { display: grid; } body#multimedia.new #share-footer #social-container .btn-xs { border-radius: 4px; padding: 0 5px; height: 20px; width: 65px; overflow: hidden; } body#multimedia.new #share-footer #share-buttons { float: right; padding: 18px; } body#multimedia.new #share-footer #share-buttons #share-youtube a { color: white; } body#multimedia.new #share-footer #share-buttons #share-copy-link { cursor: pointer; } body#multimedia.new #share-footer #share-buttons #share-link-button-container { display: grid; } body#multimedia.new #share-footer #share-buttons #share-link-button-container input#copyTarget { position: absolute; z-index: -1; } body#multimedia.new #multimedia-browser { padding: 50px 80px; } body#multimedia.new #multimedia-browser .multimedia-content { margin-left: -15px; margin-right: -15px; } body#multimedia.new #multimedia-browser ul.nav-tabs { border-bottom: 3px solid #002a4c; border-bottom: 0px; display: none; } body#multimedia.new #multimedia-browser ul.nav-tabs li a { color: #002a4c !important; font-size: 52px; text-transform: uppercase; } body#multimedia.new #multimedia-browser ul.nav-tabs li a:hover { background: #b62328; } body#multimedia.new #multimedia-browser ul.nav-tabs li.active { background-color: white; } body#multimedia.new #multimedia-browser ul.nav-tabs li.active a { background: transparent; } body#multimedia.new #multimedia-browser ul.nav-tabs li.active a:hover { background: transparent; } body#multimedia.new #multimedia-browser ul.nav-tabs li a[data-target="#all-tab-content"], body#multimedia.new #multimedia-browser ul.nav-tabs li a[data-target="#audio-tab-content"] { display: none !important; width: 0; overflow: hidden; padding: 0; } body#multimedia.new #multimedia-browser legend { display: none; } body#multimedia.new #multimedia-browser .loading div#search-results-header { display: none; } body#multimedia.new #multimedia-browser .status { background-color: #b62328; color: #fff; font-family: 'DIN Next W01 Regular'; padding: 0 13px; margin-top: -18px; } body#multimedia.new #multimedia-browser .multimedia-tools #search-mm input { font-family: 'DIN Next W01 Regular'; text-transform: uppercase; font-size: 13px; } body#multimedia.new #multimedia-browser .multimedia-tools .date-btn, body#multimedia.new #multimedia-browser .multimedia-tools .search-media-btn { background-color: #002a4c; text-transform: uppercase; } body#multimedia.new #multimedia-browser .multimedia-tools select { color: #bcbaba; font-family: 'DIN Next W01 Regular'; text-transform: uppercase; font-size: 13px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type="text"] { color: #bcbaba; font-family: 'DIN Next W01 Regular'; text-transform: uppercase; font-size: 13px; } body#multimedia.new #multimedia-browser .pagination { background-color: white; color: #000; } body#multimedia.new #multimedia-browser .pagination .listing-increment a { color: #000; } body#multimedia.new #multimedia-browser .pagination .listing-increment a:hover { color: #b62328; } body#multimedia.new #multimedia-browser .pagination .listing-increment a.selected { color: #b62328; } body#multimedia.new #multimedia-browser .pagination.first-one { display: none !important; } body#multimedia.new #multimedia-browser .media-thumbnail { height: 185px; width: 25%; margin: 0; display: inline-block; margin-top: 30px; margin-bottom: 40px; padding-right: 20px; padding-left: 20px; } body#multimedia.new #multimedia-browser .media-thumbnail img { margin-top: -32px; width: 100%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { color: #000; height: 165px; overflow: hidden; font-family: 'DINNextW01-CondensedBol'; display: inline-block; } body#multimedia.new #multimedia-browser .media-thumbnail .image a:hover { color: #002a4c; } body#multimedia.new #multimedia-browser .media-thumbnail a { color: #000; font-family: 'DINNextW01-CondensedBol'; max-height: 96px; overflow: hidden; display: inline-block; font-size: 15px; font-family: 'DIN Next W01 Regular'; } body#multimedia.new #multimedia-browser .media-thumbnail a:hover { color: #002a4c; } body#multimedia.new #multimedia-browser .media-thumbnail:hover a { color: #002a4c; } @media (max-width: 1300px) { body#multimedia.new #multimedia-browser .media-thumbnail { width: 33.33333%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 190px; } } @media (max-width: 1230px) { body#multimedia.new #multimedia-browser .media-thumbnail { width: 33.33333%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 176px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type='text'] { width: 83%; } } @media (max-width: 990px) { body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 157px; } } @media (max-width: 900px) { body#multimedia.new #multimedia-browser .media-thumbnail { width: 50%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 176px; } body#multimedia.new #multimedia-browser .multimedia-tools select { width: 39%; } body#multimedia.new #multimedia-browser .multimedia-tools input[type='text'] { width: 80%; } } @media (max-width: 768px) { body#multimedia.new #multimedia-browser .media-thumbnail { width: 100%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 240px; } body#multimedia.new #multimedia-browser .media-thumbnail img { margin-top: -50px; } body#multimedia.new #multimedia-browser .media-thumbnail a { height: 50px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type="text"] { width: 84%; } } @media (max-width: 560px) { body#multimedia.new #share-buttons { padding: 0; } body#multimedia.new #multimedia-browser .media-thumbnail { width: 100%; } body#multimedia.new #multimedia-browser .media-thumbnail .image a { height: 160px; } body#multimedia.new #multimedia-browser .media-thumbnail img { margin-top: -50px; } body#multimedia.new #multimedia-browser .media-thumbnail a { height: 50px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type='text'] { width: 78%; } } @media (max-width: 480px) { body#multimedia.new #multimedia-browser .media-thumbnail { width: 100%; } body#multimedia.new #multimedia-browser .media-thumbnail img { margin-top: -50px; } body#multimedia.new #multimedia-browser .media-thumbnail a { height: 50px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type='text'] { width: 78%; } } @media (max-width: 430px) { body#multimedia.new #share-buttons { padding: 0; } body#multimedia.new #multimedia-browser { padding: 50px 10px; } body#multimedia.new #multimedia-browser .media-thumbnail { width: 100%; } body#multimedia.new #multimedia-browser .media-thumbnail img { margin-top: -50px; } body#multimedia.new #multimedia-browser .media-thumbnail a { height: 50px; } body#multimedia.new #multimedia-browser .multimedia-tools input[type='text'] { width: 78%; } } body .footeroffices { padding: 35px; border-top: 10px solid #f5f5f5; text-align: center; margin-top: 7em; } body .footeroffices .offices .office { margin-top: 20px; font-size: 16px; } body .footeroffices .offices .office .text-up { font-size: 20px; } body footer { background-color: #f5f5f5; border-bottom: 10px solid #b62328; } body footer .footer-ul.footernav { text-align: center; } body footer .footer-ul.footernav li { padding: 45px 20px 7px; text-align: center; } body footer .footer-ul.footernav li a { color: white; font-size: 20px; text-transform: uppercase; color: #5b5c5e; font-family: 'DINNextW01-CondensedBol'; } body footer .footer-ul.footernav li a:hover { text-decoration: underline; } body footer .footer-ul.footernav li a:hover { color: #b62328; } body footer .subfooternav { /*float:left;*/ padding-bottom: 20px; text-align: center; background-color: #f5f5f5; } body footer .subfooternav ul { display: inline-block; } body footer .subfooternav a { color: white; font-family: 'DINNextW01-CondensedBol'; color: #c8c8c9; font-size: 14px; text-transform: uppercase; } body footer .subfooternav a:hover { text-decoration: underline; } body footer .subfooternav a:hover { color: #b62328; } body footer .subfooternav li { padding-top: 3px; } body footer .subfooternav li:first-child { /*border-right:1px solid black; padding-right: 10px;*/ } body footer .subfooternav .right { display: inline-block; margin-right: 20px; } body footer .subfooternav .social-list { display: inline-block; } body footer .subfooternav .social-list li { padding: 0; } body footer .subfooternav .social-list li a { background-color: #c8c8c9; color: white; width: 20px; height: 20px; border-radius: 20px; text-align: center; padding-top: 4px; font-size: 11px; display: inline-block; } body footer .subfooternav .social-list li a:hover { background-color: #b62328; } body .centered-nav .footer-ul { text-align: center; } body .left-aligned-nav .footer-ul, body .left-aligned-nav .footer-ul.footernav { text-align: left; } body .left-aligned-nav .footer-ul li:first-child, body .left-aligned-nav .footer-ul.footernav li:first-child { padding-left: 0px; } body .right-aligned-nav .footer-ul, body .right-aligned-nav .footer-ul.footernav { text-align: right; } body .right-aligned-nav .footer-ul li:last-child, body .right-aligned-nav .footer-ul.footernav li:last-child { padding-right: 0px; } body .right-aligned-nav .subfooternav li:first-child { /*border-left:1px solid black; padding-right: 10px;*/ } body:not(#home) footer { margin-top: 50px; } @media (max-width: 600px) { #flagForm .shipping .col-sm-10 { text-align: left; } #flagForm .shipping div { text-align: left; } } #flagForm .subtotal div { text-align: left; } #flagForm #flag-options .head { background-color: #002a4c; color: #fff; } @media (max-width: 767px) { #flagForm #flag-options .row label { font-size: 16px; } } @media (max-width: 540px) { #flagForm #flag-options .row label { font-size: 20px; } } @media (max-width: 767px) { #flagForm #flag-options .row span { font-size: 14px; } } @media (max-width: 540px) { #flagForm #flag-options .row span { font-size: 18px; } } @media (max-width: 540px) { #flagForm #flag-options .row .qty { padding: 1px; } } @media (max-width: 540px) { #flagForm #flag-options .row .col-xs-2 { width: 75%; } } @media (max-width: 540px) { #flagForm #flag-options .row .col-xs-4 { width: 100%; max-width: 212px; } #flagForm #flag-options .row .col-xs-4 .col-sm-2, #flagForm #flag-options .row .col-xs-4 .col-sm-10 { padding-left: 0px; } } #flagForm #flag-options .flown-qty { padding: 5px; } @media (max-width: 1200px) { #flagForm #flag-options .flown-qty { width: 40px; } } @media (max-width: 991px) { #flagForm #flag-options .flown-qty { width: 30px; } } @media (max-width: 767px) { #flagForm #flag-options .flown-qty { width: 100%; } } /* collapse ------------------------------- */ @media (max-width: 990px) { #flag-options .row label { width: 100%; } } #content .amend-form-container form { /*input[type="submit"] { padding: .25em .5em; font-size: 1.3em; }*/ } .hide-on-submit { display: none !important; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ font-family:'DIN Next W01 Regular'; font-family:'DIN Next W01 Medium'; font-family:'DINNextW01-LightItalic'; font-family:'DIN Next W01 Light'; font-family:'DIN Next W01 Italic'; font-family:'DINNextW01-HeavyItalic'; font-family:'DIN Next W01 Heavy'; font-family:'DINNextW01-CondensedUlt'; font-family:'DINNextW01-CondensedReg'; font-family:'DINNextW01-CondensedMed'; font-family:'DINNextW01-CondensedLig'; font-family:'DINNextW01-CondensedHea'; font-family:'DINNextW01-CondensedBol'; font-family:'DINNextW01-CondensedBla'; font-family:'DINNextW01-BoldItalic'; font-family:'DIN Next W01 Bold'; font-family:'DINNextW01-BlackItalic'; font-family:'DIN Next W01 Black'; font-family:'DINNextLTW01-UltraLight_706125'; font-family:'DINNextLTW01-UltraLight_706122'; font-family:'DIN Next LT W01 Ult Lt Cn It'; font-family:'DIN Next LT W01 Medium Cond It'; font-family:'DIN Next LT W01 Light Cond It'; font-family:'DIN Next LT W01 Heavy Cond It'; font-family:'DIN Next LT W01 Condensed It'; font-family:'DIN Next LT W01 Bold Cond It'; font-family:'DIN Next LT W01 Black Cond It'; font-family:'ProximaNW01-CdBlackIt'; font-family:'Proxima N W01 Cd Smbd'; font-family:'Proxima N W01 Cd Thin'; font-family:'ProximaNW01-CdXboldIt'; font-family:'Proxima N W01 Cd Xbold'; font-family:'ProximaNW01-CdBoldIt'; font-family:'Proxima N W01 Cd Bold'; font-family:'ProximaNW01-CdSmbdIt'; font-family:'Proxima N W01 Cd Reg It'; font-family:'Proxima N W01 Cd Reg'; font-family:'Proxima N W01 Cd Light'; font-family:'ProximaNW01-CdThinIt'; font-family:'Proxima N W01 Black'; font-family:'Proxima N W01 Xbold It'; font-family:'Proxima N W01 Xbold'; font-family:'Proxima N W01 Bold It'; font-family:'Proxima N W01 Bold'; font-family:'Proxima N W01 Smbd It'; font-family:'Proxima N W01 Smbd'; font-family:'Proxima N W01 Reg It'; font-family:'Proxima N W01 Reg'; font-family:'Proxima N W01 Light It'; font-family:'Proxima N W01 Light'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .bold-con { font-family: 'DINNextW01-CondensedBol'; } .regular { font-family: 'DIN Next W01 Regular'; } .con-it { font-family: 'DIN Next LT W01 Condensed It'; } .bold-serif { font-family: 'DIN Next W01 Heavy'; } /* you should name colors as their name (ie @blue) above but make sure to assign these following site colors to them */ .bold { font-family: 'DINNextW01-CondensedBol'; } .sans-serif { font-family: 'DIN Next W01 Regular'; } body { font-size: 20px; font-family: 'DIN Next W01 Regular'; color: #5c5b5b; } .section-header { margin-left: -30px; margin-bottom: 30px; background-color: #b62328; color: white; font-size: 23px; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; position: relative; display: inline-block; padding: 6px 15px 1px 30px; transition: 0.2s ease-in-out all; } .section-header i, .section-header img { display: inline; margin-right: 10px; } .section-header a { color: white; } .section-header:after { width: 0; height: 0; position: absolute; content: ''; display: inline-block; border-top: 34px solid #b62328; border-right: 21px solid transparent; right: -21px; top: 0px; } .section-header:hover { color: white; padding-left: 40px; } .section-header:hover a { color: white; } .main_page_title { font-size: 40px; text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; color: #002a4c; margin-top: 40px; } @media (max-width: 320px) { .main_page_title { font-size: 36px; } } body.newsroom_landing .main_page_title { margin-top: 20px; } /*anchor stlyes*/ a, .light-bg-link { color: #002a4c; } a:hover, .light-bg-link:hover { text-decoration: none; color: #02579b; } p a { word-wrap: break-word; } /* Used in: - Footer - NavModal */ .dark-bg-link { color: white; } .dark-bg-link:hover { text-decoration: underline; } select { background: #fff; width: 55px; height: auto; color: black; border: 1px solid silver; cursor: pointer; outline: none; position: relative; border-radius: 0px; margin: 0 auto; padding: 0px; vertical-align: bottom; font-size: 16px; } p { margin-bottom: 30px; line-height: 30px; } #press .date, .blog-entry .date, .video .date { text-transform: uppercase; font-family: 'DINNextW01-CondensedBol'; color: #5c5b5b; display: block; } h2.title { margin-top: 7px; } /*button styles*/ .pager li .btn, .btn, .btn-defualt, .btn:visited, .btn-defualt:visited, btn:focus, .btn-default:focus, .search-media-btn, #main_column form .btn { background-color: #002a4c; color: white; } .pager li .btn:hover, .btn:hover, .btn-defualt:hover, .btn:visited:hover, .btn-defualt:visited:hover, btn:focus:hover, .btn-default:focus:hover, .search-media-btn:hover, #main_column form .btn:hover { background-color: #02579b; color: white; } @media (max-width: 991px) { .pager li .btn, .btn, .btn-defualt, .btn:visited, .btn-defualt:visited, btn:focus, .btn-default:focus, .search-media-btn, #main_column form .btn { white-space: normal; } } .btn-lrg { font-size: 22px; padding: 20px 45px 20px 45px; margin-bottom: 10px; } /*interior page content default styles */ #content { width: 100%; max-width: 1330px; margin: 0 auto; } form label { color: #1b1b1b; } @media (max-width: 991px) { #home #twitter .tweet { max-height: none; } } @media (max-width: 767px) { #multimedia-browser .row .media-thumbnail { display: block; float: none !important; margin: 1em 0; width: 100%; } } .ieold .ieoldonly { display: block !important; } .ie .ieonly { display: block !important; } .ie .notie { display: none !important; } .ie11 .ieonly { display: block !important; } .ie11 .notie { display: none !important; } .ie10 .ieonly { display: block !important; } .ie10 .notie { display: none !important; } .ie9 .ieonly { display: block !important; } .ie9 .notie { display: none !important; } .ie8 .ieonly { display: block !important; } .ie8 .notie { display: none !important; } .ie7 .ieonly { display: block !important; } .ie7 .notie { display: none !important; } .ie6 .ie7only { display: block !important; } .ie6 .navbar-toggle { display: block !important; } .strong{ font-weight: bold; } .h3,.h2,.h1{ margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } #multimedia-browser .tab-content>.tab-pane { display: block!important; }