html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } /*@FONTFACE*/ @font-face { font-family: 'SourceSansProBold'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Bold-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Bold-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Bold-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProSemiboldItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-SemiboldIt-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-SemiboldIt-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-SemiboldIt-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBoldItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BoldIt-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BoldIt-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BoldIt-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BoldIt-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBlack'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Black-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Black-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Black-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Black-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBlackItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BlackIt-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BlackIt-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BlackIt-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BlackIt-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProExtraLight'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLight-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLight-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLight-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProExtraLightItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLightIt-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLightIt-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProLight'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Light-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Light-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Light-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Light-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProLightItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-LightIt-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-LightIt-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-LightIt-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-LightIt-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProRegular'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Regular-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Regular-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Regular-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProItalic'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-It-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-It-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-It-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-It-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProSemibold'; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Semibold-webfont.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Semibold-webfont.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Semibold-webfont.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/source-sans/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SSGizmo"; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-gizmo.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-gizmo.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-gizmo.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-gizmo.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-gizmo.svg#SSGizmo') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SSStandard"; src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-standard.eot'); src: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-standard.eot#iefix') format('embedded-opentype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-standard.woff') format('woff'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-standard.ttf') format('truetype'), url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/Content/font/ss-standard.svg#SSStandard') format('svg'); font-weight: normal; font-style: normal; } .ss-icon, .ss-icon.ss-gizmo, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-gizmo:before, [class*=" ss-"].ss-gizmo:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-gizmo.right:after, [class*=" ss-"].ss-gizmo.right:after { font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before, [class*=" ss-"].ss-gizmo.right:before { display: none; content: ''; } .ss-icon.ss-standard, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class*=" ss-"].ss-standard.right:before { display: none; content: ''; } body .btn { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } body .btn-primary-branded, .comment-form button.primaryAction { background-color: #931b20; background-image: none; color: white; text-transform: uppercase; border: none; font-size: 12px; font-weight: bold; border-radius: 0 !important; text-shadow: none; padding: 5px 20px; } body .btn-primary-branded:hover, .comment-form button.primaryAction:hover { background-color: #931b20; background-image: none; color: white; text-transform: uppercase; border: none; font-size: 12px; font-weight: bold; border-radius: 0 !important; text-shadow: none; padding: 5px 20px; } body a, .social-links a:hover i { color: #179AD5; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } body .content a:hover { color: #27BCFF; } body .content a.btn-primary-branded:hover { color: #fff; } .list-reset, .content .content-col article.content-item ul.list-reset, .content .content-col article.content-item ol.list-reset { list-style: none; list-style-type: none; margin: 0; padding: 0; }/* Specificity necessary for proper overriding. */ .inline-list li { float: left; } body { min-width: 300px; line-height: 1.6; color: #777; }/* Restricting min width to ensure responsivity to fixed point. */ body h1, body h2, body h3 { line-height: 1.4; font-family: "SourceSansProRegular", 'Myriad Pro', Arial, sans-serif; font-weight: normal; } .content h1, .content h2, .mceContentBody h1, .mceContentBody h2 { color: #8F0820; } .content h3, .mceContentBody h3 { color: #8B838B; } .content .lead, .mceContentBody .lead { color: #C27C7C; font-size: 16px; font-family: Georgia, Tahoma, serif; padding: 30px 8px; border-top: 1px dotted #dadada; border-bottom: 1px dotted #dadada; margin: 10px 0 20px; font-style: italic; } .content .lead .attribution, .mceContentBody .lead .attribution { text-align: right; display: block; margin-top: 16px; font-size: 12px; color: #B68787; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-style: normal; } img.pull-right { margin: 0 0 20px 20px; } img.pull-left { margin: 0 20px 20px 0; } /* Removing this as it seems like it is not a viable fix. img { width: unset; } */ .branded-font { font-family: "SourceSansProRegular", 'Myriad Pro', Arial, sans-serif; font-weight: normal; } body p { margin: 0 0 14px; } a#userDropdown { margin-left: 30px; }/* Admin dropdown link. */ .header .top-nav { background: #252525; padding: 8px 0; color: #fff; -moz-box-shadow: inset 0px -3px 13px -6px #000; -webkit-box-shadow: inset 0px -3px 13px -6px #000; box-shadow: inset 0px -3px 13px -6px #000; } .header .top-nav a { border-right: 1px solid #dadada; padding: 0 8px; color: #dadada; font-size: 11px; } .header .top-nav a:hover { color: #fff; } /*.header .top-nav a:first-child { border-right: none; padding-right: 0; }*/ .header .top-nav-dark { float: right; margin-right: 42px; } .header { background: #9a0822; background: -moz-linear-gradient(top, #9a0822 0%, #8e0820 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a0822), color-stop(100%,#8e0820)); background: -webkit-linear-gradient(top, #9a0822 0%,#8e0820 100%); background: -o-linear-gradient(top, #9a0822 0%,#8e0820 100%); background: -ms-linear-gradient(top, #9a0822 0%,#8e0820 100%); background: linear-gradient(to bottom, #9a0822 0%,#8e0820 100%); min-height: 60px; position: relative; /*z-index: 10000; Removed for Photo Gallery modal to layer correctly*/ -moz-box-shadow: 0px 8px 8px -8px #000; -webkit-box-shadow: 0px 8px 8px -8px #000; box-shadow: 0px 8px 8px -8px #000; } .header .logo-container { padding: 16px 0 13px; } .header .logo-container.active { /*background: #7C061A;*/ } .header .logo-container .main-logo { margin: 0; display: block; } .header .logo-container.active .main-logo { /*margin: 0 auto;*/ } @media (max-width: 981px) { #search-container { display: none !important; } } .header .navbar-inner { background: none; border: none; filter: none; } .header .nav-links ul li { /*border-right: 1px solid #7C061A; border-left: 1px solid #A60924;*/ } .header .nav-links ul li.first { border-left: none; } .header .nav-links ul li.last { border-right: none; } .header .nav-links a, #menu-toggle { color: #fff; text-transform: uppercase; -moz-text-shadow: 0 -1px 0 #000; -webkit-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; font-weight: bold; padding: 22px 11px; outline: none; font-size: 13px; } #menu-toggle { background: #7C061A; margin-top: 15px; padding: 7px 25px; border-radius: 5px; } #menu-toggle:hover { background: #AA1E36; } .header .nav-links ul li.first-level-nav.active > a, .header .nav-links ul li.first-level-nav.open { background-color: #0C6D98; /*-webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out;*/ } .header .nav-links ul li.first-level-nav.active > a { background: #7C061A; } .header .nav-links .nav-search-btn, #search-container-out-of-menu .nav-search-btn { padding: 14px 10px 0; } .header .nav-links .search-btn-container, #search-container-out-of-menu .search-btn-container { background: #7C061A; display: block; padding: 8px 12px; border-radius: 24px; } .header .nav-links .nav-search-btn:hover .search-btn-container, #search-container-out-of-menu .nav-search-btn:hover .search-btn-container { background: #AA1E36; } #search-container-out-of-menu { float: right; } #search-container-out-of-menu a { color: white; } #search-container { display: none; } .nav-search-wrap { float: right; position: relative; width: 50px; } .ss-search:before { content: "🔎"; font-family: "SSGizmo"; } .nav-search-wrap .ss-search:before { position: absolute; top: -2px; left: 18px; font-size: 19px; color: #dadada; } #search-container.popover { right: 0; left: auto; top: 30px; padding: 12px !important; background-color: #fff; border-radius: 0; border-top: 11px solid #0C6D98; } .header .nav-links a:hover { text-decoration: none; } .strip-of-power { } .strip-of-power .manage-actions a { color: #FFF; } .strip-of-power h2 { font-size: 24px; } .strip-of-power h2, .strip-of-power h3, .strip-of-power p { margin-top: 0; text-align: center; } .hero-area .strip-of-power h2, .hero-area .strip-of-power p { color: #fff; } .hero-area .strip-of-power p { font-size: 12px; } .hero-area .strip-of-power h2 { font-size: 18px; margin-bottom: 14px; -moz-text-shadow: 0 1px 1px #2E3655; -webkit-text-shadow: 0 1px 1px #2E3655; text-shadow: 0 1px 1px #2E3655; } body .hero-area .strip-of-power { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/hero-strip-of-power-bg.gif) repeat left top; min-height: 500px; } .hero-area .strip-of-power .btn { width: 40%; margin: 50px auto 0; } .hero-area .strip-of-power .sop-video-wrapper { position: relative; } .hero-area .strip-of-power .sop-video-wrapper .video-play-btn { position: absolute; text-indent: -9999px; display: block; width: 65px; height: 40px; top: 40%; left: 40%; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/custom-play-btn.png) no-repeat left top; border: none; } .hero-area .strip-of-power .sop-video-wrapper .video-play-btn:hover { background-position: left bottom; } .left-col.strip-of-power { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/strip-of-power-bg.gif) no-repeat center -7px #EEEEEE; padding-top: 110px; } .left-col.strip-of-power .home-glance-area { width: 70%; margin: 0 auto 20px; } .left-col.strip-of-power .home-glance-area .arrow-next, .left-col.strip-of-power .home-glance-area .arrow-prev { margin-top: 40px; } .left-col.strip-of-power .home-glance-area .arrow-next:hover, .left-col.strip-of-power .home-glance-area .arrow-prev:hover { text-decoration: none; } .left-col.strip-of-power .home-glance-area .arrow-next:hover i, .left-col.strip-of-power .home-glance-area .arrow-prev:hover i { color: #999; } .left-col.strip-of-power .home-glance-area .arrow-next i, .left-col.strip-of-power .home-glance-area .arrow-prev i { font-size: 24px; color: #ccc; } .strip-of-power-links { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/strip-of-power-links-bg.gif) no-repeat center bottom; padding: 0 0 80px; } .strip-of-power-links > a { padding: 10px 0 0; text-align: center; display: block; } .strip-of-power-links > a:last-child { border-bottom: none; } .strip-of-power-wrapper { padding: 5% 5% 0; } .hero-area { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/hero-bg.jpg) no-repeat center top #4C4C4C; height: 500px; } .right-col h1, .right-col h2, .right-col h3 { color: #8F0820; } .right-col { margin-top: 12px; } .content .container { padding-bottom: 40px; } .pre-footer { margin: 30px 0; padding: 30px 0; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/pre-footer-bg-tile.gif) repeat left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .pre-footer h2 { margin-top: 0; color: #725139; font-size: 24px; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } .pre-footer .video-container { padding: 4px 4px 0; } .pre-footer .video-container.pull-left { margin-right: 20px; margin-bottom: 30px; } .footer-shadow { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/footer-top-bg.jpg) no-repeat center top; } .footer { background: #0D6E99 url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/footer-tile.gif) repeat center top; position: relative; z-index: 100; } .footer .container { padding: 50px 0 20px; } .widget-footernavigation { width: 80%; float: left; } .widget-side-footer-navigation { width: 20%; float: left; } .menu-footer { display: flex; } .footer-links-list { margin: 0 0 20px 0; padding-left: 2%; padding-right: 2%; width: 25%; min-height: 186px; position: relative; font-family: Arial, sans-serif; border-right: 1px solid #d0cfcb; } .footer-links-list:first-of-type { border-left: 1px solid #d0cfcb; } .footer-links-list:last-of-type { margin-right: 0; border-right: 1px solid #d0cfcb; } .footer-links-list li a { color: #C1CDCF; font-size: 13px; padding: 6px 0; display: block; text-transform: uppercase; font-family: Arial, sans-serif; } .footer-links-list li a:hover { color: #fff; } .footer-links-list li.list-title { /*border-bottom: 2px solid #115E81;*/ /*margin-bottom: 8px; padding-bottom: 6px;*/ font-family: Arial, sans-serif; } .footer-links-list li.list-title > a { font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: Arial, sans-serif; padding-top: 0; } .footer-links-list .first-level-nav a { text-decoration: none; cursor: default; } .widget-side-footer-navigation .menu { margin: 0 0 20px 0; padding-left: 8%; padding-right: 8%; } .widget-side-footer-navigation .menu li { display: block; width: 100%; font-size: 13px; padding: 6px 0; line-height: 20px; } .widget-side-footer-navigation .menu li:first-of-type { padding-top: 0; } .widget-side-footer-navigation .menu li a { text-transform: uppercase; color: #fff; font-weight: 700; font-family: Arial, sans-serif; } .sub-footer { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/sub-footer-tile.gif) repeat-x left top #221E1F; } .sub-footer .container { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/sub-footer-bg.gif) no-repeat center top; min-height: 50px; padding-top: 52px; } .sub-footer .container span, .sub-footer .container a { color: #ccc; font-size: 12px; } .sub-footer .container .social-links a { white-space: nowrap; } .sub-footer .container a:hover { color: #179AD5; } .social-links-container { background: #fff; } .strip-of-power .social-links { margin: 20px 0 0 75px; } .strip-of-power .social-links a { background: #1EB1E5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px; width: 20px; height: 20px; display: block; float: left; margin-left: 4px; } .strip-of-power .social-links a i { margin: 0 auto; display: block; } .strip-of-power .social-links a:hover { background-color: #AEEBFF; } .strip-of-power .social-links a .icon-facebook { margin-left: 5px; } .strip-of-power .social-links a .icon-youtube { margin-left: 2px; } .strip-of-power .social-links a .icon-expand-alt { margin-left: 3px; } .social-links a i { font-size: 20px; color: #fff; margin-left: 6px; } .social-links a:hover i, .social-links a:hover { text-decoration: none; } .news-media-quickview { width: 62%; } .right-col .news-media-quickview .minimal-archive-list { padding: 2%; } .right-col .news-media-quickview .minimal-archive-list li .archive-item-link i { margin-right: 2%; margin-top: 6%; font-size: 20px; } .right-col .news-media-quickview .view-more-btn { margin-top: 10px; opacity: 0; -moz-transition: opacity 200ms; -webkit-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; } .right-col .news-media-quickview .view-more-btn > .btn { margin: 0 35% -22px 42%; width: 16%; font-size: 12px; } .right-col .news-media-quickview:hover .view-more-btn { opacity: 1; } .news-media-quickview .tab-content ul li { margin-bottom: 16px; } div.homepageSubText { border-top: 1px solid #EEE; padding-top: 20px; } .slide-description { padding: 46px 4% 6px; color: #FFF; position: absolute; bottom: 0; width: 92.1%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 37%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(37%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); } body .featureSlider ul li .slide-description h2 { padding-top: 0; margin: 0 0 4px; line-height: 1.4; } body .featureSlider ul li .slide-description h3 { padding-top: 0; margin-top: 0; font-size: 14px; } body .zone-featured .widget-featured-item-slider-widget { margin-top: 0; } .video-content-column { width: 34%; } .video-content-column .video-container { padding: 6px 5px 4px; } .blog-post .metadata .published { margin: 0 0 20px; font-size: 12px; color: #ccc; } .video-container { background: #fff; -moz-box-shadow: 0px 0px 8px -3px #000; -webkit-box-shadow: 0px 0px 8px -3px #000; box-shadow: 0px 0px 8px -3px #000; padding: 6px 6px 0px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 10px; } .video-container .player .video-wrapper { background-color: #fff !important; } .video-container iframe { width: 100%; height: 100%; margin: 0; } #tinymce .video-container iframe { height: auto; } /* =VIDEO EMBEDS (Used to force responsive sizing of embedded videos.) ....................................... */ .content-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .content-video-container iframe, .content-video-container object, .content-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body .player .controls .play:hover { background-color: #179AD5; } .video-content-item h3 { margin-bottom: 8px; } .widget-nav-icons a i { font-size: 20px; margin-left: 10px; color: #ccc; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; } .widget-nav-icons a:hover i { color: #999; text-decoration: none; } .content .content-item.page header { display: none; /* I PULLED THIS TO REMOVE META INFORMATION FROM EACH CONTENT PAGE. WHEN THIS IS CONTROLLED IN THE ADMIN WE CAN REMOVE THE STYLING HERE */ } hr.dotted { border-style: dotted; } /*AUXILLARY COLUMN (IN CONTENT)*/ .content-aux-col.pull-right { margin: 0 0 30px 30px; } .content-aux-col h3 { margin: 0 0 6px; } .content-aux-col ul li { margin-bottom: 10px; } .content-aux-col ul li span { font-size: 12px; } .content-aux-col .content-aux-col-row { margin-bottom: 30px; } .content-image { margin: 10px; } /*AUXILLARY COLUMN CALLOUT (IN CONTENT) - THIS IS DIFFERENT IN THAT IT'S STYLED MORE AS A CALLOUT AND LESS AS AN AUXILLARY COLUMN BUT THEY STILL SHARE TRAITS*/ .content-callout-container { background: #F0F0F0; border-top: 5px solid #0C6D98; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; width: 260px; } .content-callout-title { font-size: 20px; text-align: center; display: block; } .content-callout-container .content-callout-content { background: #fff; -moz-box-shadow: 0px 0px 10px -5px #000; -webkit-box-shadow: 0px 0px 10px -5px #000; box-shadow: 0px 0px 10px -5px #000; padding: 14px 20px; } .content-callout-container .content-callout-content li { padding: 4px 0; } /*AUXILLARY COLUMN CALLOUT (IN CONTENT) - COLUMN CONTAINS DATA VISUALIZTION CONTENT IN UNORDERED LISTS AND SOME OTHER UNIQUE STLYING*/ .data-visualized-conent ul li span strong { display: block; font-size: 30px; margin-top: 6px; letter-spacing: -2px; font-weight: normal; } /*HORIZONTAL DISPLAY*/ .horizontal-display.data-visualized-conent { border-top: 5px solid #efefef; padding-top: 30px; margin-bottom: 30px; } .horizontal-display.data-visualized-conent li { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/vertical-dotted-content.gif) repeat-y right top; margin-right: 5%; } .horizontal-display.data-visualized-conent li:last-child { background: none; margin-right: 0; } /*WIDTHS BASED ON ITEM NUMBER*/ .horizontal-display.data-visualized-conent.three-items li { width: 30%; } /*VERTICAL DISPLAY*/ .content-aux-col.data-visualized-conent ul { border-left: 5px solid #efefef; padding-left: 20px; } .content-aux-col.data-visualized-conent ul li { border-bottom: 1px solid #efefef; padding-bottom: 16px; margin-bottom: 16px; } .content-aux-col.data-visualized-conent ul li:last-of-type { border-bottom: none; padding-bottom: 0; } .content-aux-col.data-visualized-conent ul li img { margin: 0 10px 0 0; } /*LANDING PAGE CALLOUTS*/ .landing-page-callouts-container { margin: 4px 0 20px; padding: 2%; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/pre-footer-bg-tile.gif) repeat left top; border: 1px solid #ccc; } .landing-page-callouts-item, .landing-page-featured-item { background: #fff; -moz-box-shadow: 0px 0px 10px -5px #000; -webkit-box-shadow: 0px 0px 10px -5px #000; box-shadow: 0px 0px 10px -5px #000; padding: 2%; }/* Shared attributes grouped for consistency. */ .landing-page-featured-item { padding: 0; } .landing-page-featured-item a { display: block; padding: 5px 5% 20px; border: 2px solid #FFF; text-decoration: none; text-align: center; } .landing-page-featured-item a:hover { text-decoration: none; border-color: #179AD5; } .landing-page-featured-item span.featured-top { display: block; min-height: 200px; } .landing-page-callouts-item .item-title, .landing-page-featured-item span.featured-heading { color: #0C6C98; font-size: 24px; margin-bottom: 0px; -ms-word-wrap: break-word; word-wrap: break-word; }/* Shared attributes grouped for consistency. */ .landing-page-featured-item span.featured-heading { display: block; margin: 15px 0 10px; line-height: 1.1em; } .landing-page-featured-item a:hover span.featured-heading { color: #179AD5; } .landing-page-callouts-item .item-description, .landing-page-featured-item span.featured-description { color: #777; font-size: 13px; }/* Shared attributes grouped for consistency. */ .landing-page-featured-item span.featured-description { } .landing-page-featured-item a:hover span.featured-description { color: #179AD5; } .landing-page-featured-item img { width: 70%; margin: 20px 10%; padding: 6px 5%; border-width: 3px 0; border-style: solid; border-color: #EFEFEF; } .landing-page-featured-item a:hover img { border-color: #CCC; } .landing-page-callouts-row { margin-bottom: 30px; } .landing-page-callouts-row:last-child { margin-bottom: 0; } .landing-page-callouts-container.landing-page-callouts-no-bg { background: none; border: none; margin: 2% 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding-left: 0; padding-right: 0; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item:hover { -moz-box-shadow: 0px 0px 10px -5px #000; -webkit-box-shadow: 0px 0px 10px -5px #000; box-shadow: 0px 0px 10px -5px #000; } .landing-page-callouts-container.landing-page-callouts-no-bg .item-title { font-size: 16px; color: #179AD5; } .landing-page-callouts-container.landing-page-callouts-no-bg .item-title, .landing-page-callouts-container.landing-page-callouts-no-bg .item-date, .landing-page-callouts-container.landing-page-callouts-no-bg .item-summary { display: block; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item.tall-callout { width: 28%; margin-left: 1%; text-align: left; padding-bottom: 1%; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item.tall-callout:first-of-type { margin-left: 0; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item.tall-callout:hover { text-decoration: none; } .landing-page-callouts-container.landing-page-callouts-no-bg .landing-page-callouts-item.tall-callout:hover .item-title { text-decoration: underline; color: #27BCFF; } /*TALL CALLOUTS - Used on "Career Paths" page, etc. */ .landing-page-callouts-item.tall-callout { text-align: center; margin-left: 5%; width: 26%; float: left; } .landing-page-callouts-item.tall-callout:first-of-type { margin-left: 0; } .landing-page-callouts-item.tall-callout .item-photo-container { margin-bottom: 20px; } .landing-page-callouts-item.tall-callout .item-photo-container hr { width: 70%; margin: 6px auto; height: 3px; background: #efefef; border: none; } .landing-page-callouts-item.tall-callout .item-description { min-height: 70px; } /*WIDE CALLOUTS - Used on "Career Paths" page, etc. */ .landing-page-callouts-item.wide-callout { width: 92%; padding: 2% 4%; margin-bottom: 30px; } .landing-page-callouts-item.wide-callout:last-child { margin-bottom: 0; } .landing-page-callouts-item.wide-callout .content-area { width: 64%; margin-top: 8px; } .landing-page-callouts-item.wide-callout .content-area .btn { margin-top: 30px; } .landing-page-callouts-item.wide-callout .item-photo-container hr { width: 70%; margin: 6px auto; height: 3px; background: #efefef; border: none; } .page-headline-area { border-bottom: 1px solid #DBDBDA; margin-bottom: 20px; padding: 20px 0; } .page-headline-area h1 { line-height: 1; margin: 0; } .page-headline-area .sub-headline { font-size: 14px; color: #B8B8B8; } /* DROP DOWN MENU *********************************/ .header .menu-main-menu .dropdown { /*position: static;*/ } .header .menu-main-menu .dropdown a { text-decoration: none; cursor: default; } .header .menu-main-menu .dropdown .dropdown-menu a { cursor: pointer; } .header .menu-main-menu .dropdown a:after { content: ""; font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; color: #fff; margin-left: 5px; font-size: 12px; } @media screen and (max-width:981px) { .header .menu-main-menu .dropdown a:after { display: none; } } .header ul.dropdown-menu > a:hover { background-color: #195772; /*-webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out;*/ } .header .menu .first-level-nav:hover { background-color: #0C6D98; /*-webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out;*/ } .header .nav-links ul.dropdown-menu { /*width: 1130px; right: 0; left: auto;*/ width: auto; left: auto; /*left: -45px;*/ -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; margin-top: 0px; border-top: 11px solid #0C6D98; border-left: none; border-right: none; border-bottom: none; padding: 20px; -moz-box-shadow: 0px 6px 16px -8px #000; -webkit-box-shadow: 0px 6px 16px -8px #000; box-shadow: 0px 6px 16px -8px #000; } .header .nav-links .popover { left: auto; right: 0; } .menu-main-menu .popover { top: 64px !important; width: 226px; border-top-width: 11px !important; border-top-style: solid !important; border-top-color: #0C6D98 !important; border-radius: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0px !important; -webkit-box-shadow: none; padding: 12px; box-shadow: none; } .menu-main-menu .popover .arrow { display: none; } .navbar ul.menu li .show-subnav { font-family: FontAwesome; display: none; } .navbar ul.menu li .show-subnav:after { content: "\f055"; } .navbar ul.menu li .show-subnav.current:after { content: "\f056"; } /* Second/Third level navigation */ .header .nav-links li.second-level-nav, .header .nav-links li.third-level-nav { border: none; /*margin-right: 26px; padding-right: 26px; border-right: 1px solid #EEE;*/ width: 100%; } .header .nav-links li.second-level-nav li.third-level-nav { border-right: none; padding: 0px; margin: 0px; display: block; float: none; padding-bottom: 10px; } .header .nav-links li.second-level-nav a { font-size: 18px; color: #525252; background: none; border: none; -webkit-text-shadow: none; text-shadow: none; text-transform: none; line-height: 1.4; font-family: "SourceSansProLight", 'Myriad Pro', Arial, sans-serif; font-weight: normal; font-weight: normal; margin: 0px 0px 14px 0px; padding: 4px; } .header li.second-level-nav a:hover { color: #494949; } .header li.second-level-nav.with-callout { margin-right: 0px; padding-right: 0px; float: right; } .header .nav-callout { width: 330px; margin-top: 11px; } .header .nav-callout img { margin-right: 20px; float: left; } .header .nav-callout i { font-size: 70px; color: #0C6C98; } .header .nav-callout h4 { line-height: 0; color: #8E071F; } .header .nav-links li.second-level-nav .nav-callout a { font-size: 15px; color: #179AD5; font-family: "SourceSansProRegular", 'Myriad Pro', Arial, sans-serif; font-weight: normal; margin: 13px 0; padding: 0px; display: inline-block; } .header .nav-links li.second-level-nav .nav-callout a:hover { color: #DB1818; } .header .navbar { margin-bottom: 0px; -webkit-box-shadow: 0px 9px 6px -4px rgba(0, 0, 0, 0.2); box-shadow: 0px 9px 6px -4px rgba(0, 0, 0, 0.2); } /* Third level nav */ .header ul.third-level-nav-container { float: left; list-style: none; margin-left: 0px; } .header ul.third-level-nav-container li.third-level-nav a { color: #085271; font-size: 15px; font-family: Arial, Helvetica, sans-serif; } .header .nav-links li.second-level-nav a:hover, .header ul.third-level-nav-container li.third-level-nav a:hover { color: #4FC8FF; } .header ul.third-level-nav-container.addendum { margin-left: 17px; } /* ASIDE NAV */ /*BACKGROUND HANDLING *********************************/ .aside-first { border-top: 5px solid #0C6D98; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/left-col-nav-bg.jpg) repeat-y right top #fff; } .zone-aside-first { padding-bottom: 260px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /*STRUCTURAL STYLING *********************************/ ul.menu-menu-left-col-navigation, .widget-leftcolnav ul.menu { margin-top: 10px; } ul.menu-menu-left-col-navigation li, .widget-leftcolnav ul.menu li { width: 98.2%; } ul.menu-menu-left-col-navigation li a, .widget-leftcolnav ul.menu li a { padding: 8px 0; font-size: 18px; display: block; } ul.menu-menu-left-col-navigation li a:hover, .widget-leftcolnav ul.menu li a:hover { text-decoration: none; } ul.menu-menu-left-col-navigation li ul, .widget-leftcolnav ul.menu li ul { list-style-type: none; list-style-image: none; margin: 0; border-top: 1px solid #E5E5E5; } ul.menu-menu-left-col-navigation li ul li, .widget-leftcolnav ul.menu li ul li { border-bottom: 1px solid #E5E5E5; padding-bottom: 1px; width: 100%; } ul.menu-menu-left-col-navigation li ul li:last-of-type, .widget-leftcolnav ul.menu li ul li:last-of-type { border-bottom: none; } /* ASIDE NAV - PARENTS AND ACTIVE *********************************/ .widget-leftcolnav ul.menu > li { display: none; } .widget-leftcolnav ul.menu li.active { display: inline-block; } .widget-leftcolnav ul.menu > li.active > a { display: none; } .widget-leftcolnav ul.menu > li.active > ul { border-top: none; } ul.menu-menu-left-col-navigation li.current > a, ul.menu-menu-left-col-navigation li ul li.current > a, .widget-leftcolnav ul.menu li.current > a, .widget-leftcolnav ul.menu li ul li.current > a { color: #333; } ul.menu-menu-left-col-navigation li ul li.current > a, ul.menu-menu-left-col-navigation li ul li.expanded.parent > a, .widget-leftcolnav ul.menu li ul li.current > a, .widget-leftcolnav ul.menu li ul li.expanded.parent > a { cursor: default; padding-left: 6px; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/left-col-nav-parent-active-bg.jpg) repeat-x left top #D9D9D9; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li.current > a, .widget-leftcolnav ul.menu li ul li.expanded.parent > ul li.current > a { background: none; } ul.menu-menu-left-col-navigation li ul li.expanded.parent > a:hover, .widget-leftcolnav ul.menu li ul li.expanded.parent > a:hover { cursor: pointer; } ul.menu-menu-left-col-navigation li ul li.current > a:hover, .widget-leftcolnav ul.menu li ul li.current > a:hover { color: #333; cursor: default; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul, .widget-leftcolnav ul.menu li ul li.current.parent > ul, .widget-leftcolnav ul.menu li ul li.expanded.parent > ul { padding: 3px 0 6px 0px; margin-left: 0px; background: #F7F7F7; -moz-box-shadow: inset 0px 3px 7px -5px #000; -webkit-box-shadow: inset 0px 3px 7px -5px #000; box-shadow: inset 0px 3px 7px -5px #000; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul li, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li, .widget-leftcolnav ul.menu li ul li.current.parent > ul li, .widget-leftcolnav ul.menu li ul li.expanded.parent > ul li { border-bottom: none; background: #F7F7F7; padding-bottom: 2px; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul li > a, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li > a, .widget-leftcolnav ul.menu li ul li.current.parent > ul li > a, .widget-leftcolnav ul.menu li ul li.parent > ul li > a { font-size: 14px; padding: 6px 0 0px 10px; } .widget-leftcolnav ul.menu .nav-callout { display: none; } /* start here*/ /*STRUCTURAL STYLING *********************************/ ul.menu-menu-left-col-navigation, .widget-left-col-nav-2 ul.menu { margin-top: 10px; } ul.menu-menu-left-col-navigation li, .widget-left-col-nav-2 ul.menu li { width: 98.2%; } ul.menu-menu-left-col-navigation li a, .widget-left-col-nav-2 ul.menu li a { padding: 8px 0; font-size: 18px; display: block; } ul.menu-menu-left-col-navigation li a:hover, .widget-left-col-nav-2 ul.menu li a:hover { text-decoration: none; } ul.menu-menu-left-col-navigation li ul, .widget-left-col-nav-2 ul.menu li ul { list-style-type: none; list-style-image: none; margin: 0; border-top: 1px solid #E5E5E5; } ul.menu-menu-left-col-navigation li ul li, .widget-left-col-nav-2 ul.menu li ul li { border-bottom: 1px solid #E5E5E5; padding-bottom: 1px; width: 100%; } ul.menu-menu-left-col-navigation li ul li:last-of-type, .widget-left-col-nav-2 ul.menu li ul li:last-of-type { border-bottom: none; } /* ASIDE NAV - PARENTS AND ACTIVE *********************************/ .widget-left-col-nav-2 ul.menu > li { display: none; } .widget-left-col-nav-2 ul.menu li.active { display: inline-block; } .widget-left-col-nav-2 ul.menu > li.active > a { display: none; } .widget-left-col-nav-2 ul.menu > li.active > ul { border-top: none; } ul.menu-menu-left-col-navigation li.current > a, ul.menu-menu-left-col-navigation li ul li.current > a, .widget-left-col-nav-2 ul.menu li.current > a, .widget-left-col-nav-2 ul.menu li ul li.current > a { color: #333; } ul.menu-menu-left-col-navigation li ul li.current > a, ul.menu-menu-left-col-navigation li ul li.expanded.parent > a, .widget-left-col-nav-2 ul.menu li ul li.current > a, .widget-left-col-nav-2 ul.menu li ul li.expanded.parent > a { cursor: default; padding-left: 6px; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/left-col-nav-2-parent-active-bg.jpg) repeat-x left top #D9D9D9; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li.current > a, .widget-left-col-nav-2 ul.menu li ul li.expanded.parent > ul li.current > a { background: none; } ul.menu-menu-left-col-navigation li ul li.expanded.parent > a:hover, .widget-left-col-nav-2 ul.menu li ul li.expanded.parent > a:hover { cursor: pointer; } ul.menu-menu-left-col-navigation li ul li.current > a:hover, .widget-left-col-nav-2 ul.menu li ul li.current > a:hover { color: #333; cursor: default; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul, .widget-left-col-nav-2 ul.menu li ul li.current.parent > ul, .widget-left-col-nav-2 ul.menu li ul li.expanded.parent > ul { padding: 3px 0 6px 0px; margin-left: 0px; background: #F7F7F7; -moz-box-shadow: inset 0px 3px 7px -5px #000; -webkit-box-shadow: inset 0px 3px 7px -5px #000; box-shadow: inset 0px 3px 7px -5px #000; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul li, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li, .widget-left-col-nav-2 ul.menu li ul li.current.parent > ul li, .widget-left-col-nav-2 ul.menu li ul li.expanded.parent > ul li { border-bottom: none; background: #F7F7F7; padding-bottom: 2px; } ul.menu-menu-left-col-navigation li ul li.current.parent > ul li > a, ul.menu-menu-left-col-navigation li ul li.expanded.parent > ul li > a, .widget-left-col-nav-2 ul.menu li ul li.current.parent > ul li > a, .widget-left-col-nav-2 ul.menu li ul li.parent > ul li > a { font-size: 14px; padding: 6px 0 0px 10px; } .widget-left-col-nav-2 ul.menu .nav-callout { display: none; } /* end here*/ .inner-top-banner { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/innerpage-ribbon.jpg'); height: 116px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; border-bottom: 5px solid #F0F0F0; -moz-box-shadow: inset 0px -4px 13px -7px #000; -webkit-box-shadow: inset 0px -4px 13px -7px #000; box-shadow: inset 0px -4px 13px -7px #000; } .inside-cca-top-banner { background: #0E5C82 url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/inside-cca-hero-bg.jpg') no-repeat center center; height: 336px; border-bottom: 5px solid #F0F0F0; -moz-box-shadow: inset 0px -4px 13px -7px #000; -webkit-box-shadow: inset 0px -4px 13px -7px #000; box-shadow: inset 0px -4px 13px -7px #000; margin-bottom: 28px; } .inside-cca-top-banner.alternate { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/inside-cca-hero-bg_group.jpg'); } @media screen and (max-width: 1200px) { .inside-cca-top-banner.alternate { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/inside-cca-hero-bg_group_tablet.jpg'); } } @media screen and (max-width: 620px) { .inside-cca-top-banner.alternate { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/inside-cca-hero-bg_group_phone.jpg'); } } .content .sub-nav-container { position: relative; z-index: 2; top: -34px; } .content { position: relative; min-height: 267px; } .content .inner-bg-extender { background: #fff; border-top: 5px solid #0C6D98; position: absolute; left: 0; height: 35px; top: -34px; width: 22%; z-index: 1; } .content .content-col article.content-item ul, .content .content-col article.content-item ol { overflow: hidden; padding-left: 30px; margin-left: 0; } /* IFRAME (Investors) *********************************/ .content .content-col iframe { width: 100%; max-width: 870px; border-width: 0; }/* Styling iframes in right column content area (used in "Investors" section). */ .ie8 .content .content-col iframe { min-height: 1655px; }/* IE8 iframe fallback. Currently set to longest page's value of 1655 ("Supplemental Financial Data"). */ /* BREADCRUMBS *********************************/ .content ul.breadcrumb, .content .menu-breadcrumbs { background: none; border-bottom: 4px solid rgba(219, 219, 218, .25); border-radius: 0px; margin: 8px 0px 12px 0px; padding: 0px 0px 4px 0px; font-family: "SourceSansProLight", 'Myriad Pro', Arial, sans-serif; font-weight: normal; } .content ul.breadcrumb li, .content .menu-breadcrumbs li { padding: 3px 0px; white-space: nowrap; } .content ul.breadcrumb li.current a, .content .menu-breadcrumbs li.current a { color: #666; } .content ul.breadcrumb li:after, .content .menu-breadcrumbs li:after { content: '\00a0\00a0\00bb\00a0\00a0'; font-size: 19px; } .content ul.breadcrumb li.last:after, .content .menu-breadcrumbs li.last:after { content: ''; } /* SEARCH *********************************/ #q { width: 139px; } .popover form { margin: 0; } #search-container-out-of-menu { display: none; } .search-results li { border-bottom: 1px solid #CCC; padding: 4px 0px; margin: 4px 0px; } .search-results li .content-item.page header { display: block; } .search-results li h1 { font-size: 22px; } .search-results li .metadata { display: none; } .search-results li .blog-post .metadata { display: block !important; } .search-results li.last { border-bottom: none; } .search-summary { margin-top: 8px; } /*FACILITIES - DETAIL PAGE *********************************/ .facility-contact-info { margin: 40px 0 30px; } .facility-contact-info-list { width: 24%; margin-left: 2%; } .facility-contact-info-list li { margin-bottom: 12px; } .facility-contact-info-list li p { margin-bottom: 2px; } .facility-contact-info-list li:last-child { background: none; padding-bottom: 0; margin-bottom: 0; } .forms-download-buttons { width: 50%; } .forms-download-buttons .btn { text-align: left; padding: 5px 20px margin-bottom: 14px; } .forms-download-buttons .btn i { font-size: 18px; margin-right: 12px; vertical-align: text-top; } .pio-info { text-align: right; font-size: 13px; color: #7A7A7A; margin: 40px 0 0; } .location-hours-item { margin-right: 20px; padding-right: 26px; } .location-hours-item:last-child { margin-right: 0; padding-right: 0; } .location-hours-item p { margin-bottom: 0; text-align: center; } .location-hours-item p strong { display: block; font-size: 20px; color: #333333; line-height: 1; } .facility-contact-info .accordion-inner { border: none; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/horizontal-dotted-content.gif) repeat-x left top; padding: 20px 0 0; margin-top: 10px; } .facility-details-page h3 { margin-top: 40px; } /*FACILITIES - LIST PAGE *********************************/ .filters-well { background: #F5F5F5; padding: 20px 30px; margin: 20px 0; } .filters-well .pull-right.filter-sub-info { text-align: right; } .filters-well .pull-right.filter-sub-info span { display: block; } .facilities-filter-well select { margin: 8px 0 0; } .facilities-list { margin: 10px 0 30px; } .facilities-list ul { margin: 0; list-style: none; list-style-type: none; } .facilities-list li { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/horizontal-dotted-content.gif) repeat-x left bottom; } .facilities-list li:hover { background-color: #f8f8f8; } .facilities-list li a { display: block; padding: 22px 16px; } .facilities-list li a .item-description { font-size: 14px; color: #B3B3B3; } .facilities-list li a strong { font-size: 18px; margin-right: 10px; } .facilities-list li a .link-icon { font-size: 20px; } .facilities-list li a:hover { text-decoration: none; } /* CUSTOM HEADERS *********************************/ .modal.fade.in { top: 17%; } .video-player-icon { color: #efefef; background: rgba(7, 115, 187, 0.5); border-radius: 62px; display: block; width: 90px; text-align: center; padding-bottom: 15px; } .video-player-icon > i { font-size: 30px; padding: 20px 30px 0 34px; display: block !important; } .video-player-icon:hover, .video-player-icon:focus { text-decoration: none; background: rgba(7, 115, 187, 1); outline: none; color: #fff; } #watch-link { display: none; } .zone-before-main .widget-video-container-widget .aside-info { padding: 10px 0px; /*-webkit-box-shadow: 5px 2px 10px rgba(0,0,0,.1); box-shadow: 5px 2px 10px rgba(0,0,0,.1);*/ height: auto; /*background-color: white;*/ position: relative; z-index: 2; float: right; } .zone-content .widget-video-container-widget .aside-info { margin-left: 20px; } .zone-before-main .widget-video-container-widget .aside-info h2 { color: #8F0820; } .zone-before-main .widget-video-container-widget .aside-info h2, .zone-before-main .widget-video-container-widget .aside-info p { margin-right: 20px; } .zone-before-main .widget-video-container-widget .aside-extender { width: 39%; box-shadow: 3px 2px 10px rgba(0,0,0,.1); height: auto; position: absolute; margin-top: 55px; left: 0px; z-index: 1; background-color: white; } .zone-before-main .widget-video-container-widget { min-height: 218px; } .zone-before-main .widget-video-container-widget .video-player { margin-top: 6%; } .zone-content .widget-video-container-widget .video-player { margin-left: 50px; clear: both; } #video-player iframe { width: 100%; height: 394px; } .inside-cca-callouts-container { margin: 70px 0; } .inside-cca-callout { width: 42%; padding: 2% 4%; -webkit-transition: box-shadow 300ms ease-out; -moz-transition: box-shadow 300ms ease-out; -ms-transition: box-shadow 300ms ease-out; -o-transition: box-shadow 300ms ease-out; transition: box-shadow 300ms ease-out; } .inside-cca-callout:hover { text-decoration: none; background: #fff; -moz-box-shadow: 0px 0px 20px -8px #000; -webkit-box-shadow: 0px 0px 20px -8px #000; box-shadow: 0px 0px 20px -8px #000; } .inside-cca-callout:hover h3, .inside-cca-callout:hover i, .inside-cca-callout:hover span { color: #179AD5; } .inside-cca-callout i { font-size: 70px; color: #0C6C98; margin-top: 24px; margin-bottom: 28px; } .inside-cca-callout h3 { line-height: 1.2; color: #0C6C98; font-size: 18px; } .inside-cca-callout p { margin: 0 0 8px; color: #777; font-size: 13px; } .inside-cca-callout.cca-yearbook-callout { text-align: left; background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/vertical-dotted-content.gif) repeat-y right top; } .inside-cca-callouts-container:hover .inside-cca-callout.cca-yearbook-callout { background-image: none; } .inside-cca-callout.media-requests-callout { text-align: right; } img.headline-icon { float: left; max-height: 80px; max-width: 80px; margin: 0 20px 20px 0; } h1.headline { margin-top: 30px; margin-bottom: 0; } h2.headline-sub { margin-top: 0; line-height: 1.2em; font-size: 24px; color: #8B838B; } .minimal-archive-tab-content { overflow: visible; } .minimal-archive-list { } .minimal-archive-list li > a { padding: 3%; display: block; } .minimal-archive-list li > a:hover { text-decoration: none; } .minimal-archive-list li { -webkit-transition: box-shadow 300ms ease-out; -moz-transition: box-shadow 300ms ease-out; -ms-transition: box-shadow 300ms ease-out; -o-transition: box-shadow 300ms ease-out; transition: box-shadow 300ms ease-out; clear: both; } .minimal-archive-list li:hover { -moz-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); } .minimal-archive-list li .archive-item-link i { font-size: 30px; margin: 3% 0 5% 6%; visibility: hidden; } .minimal-archive-list li:hover .archive-item-link i { visibility: visible; } .minimal-archive-list .item-title, .minimal-archive-list .item-date, .minimal-archive-list .item-summary { display: block; margin-bottom: 4px; } .minimal-archive-list .item-title { } .minimal-archive-list .item-date { font-size: 12px; color: #999; } .minimal-archive-list .item-summary { color: #333; } .minimal-archive-list li img.pull-left { margin-bottom: 0; } .minimal-archive-tabs { background: #F5F5F5; padding: 0 6px; border-bottom: none; } .minimal-archive-tabs li { white-space: nowrap; } .minimal-archive-tabs.nav-tabs > .active > a, .minimal-archive-tabs.nav-tabs > .active > a:hover, .minimal-archive-tabs.nav-tabs > .active > a:focus { border-top: 4px solid #0C6D98; background: #fff; } .minimal-archive-tabs.nav-tabs > li > a { border-top: 4px solid #F5F5F5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: background 100ms ease-in; -webkit-transition: background 100ms ease-in; -o-transition: background 100ms ease-in; transition: background 100ms ease-in; } .minimal-archive-tabs.nav-tabs > li > a, .minimal-archive-tabs.nav-tabs > li > a:hover, .minimal-archive-tabs.nav-tabs > li > a:focus { border-bottom: none; border-right: none; border-left: none; } .minimal-archive-tabs.nav-tabs > li > a:hover, .minimal-archive-tabs.nav-tabs > li > a:focus { background: #FCFCFC; border-color: #F5F5F5; } .minimal-archive-tabs.nav-tabs > li > a { padding: 8px 18px; } .minimal-archive-list.tight-fit-list { width: 64%; } .minimal-archive-list.tight-fit-list li .archive-item-link i { margin: 5% 0 5% 10%; } .view-more-btn { display: block; border-bottom: 1px solid #eaeaea; overflow: visible; margin: 30px 0; } .view-more-btn > .btn { margin: 0 42% -22px; width: 12%; border: 10px solid #fff; -moz-box-shadow: 0px 0px 0px 20px #fff; -webkit-box-shadow: 0px 0px 0px 20px #fff; box-shadow: 0px 0px 0px 20px #fff; background: #EFEFEF; border: 1px solid #c4c4c4; } .view-more-btn > .btn:hover { border-color: #C5C5C5; } .articles-accordian .accordion-group { border: none; margin-bottom: 30px; } .articles-accordian .accordion-toggle { margin-top: 10px; } .articles-accordian .accordion-toggle:hover { text-decoration: none; } .articles-accordian .accordion-inner { padding: 2%; border-top-color: #efefef; } .inside-cca-top-article { margin: 30px 0; display: block; } .inside-cca-top-article:hover { text-decoration: none; } .inside-cca-top-article:hover .item-title { text-decoration: underline; } .inside-cca-top-article .item-title { margin-top: 20px; } /* TEMP */ .text-field-feature-on-homepage { display: none; } .enumeration-field-blog-post-feature-level { display: none; } .enumeration-field-population { display: none; } .blog-post .text-field { display: none; } .custom-hortizonal .control-label { width: 68px; } .custom-hortizonal .controls { margin-left: 79px; } #media-submit { width: 222px; } .user-display { display: none; } .home-glance-area h2, .home-glance-area h3 { text-align: center; line-height: 1; } .home-glance-area h3 { font-family: 'SourceSansProBold', Arial, sans-serif; color: #16B0E5; font-size: 40px; margin-bottom: 4px; } .home-glance-area h2 { color: #333; font-size: 18px; } .home-glance-area .carousel-control { top: 30%; } #homepage-content .video-content-column .video-content-item .home-glance-area .carousel-control { top: 40%; } /* FACILITIES MAP *********************************/ .facilities-map { clear: both; margin-bottom: 20px; } .facilities-map #map-canvas { border: 1px solid #FFF; } .facilities-map .panel { padding: 20px 0; } .facilities-map .panel h6 { margin: 0; padding: 0; } .facilities-map .map-container { width: 100%; height: 400px; } .facilities-map .map-container .gm-style-mtc { display: none; } .facilities-map .map-container img { max-width: none; } .facilities-map .gm-style-iw { line-height: 1.5em; } .facilities-map .gm-style-iw hr { margin: 8px 0 6px 0; } /* MISC. STYLES *********************************/ .disclaimer { font-style: italic; } /* Responsive *********************************/ /* For full width extenders */ @media screen and (min-width: 1950px) { .content .inner-bg-extender { width: 34%; } .zone-before-main .widget-video-container-widget .aside-extender { width: 44% !important; } } @media screen and (min-width: 3670px) { .content .inner-bg-extender { width: 35%; } } /* Widescreen Desktop */ @media screen and (min-width: 1220px) { .header { clear: both; position: fixed; top: 0; width: 100%; z-index: 1000; /* CHECK PHOTO GALLERY MODAL */ }/* Incorporating floating top nav for tablet & desktop. */ .headerPlaceholder { height: 96px; }/* Correcting for floating the top nav (pulling it out of page flow). */ .navbar .dropdown > ul.dropdown-menu { display: none !important; } .navbar ul.menu ul.third-level-nav-container, .navbar .dropdown.open > ul.dropdown-menu { display: block !important; } /*.hidden-desktop-nav, .navbar ul.menu ul.third-level-nav-container.hidden-desktop-nav { display: none !important; }*//* Turning off elements only needed for responsive (accordion) version of navbar. Specificity necessary for proper overriding. */ /*.header .nav-links li.nav-link-alt { display: none; }*//* Hiding alternate links only needed for responsive (accordion) version of navbar (used to duplicate gray-bar-links there). */ /* DROP DOWN MENU *********************************/ .header .nav-links .first-level-nav.dropdown-pull-right ul.dropdown-menu { width: auto; } } /* SHARED Basic Desktop, Tablet, Mobile */ @media screen and (max-width: 1220px) { .admin-bar, .header .top-nav { /*display: none;*/ }/* Removing admin bar & gray bar top nav at mobile sizing. */ .header .logo-container { width: auto; margin-left: 5px; } .header .logo-container.active { background: none; } .navbar-inner { padding-right: 0; padding-left: 0; } .zone-header { padding: 0px 10px; } .headerPlaceholder { display: none; }/* This is only used when floating the top nav at wider resolutions. */ .container { padding-left: 15px !important; padding-right: 15px !important; } body { padding: 0px; } /* Navigation ****************/ /*.hidden-responsive-nav { display: none !important; }*//* Turning off elements only needed for desktop version of navbar. */ /*.nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: rgba(0, 0, 0, 0); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header .nav-collapse, .header .nav-collapse.collapse { height: 0 !important; overflow: hidden !important; } .header .nav-collapse.in { height: auto!important; overflow: visible!important; } .header .nav-collapse { clear: both; } .header .navbar .btn-navbar { display: block; } #search-container-out-of-menu .search-btn-container { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-width: 1px; border-style: solid; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); padding: 8px 13px; } .navbar .nav-links { float: none; } .header .nav-links a { padding-top: 12px; padding-bottom: 12px; } .header ul.menu { display: table; width: 100%; table-layout: fixed; } .navbar ul.menu li { display: block; float: none; height: 45px; border-left: none; border-right: none; } .navbar ul.menu li .show-subnav { position: relative; display: inline-block; font-size: 2em; width: 20px; height: 20px; text-align: center; margin: 12px 0px; padding: 0 16px; color: white; cursor: pointer; float: right; } .navbar ul.menu li > a { width: 75%; white-space: normal; } .navbar ul.menu li.first-level-nav.active { background: #7C061A; } .header .nav-links ul.dropdown-menu { background-color: white; float: left; margin: 0px; padding: 0px; width: 100%; left: auto; border: 0; } .nav-collapse { display: block; float: none; width: 97.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 1px; box-sizing: border-box; } .nav-collapse .open > .dropdown-menu { display: none; } .header .nav-links .second-level-nav ul { display: none; } .header .nav-links li.second-level-nav a { padding: 12px 12px; float: left; margin: 0px; } .header .nav-links li.second-level-nav, .header .nav-links li.second-level-nav li.third-level-nav { border: none !important; margin-right: 0; padding-right: 0; padding-bottom: 0; } .navbar ul.menu li.second-level-nav .show-subnav { color: #919090; border-color: #919090; } .navbar ul.menu ul.third-level-nav-container { width: 100%; background-color: #EEE; } .header ul.third-level-nav-container.addendum { margin-left: 0; } .header .nav-links ul li.first-level-nav.subnav-open, .header .nav-links ul li.first-level-nav.subnav-open > a { background: #0C6D98 !important; display: table-row; } .header .nav-links li.second-level-nav.subnav-open { background: white; color: black; } .header .nav-links li.second-level-nav.with-callout { display: none; } .header .nav-links li.second-level-nav.subnav-open li.third-level-nav { background-color: #EEEEEE; } .header .nav-links > li.nav-link-alt { display: block; }*//* Showing alternate links in responsive (accordion) version of navbar (used to duplicate gray-bar-links). */ /*#search-container-in-menu { display: none; } #search-container-out-of-menu { display: inline-block; }*/ .news-media-quickview { width: 65%; } /* HOME PAGE *********************************/ #homepage-content .video-content-column { width: 25%; margin-right: 30px; } #homepage-content .video-content-item h3 { line-height: 1.1em; } #homepage-content .video-content-column .carousel-control { width: 20px; } #homepage-content .video-content-column .video-content-item .carousel-control.right { right: -35px; } #homepage-content .video-content-column .video-content-item .carousel-control.left { left: -25px; } /*FACILITIES - DETAIL PAGE *********************************/ .facility-contact-info-list { width: auto; } .forms-download-buttons.pull-right { clear: left; float: left; width: auto; } } .hero-image-area.span8 { margin-left: 0; } /* ARTICLE COMMENTS */ #media-request-button { float: right; } .comment-wrapper { margin-top: 30px; border-top: 2px solid #E6E6E6; padding-top: 20px; } .comment-wrapper h2.comment-count { font-size: 18px; font-weight: bold; } .comment-wrapper .comment { background-color: #ECECEC; border-radius: 10px; padding: 16px; margin-bottom: 10px; } .comment header { margin-bottom: 5px; } .comment-wrapper .comment header h5 { font-style: italic; font-size: 12px; margin: 0; line-height: 1; } .comment-wrapper .comment header h5 span.who{ font-style: normal; font-size: 16px; } .comment-wrapper .comment header h5 span.when { float: right; color: #AEAEAE; } .comment-wrapper .comment header span.facility-name{ color: #AEAEAE; font-size: 13px; } .comment-wrapper .comment p { color: #5a5a5a; } .comment-wrapper .comment header a { color: #999; } /* ARTICLE COMMENTS FORM */ .comment-form { margin: 0; padding-top: 20px; }/* Shared attributes grouped for consistency (Comments & Comment Form). */ .comment-form.span6 { margin-left: 0; } .comment-form textarea.input-xxlarge { height: 120px; } .content .content-col article.content-item .comment-form ol { padding-left: 0; } .comment-form li { list-style: none; } .comment-form fieldset.who li:last-child { display: none; }/* Turning off the "URL" input box. */ div.message-Error { width: 100%; float: left; color: red; } /*RESOURCE CENTER LIST*/ .resources-list p { margin-bottom: 10px; } .resources-list a { font-size: 13px; display: block; } .resources-list a:hover { text-decoration: none; } .resources-list a i { font-size: 16px; margin-right: 4px; } .resources-list h4 { font-size: 16px; margin-bottom: 8px; line-height: 1; } .resources-list li { margin-bottom: 3%; padding-bottom: 3%; padding-left: 2%; border-bottom: 1px solid #efefef; } .resources-list li:last-of-type { border-bottom: none; } /*FAQ LIST*/ .faq-list { margin-bottom: 20px; list-style-type: none; } .faq-list li strong { margin-top: 10px; display: block; margin-bottom: 4px; font-size: 16px; } .faq-list li:first-of-type strong { margin-top: 6px; } .faq-list li { margin-bottom: 20px; border-bottom: 1px dotted #DADADA; padding-bottom: 10px; } .faq-list li:last-of-type { border-bottom: none; } .carousel-control { border: 0; background-color: transparent; } .video-content-column .carousel-control.right { right: -50px; } .video-content-column .carousel-control.left { left: -40px; } .strip-of-power .carousel-control.left { left: 0; } .strip-of-power .carousel-control.right { right: 0; } .strip-of-power .carousel-control.left, .strip-of-power .carousel-control.right { color: #868686; } .strip-of-power .carousel-control.left:hover, .strip-of-power .carousel-control.right:hover { color: #27BCFF; } body .carousel-control.right { right: 0px; color: #9c9c9c; font-size: 40px; } body .carousel-control.left { left: 0px; } body .carousel-control.right, body .carousel-control.left { color: #9c9c9c; font-size: 40px; } body .carousel-control.right:hover, body .carousel-control.left:hover { color: #27BCFF; } .small-quote { margin: 2% 0 3%; padding: 0 0 3%; border-left: none; border-bottom: 1px dotted #dadada; } .small-quote p { font-size: 14px; line-height: 1.6; } .small-quote small { text-align: right; display: block; color: #C27C7C; } .pull-left.with-margins { margin-right: 30px; margin-bottom: 10px; } .pull-right.with-margins { margin-left: 30px; margin-bottom: 10px; } /*NEW INSIDE CCA STYLING*/ body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus, body .dropdown-submenu:hover > a, body .dropdown-submenu:focus > a { background: #dadada; } .inside-cca-landing { } .inside-cca-landing .inner-top-banner { background: url(/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/inside-cca-hero-bg.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-position: center; height: 336px; } .inside-cca-landing .title-area { padding: 30px 0 20px; } .inside-cca-landing .title-area h1 { margin: 0; line-height: 1; } .inside-cca-landing .top-level-callout { } .landing-page-callouts-item .link-on-hover { visibility: hidden; display: block; font-weight: normal; font-size: 16px; margin: 10px 0 0; } .landing-page-callouts-item:hover .link-on-hover { visibility: visible; } .landing-page-callouts-item.tall-callout .link-on-hover { font-size: 14px; } .landing-page-callouts-container.top-level-callout h3 { display: block; margin-left: 4.5%; } .inside-cca-landing h3.current-issue { margin-left: 2.56%; } .landing-page-callouts-container.top-level-callout .callout-text-container { margin-left: 0; } .landing-page-callouts-container.top-level-callout .callout-text-container .item-title { font-size: 22px; line-height: 1.2; margin-top: 10px; } .landing-page-callouts-container.top-level-callout .callout-text-container .item-date { font-size: 14px; } .landing-page-callouts-container.top-level-callout .callout-text-container .item-summary { } .landing-page-callouts-container.top-level-callout { margin: 0; padding: 0; border: none; } .inside-cca-landing .minimal-archive-tab-content.span8 { margin-left: 0; } .inside-cca-landing .article-category-list li { border-bottom: 1px solid #f3f3f3; } .inside-cca-landing .article-category-list li a { display: block; padding: 10px; } .inside-cca-landing .article-category-list li a:hover { background-color: #fafafa; text-decoration: none; } .inside-cca-landing .article-category-list li:last-child { border-bottom: none; } .inside-cca-landing h3 { font-size: 22px; color: #8F0820; } /*PHOTO CAPTIONS*/ .captioned-image-container { position: relative; margin-bottom: 20px; display:flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } .captioned-image-container .captioned-image-image { display: block; align-self: flex-end; -webkit-align-self: flex-end; flex:none; } .captioned-image-container .captioned-image-text { color: #fff; display: block; position: absolute; bottom: 0px; font-size: 14px; background: rgba(0, 0, 0, 0.7); width: auto; padding: 10px 14px; left: 0px; } .captioned-image-container .captioned-image-text span { padding: 10px 14px; display: block; } .captioned-image-container .captioned-image-text span.moreText { display: inline; padding: 0; } .captioned-image-container .captioned-image-text span.more { display: inline-block; padding: 0; } .captioned-image-container .captioned-image-text a.more { display: inline-block; margin-left: 5px; } .captioned-image-container.pull-left { margin: 0 20px 20px 0; display:flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } .captioned-image-container.pull-right { margin: 0 0 20px 20px; display:flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } .twitter-timeline { margin-top: 30px; } /*GUTTER PULL*/ .hero-area .row-fluid .no-gutter.span8 { width: 68%; margin-left: 0; overflow: hidden; } .featureSlider ul, .featureSlider ul li { } .featureSlider ul li span { float: none; margin-right: 0; } /*FORM STYLING*/ label { position: relative } label.required::after { content: attr(class); color: #A06670; position: absolute; right: 0; } .widget-contact-us-form fieldset.submit-button { display: none } .widget-custom-form-widget .input-xxlarge, .widget-custom-form-widget input, .widget-custom-form-widget textarea, .widget-custom-form-widget .uneditable-input { width: 96%; padding-left: 2%; padding-right: 2%; } .widget-custom-form-widget select.input-xxlarge, .widget-custom-form-widget select { width: 100%; } .widget-media-request-cca-news fieldset.submit-button button, .widget-media-request fieldset.submit-button button { display: none; } /* NEW HOMEPAGE STYLES - 11/30/15 - AC */ .hero-wrapper { position: relative; } .hero-wrapper .hero-banner-image { width: 100%; } .hero-banner-image img { width: 100%; } .hero-wrapper .hero-banner-text { position: absolute; top: 50%; left: 10%; color: white; text-shadow: 0 2px 4px #000; margin: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hero-wrapper .hero-banner-text .hero-date { font-size: 12px; line-height: 14px; margin-bottom: 16px; font-weight: bold; } .hero-wrapper .hero-banner-text .hero-date span { color: #9b9b9b; text-transform: uppercase; } .hero-wrapper .hero-banner-text .hero-title { font-size: 32px; line-height: 38px; font-weight: bold; } .hero-wrapper .hero-banner-text .hero-text { font-size: 16px; line-height: 19px; } .btn.btn-red { background-color: #931b20; background-image: none; color: white; text-transform: uppercase; border: none; font-size: 12px; font-weight: bold; border-radius: 0 !important; text-shadow: none; padding: 5px 20px; } .content .btn-red:visited, .content .btn-red:hover, .content .btn-red:active, .content .btn-red:focus, .btn-red:visited, .btn-red:hover, .btn-red:active, .content .btn-red:focus { background-color: #931b20; color: white; } .homepage-content .row-fluid { margin-left: 0; } .content-info-callout { position: relative; float: left; width: 100%; } .content-info-callout img { width: 100%; } .content-info-callout .callout-content { font-size: 24px; font-weight: normal; text-align: center; position: absolute; width: 50%; left: 50%; margin-left: -25%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .content-info-callout .callout-content h4 { font-size: 12px; text-transform: uppercase; } .content-info-callout .callout-content a { color: white; background-color: black; font-size: 12px; line-height: 16px; text-align: center; width: 215px; padding: 7px 25px; text-transform: uppercase; font-weight: bold; } .content-info-callout .callout-content p { font-size: 24px; line-height: 28px; color: white; font-weight: bold; } .homepage-option-wrap { background-color: #252525; padding-right: 0; padding-left: 0; } .homepage-option-wrap .row-fluid { margin: 0; } .homepage-option-wrap .homepage-option { padding: 23px 40px; margin: 20px 0; } .homepage-option-wrap .homepage-option p { color: white; font-size: 20px; line-height: 24px; margin: 0; font-weight: bold; } .homepage-option-wrap .homepage-option.left-option { border-right: 1px solid #979797; } .homepage-option-wrap .homepage-option .btn-red { width: 100%; padding-left: 0; padding-right: 0; } .container-fluid.no-gutter { padding-left: 0; padding-right: 0; } .homepage-content .row-fluid.no-gutter, .homepage-content .row.no-gutter{ margin-left: 0; margin-right: 0; } .homepage-content .top-left-callout { color: black; width: 58.44%; } .homepage-content .top-left-callout h4 { color: black; } .homepage-content .top-left-callout p { color: black; } .homepage-content .top-left-callout hr { border-top: 0; border-bottom: 1px solid black; width: 64%; text-align: center; margin-left: 17.5%; } .homepage-content .top-left-callout a { color: white; background-color: black; } .homepage-content .top-left-callout a:hover, .homepage-content .top-left-callout a:visited, .homepage-content .top-left-callout a:active, .homepage-content .top-left-callout a:focus { color: white; } .homepage-content .top-right-callout { color: white; margin: 0; width: 41.55%; } .homepage-content .top-right-callout h4 { color: white; } .homepage-content .top-right-callout p { color: white; } .homepage-content .top-right-callout a { color: black; background-color: white; } .homepage-content .top-right-callout a:hover, .homepage-content .top-right-callout a:visited, .homepage-content .top-right-callout a:active, .homepage-content .top-right-callout a:focus { color: black; } .homepage-content .top-right-callout hr { border-top: 0; border-bottom: 1px solid white; width: 75%; text-align: center; margin-left: 12.5%; } .homepage-content .top-right-callout .callout-content { width: 65%; left: 50%; margin-left: -32.5%; } .homepage-content .main-callouts .row { margin-left: 0; } .homepage-content .bottom-callout .callout-content { width: 75%; left: 50%; margin-left: -37.5%; } .homepage-content .bottom-callout h4 { color: white; font-size: 36px; line-height: 43px; margin-bottom: 20px; text-transform: none; } .homepage-content .bottom-callout p { color: white; font-size: 18px; font-weight: normal; line-height: 25px; margin-bottom: 25px; } .homepage-content .bottom-callout a { color: #4d000e; background-color: white; padding: 7px 50px; font-weight: bold; } .homepage-content .bottom-callout a:hover, .homepage-content .bottom-callout a:visited, .homepage-content .bottom-callout a:active, .homepage-content .bottom-callout a:focus { color: #4d000e; } .recent-post-wrap img { width: 100%; min-height: 243px; } .recent-post-wrap .callout-image { max-height: 243px; } .recent-post-wrap .item-date { font-weight: bold; color: #4a4a4a; font-size: 9px; line-height: 11px; margin-bottom: 10px; } .recent-post-wrap .item-type { color: #ababab; text-transform: uppercase; } .recent-post-wrap .item-title { font-weight: bold; color: #202020; font-size: 18px; line-height:22px; min-height: 44px; margin-bottom: 17px; } .recent-post-wrap .item-summary { font-weight: normal; color: #4a4a4a; font-size: 14px; line-height: 17px; margin-bottom: 24px; } .recent-post-wrap .item-link { text-align: center; width: 100%; } .recent-post-wrap .recent-post-content { background-color: #f5f5f5; margin-left: 0; padding: 20px 15px; position: relative; } .recent-post-wrap a.btn-red:visited, .recent-post-wrap a.btn-red:hover, .recent-post-wrap a.btn-red:active, .recent-post-wrap a.btn-red:focus { color: white; text-decoration: underline; } .recent-post-wrap .btn-red { font-size: 11px; width: 70%; } .recent-post-section { margin-top: 43px; margin-bottom: 26px; } .homepage-content .homepage-video-callout { padding-bottom: 0; background-color: #f5f5f5; padding-left: 0 !important; padding-right: 0 !important; } .homepage-content .homepage-video-callout .homepage-video { margin-left: 0; width: 68.085106383%; } .homepage-content .homepage-video-callout .homepage-video .row { margin: 0; } .homepage-content .homepage-video-callout .homepage-video .video-wrapper { width: 100%; } .homepage-content .full-width-callout .full-width-callout-content { background-color: #f5f5f5; padding: 50px 46px 20px 46px; position: relative; } .homepage-content .full-width-callout .full-width-callout-content h4 { font-size: 24px; line-height: 29px; font-weight: bold; color: #202020; margin-bottom: 35px; } .homepage-content .full-width-callout .full-width-callout-content p { font-size: 14px; line-height: 19px; color: #4a4a4a; margin-bottom: 68px; } .homepage-content .full-width-callout .full-width-callout-content .item-link a { width: 100%; padding: 7px 0; } .homepage-content .full-width-callout img { width: 100%; } .homepage-content .homepage-social-icons { padding: 50px 0; } .homepage-content .homepage-social-icons ul { margin: 0; } .homepage-content .homepage-social-icons ul li { display: inline-block; width: 19%; text-align: center; } .homepage-content .homepage-social-icons ul li img { width: 66%; } @media screen and (max-width:1199px) { .recent-post-wrap .item-title { min-height: 66px; } .recent-post-wrap img { min-height: 197px; } .recent-post-wrap .callout-image { max-height: 197px; } } @media screen and (max-width:991px) { .recent-post-wrap .item-title { min-height: 88px; } .recent-post-wrap .item-date { min-height: 22px; } .recent-post-wrap .item-summary { min-height: 68px; } .homepage-option-wrap .homepage-option p { font-size: 16px; } .homepage-option-wrap .homepage-option { padding: 23px 20px; } .homepage-option-wrap .homepage-option .btn-red { font-size: 10px; } .homepage-content .top-right-callout .callout-content { width: 80%; left: 43%; } .homepage-content .top-left-callout .callout-content { width: 67%; left: 41%; } .homepage-content .full-width-callout .full-width-callout-content { padding: 15px 30px 20px 30px; } .homepage-content .full-width-callout .full-width-callout-content h4 { margin-bottom: 20px; } .homepage-content .full-width-callout .full-width-callout-content p { margin-bottom: 25px; } .recent-post-wrap img { min-height: 150px; } .recent-post-wrap .callout-image { max-height: 150px; } .homepage-content .bottom-callout .content-info-callout { overflow: hidden; } .homepage-content .bottom-callout .content-info-callout img { height: 500px; width: auto; max-width: none; } } @media screen and (max-width:767px) { .homepage-content .top-left-callout, .homepage-content .top-right-callout { width: 100%; } .hero-wrapper .hero-banner-image { height: 425px; overflow: hidden; } .hero-banner-image img { height: 100%; width: auto; max-width: none; -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .homepage-option-wrap .homepage-option.left-option { border-right: none; border-bottom: 1px solid #979797; margin-left: 15%; margin-right: 15%; padding-left: 0; padding-right: 0; width: 70%; } .homepage-option-wrap .homepage-option { text-align: center; padding: 17px; margin: 0; } .homepage-option-wrap .homepage-option p { font-size: 20px; line-height: 24px; margin-bottom: 15px; } .homepage-option-wrap .homepage-option .btn-red { width: 70%; font-size: 12px; } .hero-wrapper .hero-banner-text { left: 6%; width: 90%; } .content-info-callout { height: 100%; } .homepage-content .bottom-callout h4 { font-size: 25px; line-height: 30px; margin-bottom: 10px; } .homepage-content .bottom-callout p { font-size: 16px; line-height: 20px; } .homepage-content .homepage-social-icons { display: none; } .recent-post-section { margin-top: 10px; padding-left: 20px; padding-right: 20px; } .recent-post-wrap { margin-top: 24px; } .recent-post-wrap .item-title { min-height: initial; } .recent-post-wrap .item-summary { min-height: initial; } .recent-post-wrap .item-date { min-height: initial; } .recent-post-wrap img { min-height: unset; } .recent-post-wrap .callout-image { max-height: unset; } .homepage-content .homepage-video-callout { background-color: transparent; padding-left: 15px !important; padding-right: 15px !important; } .homepage-content .homepage-video-callout .homepage-video { padding-left: 20px; padding-right: 20px; width: 100%; } .full-width-callout { padding-left: 20px; padding-right: 20px; } .homepage-content .full-width-callout .full-width-callout-content { padding: 16px 38px 35px 38px; } .homepage-content .full-width-callout .full-width-callout-content h4 { margin-bottom: 17px; margin-top: 0; } .homepage-content .full-width-callout .full-width-callout-content p { margin-bottom: 17px; } .content .homepage-featured-posts { padding-bottom: 10px; } .homepage-content .bottom-callout .callout-content { width: 90%; margin-left: -45.5%; } .homepage-content .bottom-callout .content-info-callout { height: auto; } .homepage-content .bottom-callout .content-info-callout img { height: 600px; -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } } @media screen and (max-width:450px) { .hero-wrapper .hero-banner-image img { -webkit-transform: translate(-40%, 0); -moz-transform: translate(-40%, 0); -ms-transform: translate(-40%, 0); -o-transform: translate(-40%, 0); transform: translate(-40%, 0); } .content-info-callout div:first-of-type { height: 100%; } .content-info-callout img { height: 100%; max-width: none; width: auto; } .content-info-callout { height: 425px; overflow: hidden; } } /* NEW NEWS PAGE STYLES - 12/4/15 - AC */ .full-width { width: 100%; } .news-page a.full-width { padding-left: 0; padding-right: 0; } .news-page loading-overlay { background:; } .news-page .btn-red:hover, .news-page .btn-red:active, .news-page .btn-red:focus { color: white; } .news-page { padding-top: 40px; font-family: Helvetica, Arial, sans-serif; } .news-page .nav-section { padding-top: 10px; padding-bottom: 84px; } .news-page .row { margin: 0; } .news-page h1 { font-weight: bold; font-size: 32px; color: #4d000e; line-height: 38px; font-family: Helvetica, Arial, sans-serif; margin-top: 0; } .news-page .location-listing-wrap .default-item { border: 1px solid #979797; position: relative; } .news-page .location-listing-wrap .default-item.location-selected { border: 2px solid #9f2726; } .news-page .location-listing-wrap .default-item p { margin: 0; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 17px; padding: 14px 12px; text-align: center; color: #818282; cursor: pointer; position: relative; padding-left: 40px; } .news-page .location-listing-wrap .default-item p:before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 15px solid #818282; position: absolute; margin-left: -25px; } .news-page .location-listing-wrap .listing { display: none; position: absolute; z-index: 102; background-color: white; max-height: 600px; max-width: 100%; overflow-y: scroll; border: 1px solid #979797; color: #4a4a4a; padding: 15px 10px; } .news-page .location-listing-wrap .listing span { font-weight: bold; font-size: 16px; line-height: 19px; } .news-page .location-listing-wrap .listing ul { margin: 0; } .news-page .location-listing-wrap .listing li { font-size: 12px; line-height: 14px; list-style-type: none; margin: 15px 0; cursor: pointer; } .news-page .location-listing-wrap .listing a { font-weight: bold; font-size: 16px; line-height: 19px; color: #4a4a4a; margin-bottom: 20px } .news-page .location-listing-wrap .listing p { text-align: left; text-transform: none; padding: 0; margin-bottom: 20px; } .news-page .location-listing-wrap .listing p:before { display: none; } .news-page .location-listing-wrap .listing li a { font-size: 12px; line-height: 14px; color: #4a4a4a; font-weight: normal; } /*.news-page .location-listing-wrap .default-item:hover .listing { display: block; }*/ .news-page .news-nav ul { padding: 0; margin: 0; } .news-page .news-nav ul li { list-style-type: none; font-size: 14px; line-height: 17px; color: #818282; font-weight: bold; margin-right: 35px; display: inline-block; padding: 18px 0 8px 0; text-transform: uppercase; } .news-page .news-nav ul li.current-link { border-bottom: 3px solid #7f0017; } .news-page .news-nav ul li a:link, .news-page .news-nav ul li a:visited, .news-page .news-nav ul li a:hover, .news-page .news-nav ul li a:active, .news-page .news-nav ul li a:focus { color: #818282; } .news-page .content-info-callout { margin: 10px 0 50px 0; } .news-page .content-info-callout .callout-content a { background-color: #931b20; background-image: none; color: white; text-transform: uppercase; border: none; font-size: 12px; font-weight: bold; border-radius: 0 !important; text-shadow: none; padding: 5px 70px; width: auto; } .news-page .content-info-callout .callout-content h4 { text-shadow: 0 2px 1px #333; font-size: 32px; line-height: 38px; color: white; margin-bottom: 28px; text-transform: none; } .news-page .content-info-callout .callout-content .callout-date { text-shadow: 0 1px 1px #333; color: white; font-size: 12px; line-height: 14px; margin-bottom: 17px; font-weight: bold; } .news-page .content-info-callout .callout-content .callout-date span { text-transform: uppercase; } .news-page .content-info-callout .callout-content p { text-shadow: 0 2px 1px #333; font-size: 16px; line-height: 19px; margin-bottom: 36px; font-weight: normal; } .news-page .content-info-callout .callout-content p:last-of-type { margin-bottom: 0; } .news-post-full-width { padding: 50px 0; /*float: left;*/ border-bottom: 1px solid rgba(151,151,151,0.25); padding-left: 0 !important; padding-right: 0 !important; } .news-post-full-width .btn-red { padding: 5px 70px; } .content .load-more-articles { text-align: center; padding: 64px; margin-left: 0; } .load-more-articles a { background-color: #4d000e; color: white; font-weight: bold; border-radius: 17px; padding: 14px 45px; font-size: 16px; line-height: 20px; text-transform: uppercase; } .news-page .load-more-articles.no-more-articles a { border: 1px solid #4d000e; background-color: white; color: #4a4a4a; } .news-page .load-more-articles.no-more-articles a:visited, .news-page .load-more-articles.no-more-articles a:hover, .news-page .load-more-articles.no-more-articles a:active, .news-page .load-more-articles.no-more-articles a:focus { border: 1px solid #4d000e; background-color: white; color: #4a4a4a; } .content .load-more-articles a:visited, .content .load-more-articles a:hover, .content .load-more-articles a:active, .content .load-more-articles a:focus { background-color: #4d000e; color: white; font-weight: bold; border-radius: 17px; padding: 14px 45px; font-size: 16px; line-height: 20px; text-transform: uppercase; } .news-post-full-width .news-item-content { padding-left: 40px; padding-bottom: 10px; } .news-post-full-width .news-item-content.news-no-thumbnail { padding-left: 0; padding-bottom: 10px; } .news-post-full-width .news-post-date { font-size: 10px; line-height: 12px; margin-bottom: 19px; font-weight: bold; color: #313131; } .news-post-full-width .news-post-date span { color: #9b9b9b; text-transform: uppercase; } .news-post-full-width .news-post-title { font-size: 28px; line-height: 35px; margin-bottom: 28px; color: black; font-weight: bold; } .news-post-full-width .news-post-text { font-size: 14px; line-height: 17px; margin-bottom: 17px; color: #4a4a4a; } .news-post-full-width img { width: 100%; } .news-bottom-content-wrap { background-color: rgba(150, 150, 150, 0.25); } .news-page .news-bottom-content { margin-left: 0; } .news-page .news-bottom-content .news-bottom-item { background-color: white; padding: 149px 20px; text-align: center; position: relative; overflow: hidden; } .news-page .news-bottom-content .news-bottom-item img { position: absolute; height: 100%; max-width: none; width: auto; top: 0; left: 0; z-index: 0; } .news-page .news-bottom-content .news-bottom-item p { color: #4a4a4a; font-size: 30px; line-height: 36px; font-weight: bold; text-align: left; text-align:left; margin:0 auto; display: inline-block; position: relative; z-index: 1; } .news-page .news-bottom-content .news-bottom-item a { color: #4a4a4a; } .news-page .news-large-arrow-wrap { height: 100px; } .news-page .news-large-arrow-wrap .news-large-down-arrow { height: 64px; border-left: 85px solid transparent; border-right: 85px solid transparent; border-top: 61px solid white; } .news-page .news-nav .current-link-mobile { display: none; text-transform: uppercase; } .news-wrapper .container-fluid { padding-left: 0; padding-right: 0; } .news-page #media-request-button { float: none; } .news-page .blog-post-wrapper.location-overlay { background-color: rgba(255,255,255, 0.75); height: 100%; width: 100%; position: absolute; z-index: 99; } @media screen and (max-width:1199px) { .news-page .news-nav ul li { margin-right: 25px; font-size: 12px; } .news-page .content-info-callout .callout-content { width: 80%; left: 35%; } .news-page .news-bottom-content .news-bottom-item { padding: 114px 20px; } .news-page .news-large-arrow-wrap .news-large-down-arrow { margin-left: 40%; } .footer-links-list li a { font-size: 11px; } .footer-links-list li.list-title > a { font-size: 11px; } .widget-side-footer-navigation .menu li { font-size: 11px; } } @media screen and (max-width:980px) { .admin-bar, .header .top-nav { display: none; } .hidden-responsive-nav { display: none !important; }/* Turning off elements only needed for desktop version of navbar. */ .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: rgba(0, 0, 0, 0); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header .nav-collapse, .header .nav-collapse.collapse { height: 0 !important; overflow: hidden !important; } .header .nav-collapse.in { height: auto!important; overflow: visible!important; } .header .nav-collapse { clear: both; } .header .navbar .btn-navbar { display: block; } #search-container-out-of-menu .search-btn-container { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-width: 1px; border-style: solid; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075); padding: 8px 13px; } #search-container-in-menu { display: none; } #search-container-out-of-menu { display: inline-block; } .navbar .nav-links { float: none; } .header .nav-links a { padding-top: 12px; padding-bottom: 12px; } .header ul.menu { display: table; width: 100%; table-layout: fixed; } .navbar ul.menu li { display: block; float: none; height: 45px; border-left: none; border-right: none; } .navbar ul.menu li .show-subnav { position: relative; display: inline-block; font-size: 2em; width: 20px; height: 20px; text-align: center; margin: 12px 0px; padding: 0 16px; color: white; cursor: pointer; float: right; } .navbar ul.menu li > a { width: 75%; white-space: normal; } .navbar ul.menu li.first-level-nav.active { background: #7C061A; } .header .nav-links ul.dropdown-menu { background-color: white; float: left; margin: 0px; padding: 0px; width: 100%; left: auto; border: 0; } .nav-collapse { display: block; float: none; width: 97.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 1px; box-sizing: border-box; } .nav-collapse .open > .dropdown-menu { display: none; } .header .nav-links .second-level-nav ul { display: none; } .header .nav-links li.second-level-nav a { padding: 12px 12px; float: left; margin: 0px; } .header .nav-links li.second-level-nav, .header .nav-links li.second-level-nav li.third-level-nav { border: none !important; margin-right: 0; padding-right: 0; padding-bottom: 0; } .navbar ul.menu li.second-level-nav .show-subnav { color: #919090; border-color: #919090; } .navbar ul.menu ul.third-level-nav-container { width: 100%; background-color: #EEE; } .header ul.third-level-nav-container.addendum { margin-left: 0; } .header .nav-links ul li.first-level-nav.subnav-open, .header .nav-links ul li.first-level-nav.subnav-open > a { background: #0C6D98 !important; display: table-row; } .header .nav-links li.second-level-nav.subnav-open { background: white; color: black; } .header .nav-links li.second-level-nav.with-callout { display: none; } .header .nav-links li.second-level-nav.subnav-open li.third-level-nav { background-color: #EEEEEE; } .header .nav-links > li.nav-link-alt { display: block; }/* Showing alternate links in responsive (accordion) version of navbar (used to duplicate gray-bar-links). */ .news-page .news-nav ul li { margin-right: 10px; font-size: 12px; } .news-page .location-listing-wrap .default-item p { padding-left: 33px; font-size: 10px; } .hero-wrapper .hero-banner-text .hero-title { font-size: 24px; line-height: 25px; } .hero-wrapper .hero-banner-text .hero-text { font-size: 14px; line-height: 17px; } .hero-wrapper .hero-banner-text { text-shadow: 0 1px 1px #000; } .news-page .news-nav { width: 100%; } .news-page .location-listing-wrap { float: right; margin-top: 10px; } .news-page .news-bottom-content .news-bottom-item p { font-size: 22px; line-height: 26px; } .news-page .news-bottom-content .news-bottom-item { padding: 88px 20px; } .news-page .news-large-arrow-wrap .news-large-down-arrow { border-left: 57px solid transparent; border-right: 57px solid transparent; border-top: 46px solid white; margin-left: 42%; } .news-page .content-info-callout { height: 300px; overflow: hidden; } .news-page .content-info-callout img { height: unset; max-width: none; width: auto; max-height: 300px; } } @media screen and (max-width:767px) { .news-page h1 { text-align: center; margin-bottom: 26px; } .news-page a.full-width { width: 50%; margin-left: 25%; } .news-page .news-nav { width: 55%; float: left; margin-right: 5%; border: 1px solid #979797; position: relative; } .news-page .news-nav ul { position: relative; border: 1px solid #979797; display: none; position: absolute; z-index: 99; background-color: white; max-height: 600px; max-width: 100%; border: 1px solid #979797; color: #4a4a4a; } .news-page .news-nav ul li { font-size: 12px; text-align: center; width: 100%; padding: 14px 0; } .news-page .news-nav .current-link-mobile { display: block; padding: 12px 0; margin-bottom: 0; cursor: pointer; text-align: center; padding-left: 20px; font-weight: bold; } /*.news-page .news-nav:hover ul { display: block; }*/ .news-page .news-nav ul li.current-link { border-bottom: none; } .news-page .news-nav .current-link-mobile:before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 15px solid #818282; position: absolute; margin-left: -20px; margin-top: 3px } .news-page .location-listing-wrap { width: 40%; float: left; margin-top: 0; } .news-page .location-listing-wrap p span { display: none; } .news-page .location-listing-wrap .default-item p { font-size: 14px; } .news-page .location-listing-wrap .listing { padding: 15px 5px; } .news-post-full-width .news-item-content { padding-left: 0; padding-top: 22px; padding-bottom: 0; } .news-post-full-width { padding: 28px 0; } .news-post-full-width .news-post-date { margin-bottom: 17px; } .news-post-full-width .news-post-title { margin-bottom: 17px; } .news-page #blog-posts .blog-post { padding: 0 20px; } .news-page .news-post-full-width { margin: 0 35px; padding: 28px 0 !important; } .content .load-more-articles { padding: 40px 15px 75px 15px; } .content .load-more-articles a { padding: 14px 30px; } .content .load-more-articles a:visited, .content .load-more-articles a:hover, .content .load-more-articles a:active, .content .load-more-articles a:focus { padding: 14px 30px; } .news-page .news-large-arrow-wrap .news-large-down-arrow { width: 24%; margin-left: 32%; height: 64px; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 61px solid white; } .news-page .news-bottom-content .news-bottom-item { margin-bottom: 55px; padding: 121px 20px; } .news-page .news-bottom-content-wrap .container { padding-left: 35px !important; padding-right: 35px !important; } .news-page .content-info-callout img { height: unset; max-width: none; width: auto; max-height: 425px; } .news-page .content-info-callout { height: 425px; overflow: hidden; margin-top: 40px; } .news-page .content-info-callout .callout-content { width: 90%; left: 30%; } .news-page .nav-section { padding-bottom: 26px; } .news-page { padding-top: 0; } .content .news-page .container { padding-bottom: 0; } .news-page .location-listing-wrap .listing p { padding: 0; } } @media screen and (max-width:450px) { .news-page .news-large-arrow-wrap .news-large-down-arrow { width: 30%; height: 30px; margin-left: 34%; border-left: 55px solid transparent; border-right: 55px solid transparent; border-top: 42px solid white; } .news-page .news-bottom-content .news-bottom-item p { font-size: 28px; } .news-page .content-info-callout .callout-content h4 { line-height: 35px; } .news-page .content-info-callout img { width: auto; } } @media screen and (max-width:410px) { .news-page .news-large-arrow-wrap .news-large-down-arrow { width: 30%; height: 30px; margin-left: 29%; border-left: 55px solid transparent; border-right: 55px solid transparent; border-top: 42px solid white; } } /*THIS IS ANYTHING THE SIZE OF A (WIDESCREEN) DESKTOP OR LARGER*/ @media screen and (min-width: 1200px) { .slide-description { min-height: 100px; } } /*THIS IS ANYTHING SMALLER THAN A (WIDESCREEN) DESKTOP SETS CAROUSEL AND SOP TO BLOCK ALL THE WAY DOWN*/ @media screen and (max-width: 1200px) { .hero-image-area.span8 { float: left; display: block; } .slide-description { width: 74.1%; } } @media screen and (max-width: 1024px) { .widget-featured-item-slider-widget { overflow: hidden; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { } .featureSlider .slide-description { width: 620px !important; padding: 10px; } } /* SHARED Tablet & Desktop */ @media screen and (min-width: 980px) { ul.footer-links-list.nav-link-alt { display: none; }/* Turning off nav items hidden by admin. */ .footer-links-list li.third-level-nav { display: none; }/* Turning off third-level links (only displayed at tablet size and below) */ .hidden-desktop-nav, .navbar ul.menu ul.third-level-nav-container.hidden-desktop-nav { display: none !important; }/* Turning off elements only needed for responsive (accordion) version of navbar. Specificity necessary for proper overriding. */ .header .nav-links li.nav-link-alt { display: none; }/* Hiding alternate links only needed for responsive (accordion) version of navbar (used to duplicate gray-bar-links there). */ } /* SHARED Tablet & Mobile */ @media screen and (max-width: 979px) { .footer .container { padding-top: 30px; } .menu-footer ul.footer-links-list { display: none; } .menu-footer ul.footer-links-list.activeParent { display: block; float: none; width: auto; margin: 0; min-height: 0; } .menu-footer ul.footer-links-list.activeParent li.second-level-nav a { font-size: 15px; } .widget-side-footer-navigation { display: none; } .footer-links-list li.third-level-nav { margin-left: 10px; line-height: 15px; font-size: 13px; } .footer .footer-links-list:nth-child(3) { clear: both; } .news-media-quickview { width: 100%; } /*#layout-featured .container { padding-left: none; padding-right: none; width: 940px; } #homepage-content.container { padding-left: none; padding-right: none; width: 940px !important; }*/ .zone-before-main .widget-video-container-widget .aside-extender { margin-top: 28px; } /*.widget-featured-item-slider-widget { width: 525px !important; overflow: hidden; }*/ #layout-featured .container { width: 800px !important; } .widget-featured-item-slider-widget { width: 544px !important; } .featureSlider .slide-description { width: 524px !important; } /* HOME PAGE *********************************/ #homepage-content .news-media-quickview { float: none; margin-bottom: 0; } #homepage-content .video-content-column { float: none; width: 55%; margin-right: 0; } a.btn.btn-primary-branded.btn-careers { margin-bottom: 30px; } /*FACILITIES - DETAIL PAGE *********************************/ .pio-info { text-align: left; } } /*SMALL DESKTOP TO LARGE DESKTOP*/ @media (min-width: 980px) and (max-width: 1200px) { .slide-description { padding-bottom: 14px; } .slide-description h2 { font-size: 1.6em; } .featureSlider ul li span img { display: block; margin: 0 auto; } /* LANDING PAGE CALLOUTS - Used on "Partnership Opps" page, etc. *********************************/ .landing-page-featured-item span.featured-top { } .landing-page-featured-item span.featured-heading { font-size: 20px; } } /*TABLET TO SMALL DESKTOP*/ @media (min-width: 768px) and (max-width: 979px) { /* LANDING PAGE CALLOUTS - Used on "Partnership Opps" page, etc. *********************************/ .landing-page-featured-item span.featured-top { min-height: 60px; } .landing-page-featured-item span.featured-heading { font-size: 18px; } .landing-page-featured-item span.featured-description { display: none; } /* FACILITIES - DETAIL PAGE *********************************/ .forms-download-buttons.pull-right { clear: left; float: none; padding-top: 20px; width: auto; } } @media screen and (max-width: 960px) { .hero-image-area.span8 { width: 100% !important; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 800px !important; height: 500px !important; } .featureSlider .slide-description { width: 800px !important; padding: 10px; } body .hero-area .strip-of-power { width: 100%; display: block; float: none; } .content .strip-of-power { height: auto; overflow: hidden; min-height: 0 !important; } .content .strip-of-power-wrapper { padding: 18px 10px 0; border-bottom: 1px solid #12506B; } .content .strip-of-power h2 { text-align: left; padding-left: 90px; } .content .strip-of-power img { display: none; } .hero-area .strip-of-power .sop-video-wrapper .video-play-btn { left: 2%; top: 20px; } .hero-area { height: auto; } } @media screen and (max-width: 850px) { #layout-featured .container { width: 724px !important; } .featureSlider .slide-description { width: 704px !important; } .widget-featured-item-slider-widget { width: 494px !important; overflow: visible; } div#slideNav { display: none; }/* Turning off homepage slideshow's slide indicator nav. */ } @media screen and (max-width: 787px) { .zone-before-main .widget-video-container-widget .aside-info { padding: 10px 14px; } .zone-before-main .widget-video-container-widget .video-player { } #watch-link { display: inline; } #layout-featured .container { width: auto !important; } #homepage-content.container { padding-left: 15px; padding-right: 15px; width: auto !important; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 757px !important; height: 473px !important; } .featureSlider .slide-description { width: 722px !important; padding: 10px; } } /* * * MOBILE - NARROW TABLET SPECIFIC * * */ @media screen and (max-width: 767px) { .navbar .container { padding-left: 0 !important; padding-right: 0 !important; } .navbar ul.menu li > a, .header .nav-links li.second-level-nav a { padding-left: 20px; }/* Shared attributes grouped for consistency. */ .nav-collapse { width: 100%; } .modal.fade.in { top: 120px; } .hero-area { width: auto; float: none; height: auto; } .hero-area .container { padding: 0 !important; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 767px !important; height: 479px !important; } .featureSlider .slide-description { width: 731px !important; padding: 10px; } body .hero-area .strip-of-power { width: 100%; display: block; float: none; } .content .strip-of-power { height: auto; overflow: hidden; min-height: 0 !important; } .content .strip-of-power-wrapper { padding: 18px 10px 0; border-bottom: 1px solid #12506B; } .content .strip-of-power h2 { text-align: left; padding-left: 90px; } .content .strip-of-power img { display: none; } .hero-area .strip-of-power .sop-video-wrapper .video-play-btn { left: 2%; top: 20px; } .featureSlider .slide-description h2 { font-size: 18px; margin-bottom: 4px; } .featureSlider .slide-description h3 { font-size: 14px; } .widget-custom-form-widget .input-xxlarge, .widget-custom-form-widget input, .widget-custom-form-widget .uneditable-input { width: 100%; } .widget-custom-form-widget .modal .input-xxlarge, .widget-custom-form-widget .modal input, .widget-custom-form-widget .modal .uneditable-input { width: 96%; } /* FOOTER *********************************/ .sub-footer .pull-right.social-links { float: none; padding: 10px 0 30px; margin: 0 auto; width: 90%; text-align: center; } .sub-footer .container span { font-size: 12px; display: block; text-align: center; margin: 20px 0 10px; } .sub-footer .container { padding-top: 74px; } /* HOME PAGE *********************************/ #homepage-content .video-content-column { width: 70%; margin-left: 35px; } #homepage-content .carousel-control.right, #homepage-content .carousel-control.left { font-size: 60px; } #homepage-content .video-content-column .video-content-item .carousel-control.right { right: -45px; } #homepage-content .video-content-column .video-content-item .carousel-control.left { left: -35px; } a.btn.btn-primary-branded.btn-careers { margin: 25px 0; } /* INSIDE CCA SECTION *********************************/ img.headline-icon { margin: -10px 10px 5px 0; max-height: 40px; max-width: 40px; } h1.headline { line-height: 1.1em; font-size: 30px; } h1.headline + div.clearfix { margin-top: 20px; }/* For cases when a sub headline is not supplied. */ h2.headline-sub { clear: left; margin-top: 5px; margin-bottom: 20px; font-size: 20px; line-height: 1.2em; } .landing-page-callouts-container.top-level-callout h3, .inside-cca-landing h3.current-issue { margin-left: 0; } /* LANDING PAGE CALLOUTS - Used on "Career Paths" & "Partnership Opps" pages, etc. *********************************/ .landing-page-callouts-item.tall-callout, .landing-page-callouts-item.wide-callout { margin-left: 0; margin-bottom: 10px; width: auto; float: none; padding: 5% 5% 8%; text-align: center; } .landing-page-featured-item { margin-bottom: 10px; } .landing-page-callouts-item.tall-callout .item-photo-container hr, .landing-page-callouts-item.wide-callout .item-photo-container hr { display: none; } .landing-page-callouts-item.tall-callout .item-description { min-height: 0; } .landing-page-callouts-row { margin-bottom: 0; } .landing-page-callouts-item.wide-callout .pull-left, .landing-page-callouts-item.wide-callout .pull-right { float: none; } .landing-page-callouts-item.wide-callout:last-child { margin-bottom: 0; } .landing-page-callouts-item.wide-callout .content-area { width: auto; margin-top: 0; } .landing-page-callouts-item.wide-callout .content-area .btn { margin-top: 20px; margin-bottom: 10px; } .landing-page-featured-item span.featured-top { min-height: 0; } /* FACILITIES - LISTING PAGE *********************************/ .filters-well { padding: 15px 20px; } .filters-well .pull-right.filter-sub-info { float: none; clear: both; padding-top: 10px; text-align: left; } .facilities-map .map-container { width: 90%; height: 300px; margin: 0 auto; }/* Reducing dimensions of map for smaller screens. */ .facilities-list li a .link-icon { float: none; margin-left: 10px; } /* FACILITIES - DETAIL PAGE *********************************/ .facility-contact-info .pull-left, .facility-contact-info .pull-right { float: none; display: block; } .facility-contact-info-list { margin-left: 0; width: auto; } .facility-contact-info-list a.btn.btn-small { display: block; } .forms-download-buttons { width: auto; float: none; margin-top: 20px; } .facility .data-visualized-conent ul li span strong { line-height: 30px; } /* GENERAL TYPOGRAPHY *********************************/ .content h1 { font-size: 28px; } .content h2, .content h3 { font-size: 24px; } /* RESPONSIVE TABLE *********************************/ table.responsiveTable { display: block; } table.responsiveTable thead, table.responsiveTable tbody { display: block; } table.responsiveTable tr { display: block; } table.responsiveTable th, table.responsiveTable td { display: block; padding-right: 0; width: auto !important; } /* MISC. *********************************/ .view-more-btn { text-align: center; } .view-more-btn > .btn { width: auto; margin-right: auto; margin-left: auto; } } @media screen and (max-width: 718px) { .featureSlider .slide-description { width: 682px !important; } } @media screen and (max-width: 640px) { .zone-before-main .widget-video-container-widget { position: relative; } .zone-before-main .widget-video-container-widget .aside-extender { width: 100%; display: block; height: 160px; bottom: 5px; background: none; position: absolute; } .zone-before-main .widget-video-container-widget .aside-info { background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; } .zone-before-main .widget-video-container-widget .aside-info h2 { color: #fff; font-size: 1.3em; } .zone-before-main .widget-video-container-widget .aside-info p { display: none; } .inner-top-banner.custom-banner-image { background-repeat: no-repeat; background-position: 62% 0 !important; height: 336px !important; } span.button-text-play { font-weight: bold; } .video-player-icon { margin: 20% auto 0; } body .hero-area .strip-of-power { min-height: 0; } .strip-of-power-wrapper { padding: 5%; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 640px !important; height: 400px !important; } .featureSlider .slide-description { width: 640px !important; padding: 10px; } .ie8 .content .inner-bg-extender { width: 23%; } } @media screen and (max-width: 480px) { .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 480px !important; height: 300px !important; } .featureSlider .slide-description { width: 441px !important; padding: 10px; } .minimal-archive-tabs.nav-tabs > li > a { font-size: 9px; } .zone-before-main .widget-video-container-widget { position: relative; } .zone-before-main .widget-video-container-widget .aside-extender { width: 100%; display: block; height: 160px; bottom: 5px; background: none; position: absolute; } .zone-before-main .widget-video-container-widget .aside-info { background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; } .zone-before-main .widget-video-container-widget .aside-info h2 { color: #fff; font-size: 1.3em; } .zone-before-main .widget-video-container-widget .aside-info p { display: none; } .inner-top-banner.custom-banner-image { background-repeat: no-repeat; background-position: 62% 0 !important; height: 336px !important; } .video-player-icon { margin: 34% auto 0; } .footer-links-list { min-height: 273px; } .modal.fade.in { top: 120px; } #video-player iframe { height: auto; } } @media screen and (max-width: 380px) { #menu-toggle { padding: 7px 12px; } .navbar ul.menu li > a { width: 69%; white-space: normal; } .featureSlider ul li span { margin-right: 0; } .widget-featured-item-slider-widget { margin-top: 0 !important; } .featureSlider .slide-description h2 { font-size: 14px; } .featureSlider .slide-description h3 { font-size: 10px; display: none; } .hero-area .strip-of-power h2 { font-size: 14px; margin-bottom: 0; } .hero-area .strip-of-power br { display: none; } .sop-video-wrapper img { width: 100%; } #layout-featured .container { padding-bottom: 0; } .hero-area { height: auto; } .minimal-archive-tabs.nav-tabs > li > a { font-size: 12px; padding: 8px 10px; } .news-media-quickview .tab-content { overflow: hidden; } .content .strip-of-power-wrapper { padding: 18px 10px; } } @media screen and (max-width: 320px) { .zone-before-main .widget-video-container-widget { position: relative; } .zone-before-main .widget-video-container-widget .aside-extender { bottom: 5px; position: absolute; } .modal.fade.in { top: 120px; } .hero-image-area { float: none; width: 320px !important; } .header .top-nav a { font-size: 9px; padding: 0 2px; } .content .strip-of-power-wrapper { padding: 18px 10px; } .featureSlider ul, .featureSlider ul li, .featureSlider li span, .featureSlider li span img, .featureSlider li span a img, .widget-featured-item-slider-widget { width: 320px !important; height: 200px !important; } .featureSlider .slide-description { width: 320px !important; padding: 10px; } .inner-top-banner.custom-banner-image { background-repeat: no-repeat; background-position: 62% 0 !important; height: 336px !important; } .minimal-archive-tabs.nav-tabs > li > a { font-size: 9px; padding: 8px 6px; } #menu-toggle { padding: 6px 14px; font-size: 13px; } .header .nav-links .nav-search-btn, #search-container-out-of-menu .nav-search-btn { padding: 12px 10px 10px; } .navbar ul.menu li > a { width: 63%; } .navbar ul.menu li .show-subnav { width: 15%; } } /* * Styles specific to 2016 rebrand */ .hero-wrapper .rebrand-hero-banner-image { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/handImageFinalChoice_mobi.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto; min-height: 390px; } .rebrand-hero-banner-image .play-button { z-index: 100; width: 12%; position: absolute; top: 50%; left: 12%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); outline: none; } .hero-banner-text.hero-rebrand-banner-text { top: 34%; width: 80%; left: 50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .rebrand-hero-banner-image .logo-wrapper { width: 80%; height: 40%; position: absolute; left: 50%; bottom: 0; top: auto; right: auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .rebrand-hero-banner-image .logo-wrapper > img { width: 100%; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hero-banner-text.hero-rebrand-banner-text p { text-align: center; } .hero-banner-text.hero-rebrand-banner-text .hero-title { font-size: 26px; line-height: 1.1; } .hero-banner-text.hero-rebrand-banner-text .hero-text { font-size: 15px; line-height: 1.2; } .rebrand-hero-banner-image img { width: 100%; } .rebrand-hero-banner-image .play-button > img { -moz-transform: translateX(-5%); -webkit-transform: translateX(-5%); -o-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } @media screen and (min-width: 550px) and (max-width: 649px) { .hero-wrapper .rebrand-hero-banner-image { min-height: 440px; } .hero-banner-text.hero-rebrand-banner-text .hero-title { font-size: 31px; line-height: 1.1; } .hero-banner-text.hero-rebrand-banner-text .hero-text { font-size: 17px; line-height: 1.2; } } @media screen and (min-width: 650px) and (max-width: 850px) { .rebrand-hero-banner-image .logo-wrapper { width: 80%; height: 50%; position: absolute; left: 50%; bottom: 0; top: auto; right: auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hero-banner-text.hero-rebrand-banner-text { top: 34%; width: 80%; left: 50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .hero-banner-text.hero-rebrand-banner-text .hero-title { font-size: 36px; line-height: 1.1; } .hero-banner-text.hero-rebrand-banner-text .hero-text { font-size: 20px; line-height: 1.2; } } @media screen and (min-width: 850px) { .hero-wrapper .rebrand-hero-banner-image { background-image: url('/warc/7BEE-QQYD/http://www.cca.com/Themes/CCA/img/handImageFinalChoice2.jpg'); } .rebrand-hero-banner-image .logo-wrapper { width: 50%; height: 50%; position: absolute; right: 5%; top: 50%; left: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rebrand-hero-banner-image .logo-wrapper > img { width: 100%; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rebrand-hero-banner-image .play-button { z-index: 100; width: 12%; position: absolute; top: 50%; left: 12%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .hero-banner-text.hero-rebrand-banner-text { top: 50%; width: 32%; left: 10%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hero-banner-text.hero-rebrand-banner-text p { text-align: left; } } @media screen and (min-width: 990px) { .rebrand-hero-banner-image { min-height: 440px; } .rebrand-hero-banner-image .logo-wrapper { width: 50%; height: 50%; position: absolute; right: 5%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rebrand-hero-banner-image .logo-wrapper > img { width: 100%; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rebrand-hero-banner-image .play-button { z-index: 100; width: 12%; position: absolute; top: 50%; left: 12%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .hero-banner-text.hero-rebrand-banner-text .hero-title { font-size: 32px; line-height: 1.1; } .hero-banner-text.hero-rebrand-banner-text .hero-text { font-size: 16px; line-height: 1.2; } } /* * end Styles specific to 2016 rebrand */ /* * IE8 Specific CSS */ .ie8 .content .inner-bg-extender { width: 26%; } .ie8 .logo-container { float: left; } .ie8 .dropdown-menu > li > a:hover { filter: none; } .ie8 .video-player-icon { color: #000; } .ie8 .zone-aside-first .menu.inline-list li { float: none; list-style: none; } .ie8 .header .nav-links .nav-search-btn { padding: 14px 10px 0 !important; } /*.ie8 .container { width: 1170px; }*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn-play { position: absolute; width: 70px; height: 40px; border-radius: 7px; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; margin: -20px 0 0 -35px; text-indent: -9999px; overflow: hidden; border: none !important; } .btn-play:hover { background: #000; } .btn-play:after { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 10px 0 10px 18px; content: ""; margin: -10px -10px 0 0; position: absolute; right: 50%; top: 50%; } #loading { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; background-color: white; padding: 30px; border: 2px solid #9f2726; border-radius: 4px; }