/*Variables*/ :root { --clsu-laker-blue: rgb(9,44,116); --clsu-laker-blue-50: rgba(9,44,116,.5); --clsu-georgia-clay: rgb(252,109,35); --clsu-lochmara: rgb(0,119,200); --clsu-lochmara-10: rgba(0,119,200,.12); --clsu-rust-orange: rgb(192,81,49); --clsu-shuttle-gray: rgb(91,103,112); --clsu-spindrift: rgb(156,219,217); --clsu-bronze-glitter: rgb(237,155,51); --clsu-pure-greige: rgb(203,196,188); --clsu-shocking-violet: rgb(114,34,87); --clsu-blond: rgb(0,119,200); --clsu-philippine-green: rgb(0,136,65); --clsu-upbeat-crimson: rgb(186,12,47); --clsu-pastel-blush: rgb(232,156,174); --black: rgb(0,0,0); --white: rgb(255,255,255); --alpha-75: 0.75; --alpha-50: 0.5; --alpha--25: 0.25; --clsu-dark-gray: rgb(84,86,91); --light-gray: rgb(238,238,238); --accessible-link-padding-vertical: .5em; --light-yellow: rgb(250,241,186); --body-text: rgb(71,71,71); --body-bg: rgb(255,255,255); --link-color: rgb(14,76,200); --link-color-light: rgb(228,236,252); --clsu-georgia-clay-light: rgb(253,231,221); --clsu-upbeat-criminson-light: rgb(254,225,232); --line-tight: 1.2; --line-normal: 1.5; --line-loose: 1.7; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-9: 2.5rem; --space-12: 3rem; --text-xs: 0.875rem; --text-sm: 1rem; --text-md: 1.125rem; --text-md-lg: 1.25rem; --text-lg: 1.5rem; --text-xl: 2rem; --text-2xl: 2.5rem; --radius: 0.5rem; --circle-radius: 50%; /*borders*/ --border-1-width: 1px; --blue-border-1-color: rgb(9,44,116); --orange-border-1-color: rgb(252,109,35); --border-1-solid: solid; } @font-face { font-family: "Montserrat"; src: url("/_resources/fonts/montserrat/montserrat-regular.woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat-Bold"; src: url("/_resources/fonts/montserrat/montserrat-bold.woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "RobotoSlab"; src: url("/_resources/fonts/roboto-slab/robotoslab-bold.woff2"); font-weight: 100; font-style: normal; font-display: swap; } /*Base Styles*/ *, *::before, *::after { box-sizing: border-box } * { margin: 0 } html { scroll-behavior: smooth; font-size: 100% } body { margin: 0; background-color: var(--body-bg); font-family: "Montserrat", sans-serif; font-size: var(--text-sm); line-height: var(--line-normal); color: var(--body-text); letter-spacing: 0.0145em; } h1 { font-family: "RobotoSlab", serif; margin-bottom: var(--space-4); line-height: var(--line-tight); } h2, h3, h4, h5 { font-family: "RobotoSlab", serif; margin-top: var(--space-9); margin-bottom: var(--space-4); line-height: var(--line-tight); } h1 { font-weight: 500; font-size: clamp(2rem, 4vw, 3rem); } h2 { font-weight: 600; font-size: clamp(1.75rem, 3vw, 2.25rem); } h3 { font-weight: 700; font-size: clamp(1.5rem, 2.5vw, 1.75rem); } h4 { font-weight: 700; font-size: clamp(1.25rem, 2vw, 1.5rem); } p { margin: 1.3em 0; line-height: var(--line-loose); font-size: var(--text-sm); } a { font-family:"Montserrat-Bold", sans-serif; color: var(--link-color); text-decoration: underline; text-decoration-thickness: 1px; transition: text-decoration-thickness 0.2s ease; padding: .9em 0 } :focus, button:focus, input:focus, a:focus, a:focus-visible, button:focus:not(:focus-visible), button:focus { /*background: var(--clsu-georgia-clay) !important; color: var(--black) !important; border-style: solid; border-color: var(--black); outline: 5px auto var(--black)*/ outline: 3px solid #ffbf47; outline-offset: 3px; } small { font-size: var(--text-xs); } strong { font-weight: 700; } hr { margin: 3rem 0; border: 0; border-top: 1px solid #ddd } .p-0 {padding:0} .p-1 {padding:0.25rem} .p-2 {padding:0.5rem} .p-3 {padding:1rem} .p-4 {padding:1.25rem} .p-5 {padding:1.5rem} .p-6 {padding:2rem} .p-7 {padding:2.5rem} .p-8 {padding:3rem} .pt-0 {padding-top:0} .pt-1 {padding-top:0.25rem} .pt-2 {padding-top:0.5rem} .pt-3 {padding-top:1rem} .pt-4 {padding-top:1.25rem} .pt-5 {padding-top:1.5rem} .pt-6 {padding-top:2rem} .pt-7 {padding-top:2.5rem} .pt-8 {padding-top:3rem} .ps-0 {padding-left:0} .ps-1 {padding-left:0.25rem} .ps-2 {padding-left:0.5rem} .ps-3 {padding-left:1rem} .ps-4 {padding-left:1.25rem} .ps-5 {padding-left:1.5rem} .ps-6 {padding-left:2rem} .ps-7 {padding-left:2.5rem} .ps-8 {padding-left:3rem} .pb-0 {padding-bottom:0} .pb-1 {padding-bottom:0.25rem} .pb-2 {padding-bottom:0.5rem} .pb-3 {padding-bottom:1rem} .pb-4 {padding-bottom:1.25rem} .pb-5 {padding-bottom:1.5rem} .pb-6 {padding-bottom:2rem} .pb-7 {padding-bottom:2.5rem} .pb-8 {padding-bottom:3rem} .pe-0 {padding-right:0} .pe-1 {padding-right:0.25rem} .pe-2 {padding-right:0.5rem} .pe-3 {padding-right:1rem} .pe-4 {padding-right:1.25rem} .pe-5 {padding-right:1.5rem} .pe-6 {padding-right:2rem} .pe-7 {padding-right:2.5rem} .pe-8 {padding-right:3rem} .m-0 {margin:0} .m-1 {margin:0.25rem} .m-2 {margin:0.5rem} .m-3 {margin:1rem} .m-4 {margin:1.25rem} .m-5 {margin:1.5rem} .m-6 {margin:2rem} .m-7 {margin:2.5rem} .m-8 {margin:3rem} .mt-0 {margin-top:0} .mt-1 {margin-top:0.25rem} .mt-2 {margin-top:0.5rem} .mt-3 {margin-top:1rem} .mt-4 {margin-top:1.25rem} .mt-5 {margin-top:1.5rem} .mt-6 {margin-top:2rem} .mt-7 {margin-top:2.5rem} .mt-8 {margin-top:3rem} .mb-0 {margin-bottom:0} .mb-1 {margin-bottom:0.25rem} .mb-2 {margin-bottom:0.5rem} .mb-3 {margin-bottom:1rem} .mb-4 {margin-bottom:1.25rem} .mb-5 {margin-bottom:1.5rem} .mb-6 {margin-bottom:2rem} .mb-7 {margin-bottom:2.5rem} .mb-8 {margin-bottom:3rem} .ms-0 {margin-left:0} .ms-1 {margin-left:0.25rem} .ms-2 {margin-left:0.5rem} .ms-3 {margin-left:1rem} .ms-4 {margin-left:1.25rem} .ms-5 {margin-left:1.5rem} .ms-6 {margin-left:2rem} .ms-7 {margin-left:2.5rem} .ms-8 {margin-left:3rem} .me-1 {margin-right:0.25rem} .me-2 {margin-right:0.5rem} .me-3 {margin-right:1rem} .me-4 {margin-right:1.25rem} .me-5 {margin-right:1.5rem} .me-6 {margin-right:2rem} .me-7 {margin-right:2.5rem} .me-8 {margin-right:3rem} .marginBottom20 { margin-bottom: 20px } span.bi { color: var(--white) } .quote { position:relative; margin-top: var(--space-8); margin-bottom: var(--space-8); padding: 1rem 1.25rem; border-left: 4px solid var(--link-color); background-color: var(--link-color-light) } .quote::before { content: "“"; position: absolute; top: 0.25rem; left: 0.75rem; font-size: var(--space-9); line-height: 1; opacity: 0.8; } .quote blockquote { margin: 0; font-weight:400; font-size:1.2rem } .quote figcaption { display: block; margin-top: 0.75rem; font-size: 0.875rem; color: #666; font-style: normal; } ul, ol { margin: 1rem 0; padding-left: 2rem; font-size: var(--text-sm) } li { margin-bottom: 0.5rem; line-height: var(--line-normal) } li + li { margin-top: var(--space-1) } ul { list-style-type: disc } ul ul { list-style-type: circle } ul ul ul { list-style-type: square } li > ul, li > ol { margin-bottom:0; margin-top: var(--space-2) } ol { list-style-type: decimal } ol ol { list-style-type: lower-alpha } ol ol ol { list-style-type: lower-roman } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } em, small { letter-spacing: normal } img { max-width: 100%; height: auto; display: inline-block; } /*Layout*/ .container { width: 100%; max-width: 96.875em; margin-inline: auto; padding-inline: 1.5rem; } .container-fluid { width:100%; padding:0; margin:0 } article { max-width: 65ch; margin-inline: auto; } .display-flex-center { display:flex; justify-content:center; align-items:center; } /*Components*/ /*section { margin-top: var(--space-12) }*/ .callout { padding: 1rem 1.25rem; border-left: 4px solid var(--clsu-georiga-clay); background-color: var(--clsu-georgia-clay-light); border-radius: var(--radius); margin: 1.5rem 0; } .callout p { margin: 0; } .alert { padding: 1rem 1.25rem; border-left: 4px solid var(--clsu-upbeat-crimson); background-color: var(--clsu-upbeat-criminson-light); border-radius: var(--radius); margin: 1.5rem 0; } .alert p { margin: 0; } /*font colors*/ .clsu-rust-orange { color: var(--clsu-rust-orange) } .clsu-georgia-clay { color: var(--clsu-georgia-clay) } .white-font { color: var(--white) } .black-font { color: var(--black) } .clsu-dark-gray { color: var(--clsu-dark-gray) } /*bg colors*/ .clsu-lochmara-12 { background: var(--clsu-lochmara-10) } .clsu-bg-laker-blue { background: var(--clsu-laker-blue) } .clsu-bg-rust-orange { background: var(--clsu-rust-orange) } .clsu-light-gray-bg { background: var(--light-gray) } /*services.css*/ .ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item a { color: #333; } .ih-item a:hover { text-decoration: none; } .ih-item img { width: 100%; height: 100%; } .ih-item.square { position: relative; width: 360px; height: 360px; vertical-align: baseline; } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility:hidden; } .ih-item.square.effect3 { overflow: hidden; } .ih-item.square.effect3.colored .info { background: #1a4a72; } .ih-item.square.effect3 .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info { height: 100px; background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 4px 0 0 0; } .ih-item.square.effect3 .info p { font-style: normal; font-size: 12px; position: relative; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect3 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect3.bottom_to_top a:hover .img { -webkit-transform: translateY(-93px); -moz-transform: translateY(-93px); -ms-transform: translateY(-93px); -o-transform: translateY(-93px); transform: translateY(-93px); } .ih-item.square.effect3.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect3.top_to_bottom a:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .ih-item.square.effect3.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .col-special { margin-left: 15px; margin-right: 0; margin-bottom: 25px; text-align: center; } .center { text-align: center; } .sub-head { width: 90%; margin: auto; } @media only screen and (max-width: 1200px) { .col-special { margin-left: 5px; margin-bottom: 5px; } .sub-head { width: 100%; } } /*********default.css**********/ /*none*/ /*********bootstrap.css*******/ fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-spacing: 0; border-collapse: collapse } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table, .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr td, .table thead tr th { border:1px solid #ddd; padding: .75em 1em; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table tr th { text-align:left; background:var(--light-gray) } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } #mainContent { padding:1.5em 0 } [role=button] { cursor: pointer } /*snippet and career*/ .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .lead { margin-bottom: 20px; font-size: clamp(1rem, 0.1818rem + 3.6364vw, 2rem); font-weight: 300; line-height: 1.4 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } /*newsroom blog*/ .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; margin-left: -5px; list-style: none } .list-inline li { display: inline-block; padding-right: 5px; padding-left: 5px } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } /*.row { margin-right: -15px; margin-left: -15px }*/ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } /*used*/ .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } /*used*/ .col-md-offset-3 { margin-left: 25% } /*used*/ .col-md-offset-2 { margin-left: 16.66666667% } /*used*/ .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } /**** all in one css *******/ .section-navgation-container { background-color:/*#046fb7*/#045c98; } .secondMenuUA li { float:left; border-right:1px solid #fff; background-color:transparent; } .secondMenuUA li.end { border-right:0; } .secondMenuUA li a { display:block; text-decoration:none; padding:.5rem 1rem; text-decoration:none; color:#fff; } .secondMenuUA li a:hover, .secondMenuUA li:hover { color:#092c74; background-color:#fff; } .second-level-nav { overflow:hidden; margin:0; padding:0; background-color: #046fb7; } .second-level-nav:before { content:""; } .second-level-nav ul { display:inline-block; text-align:center; margin:0; padding:0; } .second-level-nav ul li { list-style-type:none !important; margin:0; } .second-level-nav li { float:left; border-right:1px solid #fff; background-color:#092c74; margin:0; } .second-level-nav li.end { border-right:0; } .second-level-nav li.apply { background-color:#c05131; color:#fff; text-transform:uppercase; } .second-level-nav li.apply a { color:#fff; } .second-level-nav li.apply a:hover { color:#c05131; } .second-level-nav li.apply:hover { background-color:#fff; color:#c05131; } .second-level-nav li a { display:block; text-decoration:none; padding:.5rem 1rem; text-decoration:none; color:#fff; } .second-level-nav li a:hover { color:#092c74; } .second-level-nav li:hover { color:#092c74; background-color:#fff; } button.back-to-top{ margin: 0 !important; padding: 0 !important; background: #fff; height: 0px; width: 0px; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: #c05131 ; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none; right: 50px; bottom: 75px; font-size: 0px; outline: 0 !important; z-index: 99; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } button.back-to-top:hover, button.back-to-top:active, button.back-to-top:focus{ outline: 0 !important; } button.back-to-top::before, button.back-to-top::after { content: ""; display: block; vertical-align: middle; border-bottom: solid 10px #fff; border-left: solid 10px transparent; line-height: 0; border-right: solid 10px transparent; height: 0; margin: 18px auto 0; width: 0; border-radius:20px; visibility: hidden; } /*.tabbedContent { padding:1.5em 0; } .tabbedContent .tab-content { border:1px solid #e0e0e0; padding:40px 30px; } .tabbedContent .nav-tabs { color:#000; font-size:18px; } .tabbedContent .nav-tabs>li>a { border:0; font-weight:normal; } .tabbedContent .nav-tabs .nav-link.active, .tabbedContent .nav-tabs .show>.nav-link { background-color:#59cbe8; border-radius:0; color:#000; } .tabbedContent .tab-content>.active, .tab-content>.active { display: block; background-color: transparent !important; padding: 0 !important; } .tabbedContent ul.nav.nav-tabs { margin-left: 0 !important; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .tabbedContent ul.nav.nav-tabs li { padding-bottom:0 !important; border-left:1px solid #e0e0e0; } .tabbedContent ul.nav.nav-tabs li:first-child { border-left:none; } .tabbedContent .nav-tabs>li.active>a { background-color: #59cbe8; color:#000; font-weight:normal; } .nav-tabs>li>a { margin-right: 0; } .tabbedContent .nav-tabs>li>a { color:#000; } .tabbedContent .nav-tabs>li.active>a:hover { color:#092c74; cursor:pointer; background-color:#59cbe8; } .tabbedContent .nav-tabs>li>a:hover { color:#092c74; background-color:transparent; } .tabbedContent .nav-tabs>li.active>a, .tabbedContent .nav-tabs>li.active>a:focus, .tabbedContent .nav-tabs>li.active>a:hover { border:0; border-radius:0; background-color:#59cbe8; color:#000; } .tabbedContent .nav-tabs>li>a:focus { color:#fff; } .tabbedContent .nav.nav-tabs { border-radius:0; position:relative; } .tabbedContent .nav.nav-tabs:focus, .tabbedContent .nav-tabs:hover { color: #092c74; } .tabbedContent .nav.nav-tabs:focus { border-color:#000 #000 #000; } .tabbedContent .nav.nav-tabs li.active:before { top: 92%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #59cbe8; border-width: 12px; margin-left: -12px; } */ button.back-to-top.show::after,button.back-to-top.show::before{visibility: visible;} button.back-to-top::after {border-bottom-color:#092c74;position: relative;top:-24px;} button.back-to-top.show {display: block;background:#092c74;color: #fff;font-size: 25px;right: 25px;bottom: 50px;height: 50px;width: 50px;visibility: visible;box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);border:1px solid #fff;} button.back-to-top.show:active {box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);} .btn-orange {background-color:#fff;border:1px solid #092c74;padding:.5em;margin-right:1em;} .btn-orange:hover, .btn-orange:focus {background-color:#092c74;color:#fff !important;} .csu-blue-bg {background-color:#092c74;} .white-color {color:#fff;} .darker-lighter-blue {color:#045c98} .darker-lighter-blue-top {border-top:5px solid #045c98} .darker-lighter-orange {color:#c05131} .darker-lighter-orange-top {border-top:5px solid #c05131} .img-border {border:5px solid #fff;} .p-1 {padding:1em;} .p-2 {padding:1.5em;} .p-3 {padding:2em;} .p-l-1 {padding-left:1em;} .p-l-2 {padding-left:1.5em;} .p-r-1 {padding-right:1em;} .p-r-2 {padding-right:1.5em;} .p-t-1 {padding-top:1em;} .p-t-2 {padding-top:1.5em;} .p-b-1 {padding-bottom:1em;} .p-t-5 {padding-top:3em;} .inline-list ul {margin:0;padding-top:1em;} .inline-list ul li {display:inline;margin:0;} .navbar-name {display:none;} .secnavbar-default { background-color: var(--clsu-laker-blue) } .secnavbar-default .secnavbar-collapse, .secnavbar-default .secnavbar-form {background-color: transparent;} .secnavbar-collapse {padding-left:0;padding-right:0;} .bluePhase {background-color:#092c74;color:#fff;padding: 2em;margin-top: -2.3em;} .bluePhase p {font-size:1.15em} .bluePhase.active { outline:3px dotted #fc6719; outline-offset:.3em } .grayBackground h3 { font-size:2em } .departmentHero img { opacity: 1; -webkit-transition: opacity 2000ms; transition: opacity 2000ms; width:100% } .heroBottomHome { position: absolute; bottom:0; right:0; z-index:2 } .heroVideoContainer {background-image:url(/strategic-plan/images/final-sp-banner-5.jpg);background-position:center;background-size:cover;min-height:450px;position:relative;} .heroVideoContainer video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .heroVideoContainer .videoHeading {position: absolute;bottom: 0;left: 50%;z-index: 1;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, 0%);} .videoHeading img {width:385px;height:225px;} .heroContainer:after, .heroVideoContainer:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0, 0, 0, 0.8)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0, 0, 0, 0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); z-index:0; } @media(min-width:1082px){ .tabbedContent .panel-heading{ display:none; } .tabbedContent .panel{ border:none; box-shadow:none; } .tabbedContent .panel-collapse{ height:auto; } .tabbedContent .collapse {display:block} } .nav:before { display:table; content:""; } @media(max-width:1082px){ .tabbedContent .tab-content>.tab-pane, .tabbedContent .nav-tabs li a{ display:block; } .tabbedContent .tab-content { border:0; padding:0; } .tabbedContent .tab-content .panel-default>.panel-heading { color: #000; background-color: #59cbe8; border-color: #fff; border-radius:0; } .tabbedContent .accordion-toggle:after { border: solid transparent; content: " "; height: 0; width: 0; border-color: rgba(0, 0, 0, 0); border-top-color: rgba(0,0,0,1.00); border-width: 8px; margin-left: -12px; margin-top:8px } .tabbedContent .tab-content .panel-heading a { color:#000; font-size:18px; } .tabbedContent .nav-tabs{ display:none; } .tabbedContent .panel-title a{ display:block; } .tabbedContent .panel{ margin:0; box-shadow:none; border-radius:0; margin-top:-2px; } } @media screen and (max-width:768px) { .second-level-nav { background:transparent } .navbar-name { display:block; margin: 1.3em 2em 1em 1em; color: #fff !important; text-align:left; font-weight:bold; text-transform:uppercase; } .secnavbar-toggle { background-color:transparent; border-radius: none; margin:15px 10px 0 0; } .secnavbar-default, .secnavbar-collapse { background-color:transparent; } .secnavbar-default .secnavbar-toggle { border-color: #fff; } .secnavbar { border-radius: 0; } .secondMenuUA ul { text-align:center; } .secondMenuUA li { float: none; border-right: 0; transform: none; position: relative; } .sp-home-image { display:none; } } /***sidebar css****/ section {scroll-margin-top:4em;} .sidebar-container {display: flex;margin: 0 auto;scroll-behavior: smooth;} .sidebar {z-index:0;} .element-padding {padding:1.5em 0;} .sidebar ul {margin: 0;padding-left:0;box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.1);} .sidebar ul li {list-style-type:none;padding-bottom:0 !important;margin:0;} .sidebar ul li a { cursor:pointer;padding: 1em;display:block;text-decoration: none; color: var(--bs-heading-color);width:100%;border:1px solid transparent} .sidebar ul li a:hover {background-color:#f1f1f1;color:#000;border:1px solid var(--black)} .sidebar ul li.last-child a {border-bottom:0;} .sidebar li.active a {color:#c05131;} .affix {top:10%;z-index: 9999 !important;width:15.5%;} .section-navgation-container {background-color: #59cbe8;} #collegeNav { background: var(--clsu-laker-blue); display: flex } #collegeNav li {margin:0;} #collegeNav ul.navbar-left li a { padding: 1rem; color: var(--white); font-size: 1.1em; display: block; background: var(--clsu-laker-blue) } #collegeNav ul.navbar-right li a { padding: 1rem; color: var(--white); font-size: 1.1em; display: block; background: var(--clsu-rust-orange) } #collegeNav ul.nav.navbar-nav.navbar-right { background: var(--clsu-rust-orange); color: var(--white); float:right } #collegeNav ul li a:hover {background:var(--white);color: var(--clsu-laker-blue)} .centerName {font-size: 1.5em;color: #092c74;padding:1em 0;} .departmentHero.centerName img {width: 50%;max-width: none;height: auto;} .collegeName{font-weight:400;padding:1.2em 0;margin:0;font-size:3em;text-align:end;} .collegeName a {font-weight:normal;} .navbar-right li.CNleft a {border-left: 1px solid #092c74;border-right:none !important;} .collegeHeader h1 {text-align:left;} .collegeHeader h1 a, .collegeHeader p a {color: var(--clsu-laker-blue);text-decoration:none} .sidebar-heading {font-size: 1.3em;background: #f1f1f1;color: #000;padding: .8em !important;} .sidebar ul li.sidebar-heading {font-size: 1.3em;background: #f1f1f1;color: #000;padding: .8em !important;margin:0;} p.learn-more {position:absolute;bottom:10px;} .thumbnail {min-height:545px;padding-top:15px;} img.circle {border-radius:50%;-webkit-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.49);-moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.49);box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.49);} /*.pull-left {margin-right:1em;clear:both;}*/ .grid-container {display:grid;grid-template-columns: auto auto auto auto;grid-gap: 1em;grid-template-rows: [row1] 47% [row2] 47%;margin:0 0.5em;} .grid-padding {position:relative;padding:1em;} .grid-headline {position:relative;background-color:#000;} .grid-cell-1 {grid-column:1;grid-row:1/ span 2;} .grid-container img {object-fit:cover;object-position: center;height:100%;width:100%;} .news-item {position:absolute;bottom:0%;left:0;z-index:1;color:#fff;width:100%;background:rgba(0,0,0,.5);} .news-item p {padding:1em 0 0 1em;font-size:1em;font-family:"Lato";font-style:italic;} .grid-cell-6 {background:#eee;grid-column:4;grid-row:1/ span 2;} .grid-cell-6 h3 {margin: 0;text-transform: uppercase;font-size: 1.3em;} .grid-event-container h3 {text-transform:capitalize;} .grid-event {border-bottom:1px solid #ccc;padding-top:1em;} .grid-event.end {border-bottom:none;} .grid-event a {color:#092c74;text-decoration:none;} .grid-container .feature::before {content:'';position:absolute;left:0; top:0;width:100%; height:100%;display:inline-block;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0.3057816876750701) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0.3421962535014006) 100%);} .news-item a {color: #fff;text-decoration: underline;background-color:transparent;} .grid-header-wrapper {position:relative;} .grid-content-wrapper {padding:1.5em 0;background:url(/dev/college-centers/cscm/images/pattern-randomized.svg) repeat;} .grid-header {margin-left:0.5em;} .gray-bg {background:#eee;} @media (max-width:950px) { .grid-cell-1 {grid-column:1;grid-row:1;} .grid-cell-6 {grid-column:3/ span 3;grid-row:1/ span 3;} .grid-container {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);} } @media (max-width:768px) {.mainImageLarge, .sidebar {display:none;}.grid-cell-6 {grid-column:2/ span 3;grid-row:1 /span 5;}.grid-container {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(5, 1fr);}.mainImageLarge {display:none;}} /*admissions ordered cirlce list*/ ol.timeline-list { border-left: 3px solid #f1f1f1; counter-reset: numbered-list; margin-left: 2em; position: relative; list-style-type:none; padding:0; } ol.timeline-list li { font-size: 16px; margin-bottom: 30px; padding-left: 2em; } ol.timeline-list li:last-child { border-left: 3px solid white; margin-left: -3px; } ol.timeline-list li.timelist-list-item:before { background-color: #f1f1f1; border: 3px solid white; border-radius: 50%; color: #c05131; content: counter(numbered-list, decimal); counter-increment: numbered-list; display: block; font-weight: bold; width: 2em; height: 2em; margin-top: 0; position: absolute; left: -26.5px; text-align: center; font-size:1.5em; padding:.3em 0 0 0; } ol.timeline-list li:before.none { content:'' !important; counter-increment:none; counter-reset:none; } .timeline-content { overflow:hidden; } .timeline-content h3 { margin:0;padding:.3em 0 .5em 0; } .student-type { background-color:#eee; padding:1em; min-height:295px; margin-bottom:1.5em; } /*housing css*/ .housing-by-the-numbers{ position: relative; color: var(--white); width: 100% } .housing-by-the-numbers img { width: 100% } .housing-by-the-numbers-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; font-size: 1rem } .heading-by-the-numbers { display: none }. .orange-note, .blue-note { min-height: 425px } .blue-note { background:var(--clsu-laker-blue); color: var(--white); padding: 1em 1em .2em 1em } .contact-info-container { color: var(--white) !important; background: var(--clsu-laker-blue); border-bottom:3px double var(--white) } .housing-number { background: var(--white); color: var(--black); margin-top: 1em; padding: 1em; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; line-height: 40px } .csu-blue { background: var(--clsu-laker-blue); color: var(--white) } .csu-orange { background: var(--clsu-rust-orange); color: var(--white) } .contact-container, .quick-links-container { min-height: 400px } .flex-housing-container { display: block; position: absolute; left: 15%; margin-left: -50px; top: 20%; margin-top: -50px; width: 100% } #mainContent { margin-bottom: 0 } @media screen and (max-width:768px) { .hide-image { display:none } .flex-housing-container { position:relative; padding:2em; top: 0; left: 0; margin-left: 0; margin-top: 0 } .housing-by-the-numbers-content { position:relative; background: var(--clsu-laker-blue); padding:1.5em 0; padding: 1.5em 0; top: 0; left: 0; transform: none; font-size: 1.3em } .embed-responsive { margin-top:var(--margin-bottom) } img.image-by-the-numbers { display:none } .heading-by-the-numbers { display:block; text-align:center; font-weight:1.5em } .heading-by-the-numbers:before,.heading-by-the-numbers:after { border:3px solid var(--white) } } } /*financial aid css*/ /*large cards for apply and types of aid. L.Bradberry 2-3-2022*/ .grayBgText {background-color: #e9f3d7;-webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 50%);-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px rgb(0 0 0 / 50%);} a.btn.green {background-color: #006f44;border-color: #006f44;border: 1px solid #006f44;color: var(--white)} a.btn.green:hover {background-color: transparent;color: #006f44;border: 1px solid #006f44;} /*.fa-style h1 {margin-top: -15px;}*/ .tabbedContent { padding:1.5em 0; } .tabbedContent .tab-content { border:1px solid #e0e0e0; padding: 0 1.875em } .tabbedContent .nav-tabs { color:#000; font-size:18px; } .tabbedContent .nav-tabs li { margin:0 } .tabbedContent .nav-tabs>li>a { border:0; font-weight:normal; } .tabbedContent .nav-tabs .nav-link.active, .tabbedContent .nav-tabs .show>.nav-link { background-color:#59cbe8; border-radius:0; color: var(--clsu-laker-blue); font-weight: bold } .tabbedContent .nav-tabs .nav-link { color: var(--black); font-weight: bold } .tabbedContent .tab-content>.active, .tab-content>.active { display: block; background-color: transparent !important; padding: 0 !important; } .tabbedContent ul.nav.nav-tabs { margin-left: 0 !important; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding-left: .5em } .tabbedContent ul.nav.nav-tabs li { padding-bottom:0 !important; border-left:1px solid #e0e0e0; } .tabbedContent ul.nav.nav-tabs li:first-child { border-left:none; } .tabbedContent .nav-tabs>li.active>a { background-color: #59cbe8; color:#000; font-weight:normal; } .nav-tabs>li>a { margin-right: 0; } .tabbedContent .nav-tabs>li>a { color:#000; } .tabbedContent .nav-tabs>li.active>a:hover { color:#092c74; cursor:pointer; background-color:#59cbe8; } .tabbedContent .nav-tabs>li>a:hover { color:#092c74; background-color:transparent; } .tabbedContent .nav-tabs>li.active>a, .tabbedContent .nav-tabs>li.active>a:focus, .tabbedContent .nav-tabs>li.active>a:hover { border:0; border-radius:0; background-color:#59cbe8; color:#000; } .tabbedContent .nav-tabs>li>a:focus { color:#fff; background: var(--clsu-dark-gray) } .tabbedContent .nav.nav-tabs { border-radius:0; position:relative; } .tabbedContent .nav.nav-tabs:focus, .tabbedContent .nav-tabs:hover { color: #092c74; } .tabbedContent .nav.nav-tabs:focus { border-color:#000 #000 #000; } @media(min-width:1082px){ .tabbedContent .panel-heading{ display:none; } .tabbedContent .panel{ border:none; box-shadow:none; } .tabbedContent .panel-collapse{ height:auto; } .tabbedContent .collapse {display:block} } .tabbedContent .nav.nav-tabs li.active:before, button.nav-link.active:before { top: 92%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #59cbe8; border-width: 12px; margin-left: -12px; } .nav:before { display:table; content:""; } @media(max-width:1082px){ .tabbedContent .tab-content>.tab-pane, .tabbedContent .nav-tabs li a{ display:block; } .tabbedContent .tab-content { border:0; padding:0; } .tabbedContent .tab-content .panel-default>.panel-heading { color: #000; background-color: #59cbe8; border-color: #fff; border-radius:0; } .tabbedContent .accordion-toggle:after { border: solid transparent; content: " "; height: 0; width: 0; border-color: rgba(0, 0, 0, 0); border-top-color: rgba(0,0,0,1.00); border-width: 8px; margin-top:8px; float:right; } .tabbedContent .tab-content .panel-heading a { color:#000; font-size:18px; } .tabbedContent .nav-tabs{ display:none; } .tabbedContent .panel-title a{ display:block; } .tabbedContent .panel{ margin:0; box-shadow:none; border-radius:0; margin-top:-2px; } } .welcomeFA {position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .grayBg {width:100%;background-color:#f2f2f2;padding:40px 20px;} .shadow-box {border:1px solid #ddd; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;background-color:#fff;min-height: 480px;} .shadow-box:hover {background-color:#ddd;cursor:pointer;} .shadow-box:hover img {background-color:rgba(0,0,0,0.5);} .shadow-box-content {padding:10px;} .shadow-box-content h3 {font-size:1.2rem;} .shadow-box a {color:#54565b;text-decoration:none;font-weight:normal;font-family:'Montserrat'} .event-container {margin-bottom: 1em;overflow: hidden;} .event-name {background-color:#fff;padding:10px;font-weight:bold;} .event-date {background-color:#006f44;color:#fff;padding:10px} .deptHeroContent { position:absolute;right:10px;bottom:65px;text-align:center;padding:10px;background:rgba(255,255,255,0.7);} .deptHeroContent p {margin: 0;padding: 0;} .blueBg {background-color:#9abeaa;} .blueBg h2, .deptHero .blueBg p {color:#fff;font-size:1.85rem;} .dates-deadlines {background-color:#fff;border-left:4px solid #092c74;padding:10px;font-size:1.1em;} p.faEvent, p.faDate {margin:0;padding:0;} .sections {padding:0 0 5rem 0;} .lead {margin-bottom: 0; padding-top: 45px;} .center-block {float:none;} .border-right {border-right:1px solid #b3b5b7 ;} p.faWelcome {padding:35px 0;margin-bottom:0;} sub {bottom: -1.25em;} #mainContent {margin-bottom: 0;} .mob-space{ margin-bottom:20px;} .space-h2{padding-left:15px;} /*news*/ /*All classes related to the new newsroom and stories*/ /*@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Unna&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300&display=swap'); @import url('social-share-kit.css'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');*/ #sidebarBreadcrumb .stamatsBreadcrumb a, #sidebarBreadcrumb .separator, #sidebarBreadcrumb a:first-child, #sidebarBreadcrumb a { color: #092c74; font-weight: normal; } .home-story-feature p a { font-family:'Barlow', sans-serif !important; font-size:2rem; font-weight:normal !important; line-height:1.2; } .btn.btn-lg { color:#c05131; font-size:19px; padding: 0 0 2px 0; font-weight:bold; border-color:transparent; } .btn.btn-lg:hover { color:#6e2700; text-decoration:underline; background-color:#ffffff; } .noPadL h2 { background-color:#092c74; color:#fff; padding: 5px 10px !important; margin-top:0; } .noPadR h2 { background-color:#54565b; color:#fff; padding: 5px 10px !important; margin-top:0; } .noPadR h3 { border-bottom: 1px solid #e5e5e5; } .noPadL { border-right: 1px solid #e5e5e5; } .noPaddingL { padding-left:0; } .noPaddingR { padding-right:0; } .news-heading { } .home-story-feature { padding-bottom:30px; } .home-story-list { padding:10px 0; border-bottom: 1px solid #e5e5e5; } .col-sm-4 hr { border: 1px solid #000; margin-top: 5px; margin-bottom: 20px; } .news-filter-container{ padding: 2%; background: #092c74; color: #fff; width:40%; } label{ font-weight: 600; margin: 0 .4em 0 1em; } label:first-child{ margin-left: 0; } .newsPaginationContainer { display:block; } .newsContainer { padding: 2% 0 0; font-size: inherit; margin-bottom:2%; overflow: hidden; } p.newsDate { margin: 0; padding-top: 10px; font-size: 14px; text-transform: uppercase; color: #54564b; } .newsContainer:after { content: ''; width: 100%; } .mix.col-sm-6, .newsItem.col-sm-6 { padding-left:1px; padding-right:20px; } .mix, .newsItem { margin-bottom:2%; } #newsContainer a:hover { text-decoration:none; } #newsContainer a:hover h2 { text-decoration:underline; } .mixContent, .newsContent { box-shadow: 0px 1px 3px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); padding: 5px 20px 10px 20px; } .mixContent h2, .home-story-list h2 a, .newsContent h2 { color:#092c74; font-weight:bold; font-size:24px; font-family: 'Barlow', sans-serif !important; } .mixContent p, .newsContent p { color:#54565b; font-weight:normal; } .notable h4 a { font-size:19px; font-family: 'Barlow', sans-serif !important; } .mix a p { color:#444; font-weight:normal; } .additionalNews { text-align:center; padding: 20px 0; } .notable { padding-top:5px; } .searchBoxBackground{ background-color:#eeeeee; min-height:50px; padding:5px 10px 20px 10px; } .contentPageContent { margin-top:63px; padding-top:0 !important; } .contentPageContent h1 { margin-top:0 !important; } .spaceRight { padding-left:25px; font-weight:bold; font-family: 'Lato', sans-serif; font-size:12px; } .paginationjs { font-family: 'Lato', sans-serif; font-size:16px; } .paginationjs .paginationjs-nav { float:right; margin-right:10px; font-size:16px; color:#54565b; } /*#content .col-sm-9 ul { margin-left: 0; }*/ div#mainContent ul li { padding-bottom: 0; } .paginationjs-pages li { border:none; } .paginationjs .paginationjs-pages li.active>a { height:30px; line-height:30px; background:#092c74; color:#fff } .paginationjs .paginationjs-pages li:last-child, .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child>a { border-radius: 0 } .paginationjs .paginationjs-pages li:last-child { border-right:none; } .paginationjs .paginationjs-pages li>a { min-width:auto; height:auto; line-height:30px; display:block; font-size:16px; color:#092c74; border:1px solid #eee; padding:5px 15px; } .paginationjs .paginationjs-pages li.active>a { background-color:#092c74; height:auto; line-height:30px; border:none; } .paginationjs .paginationjs-pages li { border:none; } .paginationjs .paginationjs-pages li.disabled>a{ opacity:.9; color:#54565b } .wrapImage { float: right; margin-left: 20px; margin-bottom: 10px; } .socialShareContainer { height:1em; } .socialShare { position: fixed; top: 30%; right:0; height:1em; } .socialShare ul { padding: 0px; -webkit-transform: translate(255px, 0); -moz-transform: translate(255px, 0); -ms-transform: translate(255px, 0); -o-transform: translate(255px, 0); transform: translate(255px, 0); } .socialShare ul li { display: block; margin: 5px; width: 295px; padding: 5px 10px 10px 5px !important; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .socialShare ul li.facebook { background:#54565b; color:#fff; } .socialShare ul li.twitter { background: #54565b; color: #fff; } .socialShare ul li.linkedin { background: #54565b; color: #fff; } .socialShare ul li.email { background:#54565b; color:#fff; } .socialShare ul li:hover { -webkit-transform: translate(-160px, 0px); -moz-transform: translate(-160px, 0px); -ms-transform: translate(-160px, 0px); -o-transform: translate(-160px, 0px); transform: translate(-160px, 0px); background: #bec2c6; } .socialShare ul li:hover a, .socialShare ul li:hover span { color: #092c74; } .socialShare ul li span { margin-right: 25px; color: #fff; padding: 10px; width: 20px; height: 20px; font-size: 20px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .storyContent { margin-right:70px; } .newsContainer { background-color:#fff; } .newsContent { -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); padding: 5px 20px 10px 20px; box-shadow: 0px 1px 3px rgb(0 0 0 / 25%); min-height:11rem; } .newsContent h2 { color: #092c74; font-weight:bold; font-size:24px; font-family: 'Barlow', sans-serif !important; } .newsContent p { color: #54565b; font-weight: normal; } p.newsDate { margin:0; padding-top:10px; font-size: 14px; text-transform:uppercase; color: #54564b; } .newsItem { margin-bottom:6%; } .paginationjs { font-family: 'Lato', sans-serif; font-size:16px; } .paginationjs .paginationjs-nav { float:right; margin-right:10px; font-size:16px; color:#54565b; } /*#content .col-sm-9 ul { margin-left: 0; }*/ div#mainContent ul li { padding-bottom: 0; } /*.paginationjs-pages li { border:none; } .paginationjs .paginationjs-pages li.active>a { height:30px; line-height:30px; background:#092c74; color:#fff } .paginationjs .paginationjs-pages li:last-child, .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child>a { border-radius: 0 } .paginationjs .paginationjs-pages li:last-child { border-right:none; } .paginationjs .paginationjs-pages li>a { min-width:auto; height:auto; line-height:30px; display:block; font-size:16px; color:#092c74; border:1px solid #eee; padding:5px 15px; } .paginationjs .paginationjs-pages li.active>a { background-color:#092c74; height:auto; line-height:30px; border:none; } .paginationjs .paginationjs-pages li { border:none; } .paginationjs .paginationjs-pages li.disabled>a{ opacity:.9; color:#54565b }*/ .subpageSidebarMenu {padding:0;} /*article listing fix spacing - only css added Mar. 4 2022*/ .newsDescription { line-height: 1.4rem; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 2; } @media screen and (max-width:767px){ .contentPageContent { margin-top:20px; } .newsItem.col-sm-6 { padding-left: 5px; padding-right: 5px; } article.newsItem { min-height:6.5rem; height:100% !important; } .wrapImage { float:none; } } /* to make descriptions black added Mar. 24 2022 */ p.newsDescription { color:#000; } /* added Mar. 24 2022 */ mixContent h2, .home-story-list h2 a, .newsContent h2, .home-story-list h3 { color: #092c74; font-weight: bold; font-size: 24px; font-family: 'Barlow', sans-serif !important; } /* added Mar. 29 2022 */ article.newsItem { min-height:6.5rem; height:21rem; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-group { margin-bottom: 15px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px \9; margin-left: -20px } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm, textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.form-group-sm .form-control { height: 30px; line-height: 30px } select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg, textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.form-group-lg .form-control { height: 46px; line-height: 46px } select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442 } .has-error .form-control-feedback { color: #a94442 } .has-feedback label~.form-control-feedback { top: 25px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px } } .btn { display: inline-block; padding: 1rem; margin-bottom: 0; font-size: var(--text-sm); font-weight: 400; line-height: 1.42857143; text-align: center; white-space: wrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; outline: 5px transparent; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; } /*.btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none }*/ .btn.active, .btn:active { background-image: none; outline: 0; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65 } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-primary { color: var(--link-color); background-color: var(--white); border-color: var(--link-color); font-family: 'Montserrat-Bold' } .btn-primary:hover { color: var(--white); background-color: var(--link-color); border-color: transparent } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image: none } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image: none } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } /*.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility }*/ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: wrap } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color: #777 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { right: auto; left: 0 } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group>.btn-group { float: left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group>.btn-lg+.dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { display: table-cell; float: none; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn>.btn { position: relative } .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-left: -1px } .nav { padding-left: 0; margin-bottom: 0; list-style: none } /*.nav>li { position: relative; display: block }*/ .nav>li>a { position: relative; display: block; padding: 10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { margin-bottom: 5px; text-align: center } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { margin-bottom: 5px; text-align: center } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; padding: 0 } @media (min-width:768px) { .navbar { border-radius: 4px } } @media (min-width:768px) { .navbar-header { float: left } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) } .navbar-collapse.in { overflow-y: auto } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px } @media (max-device-width:480px)and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width:768px) { .navbar-static-top { border-radius: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand>img { display: block } @media (min-width:768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media (min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px -15px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none } } @media (min-width:768px) { .navbar-nav { display: inline; margin: 0 } .navbar-nav>li { /*float: left*/ } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px } } @media (min-width:768px) { .navbar-left { float: left!important } /*.navbar-right { float: right!important; margin-right: -15px }*/ .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } /*.navbar-default .navbar-nav>li>a { color: #777 }*/ .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #e7e7e7 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #080808 } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb>.active { color: #777 } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px } .pagination>li { display: inline } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #23527c; background-color: #eee; border-color: #ddd } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7 } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none } .pager li { display: inline } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus, .pager li>a:hover { text-decoration: none; background-color: #eee } .pager .next>a, .pager .next>span { float: right } .pager .previous>a, .pager .previous>span { float: left } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #777; cursor: not-allowed; background-color: #fff } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #777 } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-group-xs>.btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #337ab7; background-color: #fff } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } .nav-pills>li>a>.badge { margin-left: 3px } /*keep. used by its*/ .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron .h1,.jumbotron h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron>hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding: 48px 0 } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } .jumbotron .h1, .jumbotron h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail a>img, .thumbnail>img { margin-right: auto; margin-left: auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7 } .thumbnail .caption { padding: 9px; color: #333 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media, .media-body { overflow: hidden; zoom: 1 } .media-body { width: 10000px } .media-object { display: block } .media-right, .media>.pull-right { padding-left: 10px } .media-left, .media>.pull-left { padding-right: 10px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { padding-left: 0; margin-bottom: 20px } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5 } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: .75em; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-radius:0 } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { } .panel-default>.panel-heading { color: var(--link-color);; background-color: #f5f5f5; border-left:3px solid var(--link-color); cursor:pointer; padding:0 1em 0 0 } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7 } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1 } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2 } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; filter: alpha(opacity=0); opacity: 0 } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover>.arrow { border-width: 11px } .popover>.arrow:after { content: ""; border-width: 10px } .popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0 } .popover.right>.arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25) } .popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .popover.left>.arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5 } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1 } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none!important } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none!important } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table } tr.visible-xs { display: table-row!important } td.visible-xs, th.visible-xs { display: table-cell!important } } @media (max-width:767px) { .visible-xs-block { display: block!important } } @media (max-width:767px) { .visible-xs-inline { display: inline!important } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px)and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } } @media (min-width:768px)and (max-width:991px) { .visible-sm-block { display: block!important } } @media (min-width:768px)and (max-width:991px) { .visible-sm-inline { display: inline!important } } @media (min-width:768px)and (max-width:991px) { .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px)and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } } @media (min-width:992px)and (max-width:1199px) { .visible-md-block { display: block!important } } @media (min-width:992px)and (max-width:1199px) { .visible-md-inline { display: inline!important } } @media (min-width:992px)and (max-width:1199px) { .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } } @media (min-width:1200px) { .visible-lg-block { display: block!important } } @media (min-width:1200px) { .visible-lg-inline { display: inline!important } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px)and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px)and (max-width:1199px) { .hidden-md { display: none!important } } @media (min-width:1200px) { .hidden-lg { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table } tr.visible-print { display: table-row!important } td.visible-print, th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } } @media print { .hidden-print { display: none!important } } /*smartmenus bootstrap*/ .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px } .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: 700 } .navbar-nav.sm-collapsible .open>a>.caret:before { content: '-' } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: ''!important } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px } .navbar-nav span.scroll-down, .navbar-nav span.scroll-up { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center } .navbar-nav span.scroll-down-arrow, .navbar-nav span.scroll-up-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent } .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul .dropdown-menu>li>a { padding-left: 35px } .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul .dropdown-menu>li>a { padding-left: 45px } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu>li>a { padding-left: 55px } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu>li>a { padding-left: 65px } .navbar-nav .dropdown-menu>li>a { white-space: normal } .navbar-nav ul.sm-nowrap>li>a { white-space: nowrap } .navbar-nav.sm-collapsible ul.sm-nowrap>li>a { white-space: normal } .navbar-right ul.dropdown-menu { left: 0; right: auto } /*main menu*/ .navbar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:0;padding-bottom: 0} .navbar-default{background-color:transparent;border:none} .navbar-collapse{border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} /*#claytonMenu .topLevel>li>a{color:#3f3f3f}*/ /*#claytonMenu .topLevel>li>a:focus,#claytonMenu .topLevel>li>a:hover{color:#979797}*/ #claytonMenu .topLevel>li.active>a:focus,#claytonMenu .topLevel>li.active>a:hover{color:#3f3f3f} #claytonMenu .topLevel>.open>a,#claytonMenu .topLevel>.open>a:hover,#claytonMenu .topLevel>.open>a:focus{background:none} #claytonMenu .topLevel>.active.open>a,#claytonMenu .topLevel>.active.open>a:hover,#claytonMenu .topLevel>.active.open>a:focus{background-color:#e7e7e7} #claytonMenu .navbar-default .topLevel>li>a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s} #claytonMenu .dropdown-menu{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:#f1f1f1;padding:0} #claytonMenu .dropdown-menu::after{bottom:100%;left:35%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(241,241,241,0);border-bottom-color:#f1f1f1;border-width:10px;margin-left:-30px} #claytonMenu .dropdown-menu li{background:none;float:none;clear:both;width:auto;padding:5px 5px;border-bottom:1px solid #e1e1e1;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s} #claytonMenu .dropdown-menu li:hover{background:#7ca0c0} #claytonMenu .dropdown-menu li:last-child{border:none} #claytonMenu .dropdown-menu li>a{background:transparent} #claytonMenu .dropdown-menu li.active>a,#claytonMenu .dropdown-menu li.active a:hover,#claytonMenu .dropdown-menu li.active a:focus{color:#3f3f3f;font-weight:600} #claytonMenu .dropdown-menu a:hover{color:#fff}#claytonMenu .subLevelRight::after{border:none} @media only screen and (min-width:768px) and (max-width:995px){ #claytonMenu .nav li{font-size:15px} } @media only screen and (max-width:767px){ #claytonMenu .dropdown-menu{padding:0} #claytonMenu .dropdown-menu::after{border:none;pointer-events:none;border-color:none;border-width:0} #claytonMenu .dropdown-menu.subLevel{padding:0} #claytonMenu .dropdown-menu.subLevel li.active a span{color:#3f3f3f} #claytonMenu .dropdown-menu.subLevel li{background:#4a4f54;border-bottom:1px solid #4a4b4c;padding:0} #claytonMenu .dropdown-menu.subLevelRight li{background:#5d6062;padding:0} #claytonMenu .topLevel li{position:relative;background:#383c40;list-style-type:none;float:none;width:100%;margin-bottom:0;border-top:1px solid rgba(0,0,0,.1)} #claytonMenu .topLevel li.active a{color:#3f3f3f;font-weight:bold} #claytonMenu .topLevel li a{display:block;color:#ddd;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;padding-top:5px;padding-bottom:5px;padding-left: 0;padding-right: 0;} #claytonMenu .topLevel li a:hover{background:#54565b;color:#fff;} #claytonMenu .topLevel li a:hover span{color:#3f3f3f} #claytonMenu .topLevel li a span{line-height:52px;margin:0;padding:0;font-size:15px} #claytonMenu .topLevel .dropdown.open a span{color:#7ca0c0} #claytonMenu .topLevel .dropdown-menu.subLevel a span{color:#fff} #claytonMenu .topLevel>li>a{color:#fff}#claytonMenu .topLevel>li>a:hover span{color:#fff;padding-left:20px;} #claytonMenu .dropdown.open .subLevel>li a:hover span{color:#69849d} .navbar-nav.sm-collapsible .caret,.navbar-nav.sm-collapsible ul .caret{position:absolute;right:0;padding:0;width:65px;height:62px;line-height:60px;text-align:center;border-width:1px;border-style:solid;top:0;border:none;background-color:#2c2f33;display:block;margin:0;border-radius:0;font-size:1.3em} } /*ADD THESE TO PORTAL STYLES*/ /*skin*/ /*@import url('font-awesome.min.css');*/ /*for visual identity*/ .lato-thin { font-family: "Lato", sans-serif; font-weight: 100; font-style: normal; } .lato-light { font-family: "Lato", sans-serif; font-weight: 300; font-style: normal; } .lato-regular { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } .lato-bold { font-family: "Lato", sans-serif; font-weight: 700; font-style: normal; } .lato-black { font-family: "Lato", sans-serif; font-weight: 900; font-style: normal; } .lato-thin-italic { font-family: "Lato", sans-serif; font-weight: 100; font-style: italic; } .lato-light-italic { font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; } .lato-regular-italic { font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; } .lato-bold-italic { font-family: "Lato", sans-serif; font-weight: 700; font-style: italic; } .lato-black-italic { font-family: "Lato", sans-serif; font-weight: 900; font-style: italic; } .barlow-thin { font-family: "Barlow", sans-serif; font-weight: 100; font-style: normal; } .barlow-extralight { font-family: "Barlow", sans-serif; font-weight: 200; font-style: normal; } .barlow-light { font-family: "Barlow", sans-serif; font-weight: 300; font-style: normal; } .barlow-regular { font-family: "Barlow", sans-serif; font-weight: 400; font-style: normal; } .barlow-medium { font-family: "Barlow", sans-serif; font-weight: 500; font-style: normal; } .barlow-semibold { font-family: "Barlow", sans-serif; font-weight: 600; font-style: normal; } .barlow-bold { font-family: "Barlow", sans-serif; font-weight: 700; font-style: normal; } .barlow-extrabold { font-family: "Barlow", sans-serif; font-weight: 800; font-style: normal; } .barlow-black { font-family: "Barlow", sans-serif; font-weight: 900; font-style: normal; } .barlow-thin-italic { font-family: "Barlow", sans-serif; font-weight: 100; font-style: italic; } .barlow-extralight-italic { font-family: "Barlow", sans-serif; font-weight: 200; font-style: italic; } .barlow-light-italic { font-family: "Barlow", sans-serif; font-weight: 300; font-style: italic; } .barlow-regular-italic { font-family: "Barlow", sans-serif; font-weight: 400; font-style: italic; } .barlow-medium-italic { font-family: "Barlow", sans-serif; font-weight: 500; font-style: italic; } .barlow-semibold-italic { font-family: "Barlow", sans-serif; font-weight: 600; font-style: italic; } .barlow-bold-italic { font-family: "Barlow", sans-serif; font-weight: 700; font-style: italic; } .barlow-extrabold-italic { font-family: "Barlow", sans-serif; font-weight: 800; font-style: italic; } .barlow-black-italic { font-family: "Barlow", sans-serif; font-weight: 900; font-style: italic; } /*body > :not(header):not(footer):not(nav) li { padding: .5em 0; }*/ em, small { letter-spacing: 0 } .display-flex-center { display:flex; justify-content:center; align-items:center; } .img-circle {margin-bottom: 1.5em;border-radius: 50%;-webkit-box-shadow: 10px 10px 11px -6px rgba(0, 0, 0, 0.49);-moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.49);box-shadow: 10px 10px 11px -6px rgba(0, 0, 0, 0.49);} /*editor styles*/ .fontOrange {color: var(--clsu-rust-orange)} .fontBlue {color: var(--clsu-laker-blue)} .fontRed {color: var(--clsu-upbeat-crimson)} .fontLarger {font-size:1.2em;} .emerg-alerts { background:#f7d78b; padding:.5em 1.8em; margin:2em 0 } .emerg-alerts ul li { padding:.5em 0 1em } .content-padding-1 { padding:.5em } .content-padding-2 { padding:1em } .content-padding-3 { padding:1.5em } .content-padding-4 { padding:2em } .border-bottom-blue { border-bottom:2px solid #092c74; } .error-gray-box { margin-bottom: 30px; background-color: #eee; display: flex; flex-direction: column; padding: 1em; min-height: 305px; } .box-shadow { -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); } span.fa.fa-exclamation { background-color: #fff; border: 1px solid #c05131; padding: 0.5em 1em; color: #c05131; font-size:1.2em; } a.btnOrange { background-color: #c05131; padding: 0.5em; color: #fff !important; font-size:1.2em; border:1px solid #c05131; } a.btnOrange:hover { background-color:#fff; color:#c05131 !important; border:1px solid #c05131; } .multi-column { column-count: 2; background-color: #fff; padding: 1em; margin-bottom: 2em; border: 5px dotted #ba0c2f; margin-left:0 !important; } /*event type notation*/ .cas-workshop-type { /*background: #c05131; color: #fff;*/ padding: 1em; margin-bottom: 1em; border:1px solid #fff; outline: 1px solid #fff; outline-offset: -5px; font-weight: bold; width: 50%; text-transform: uppercase; } hr.no-space { margin:1em 0 } .border-1 { border:1px solid #54565b } /*light gray background for Marcomm*/ .gray-box { background-color:#dddddc; padding-bottom:5px; margin-bottom:30px; position:relative; min-height:330px } .row .pad30 { padding-bottom:30px; } /*gray border bottom*/ .gray-border-bottom { border-bottom:1px solid #ddd; } /*section padding*/ .sections { padding:65px 0 65px 0; } /*table with gray background*/ tr.table-gray-row { background-color:#eee; } /*Blue Tabbed Content*/ .hor-tab-container { width:100%; margin:20px 0; } .hor-nav>li{ position:relative; display:block } .hor-nav>li>a{ position:relative; display:block; padding:10px; } .hor-nav>li>a:focus,.hor-nav>li>a:hover{ text-decoration:none; background-color:#eee; outline:none; } .hor-nav-tabs{ border-bottom:1px solid #ddd; } ul.hor-nav.hor-nav-tabs { margin:0; } .hor-nav-tabs>li{ float:left; margin-bottom:-1px; } .hor-nav-tabs>li>a{ margin-right:0; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0; } .hor-nav-tabs>li.active>a,.hor-nav-tabs>li.active>a:focus,.hor-nav-tabs>li.active>a:hover{ color:#555; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; } .hor-nav { display:table; list-style-type:none; margin-left:0 !important; padding:0; } .hor-nav > .tabs-link { display:table-cell !important; vertical-align: middle; width:20%; padding: 0; margin:0; border-right:2px solid #fff; font-size:1.3em; font-weight:400; text-align:center; background:rgba(9,44,116,.3); } .hor-nav > li.tabs-link.end { border-right:0; } .hor-nav > .tabs-link:hover { background:#092c74; color:#000; min-height:40px; } .hor-nav > .tabs-link a { color:#000; border-radius:0; } .hor-nav > li.tabs-link.active, .hor-nav-tabs>li.active>a, .hor-nav-tabs>li.active>a:focus, .hor-nav-tabs>li.active>a:hover { color:#fff; background-color:#092c74; cursor:pointer; } .hor-nav-tabs>li.active>a, .hor-nav-tabs>li.active>a:focus, .hor-nav-tabs>li.active>a:hover { border:none; } .hor-nav-tabs>li>a:hover { border-color:transparent; background-color:#092c74; color:#fff; } .hor-nav-tabs>li { float: none; } .hor-tab-content { background-color:#eee; margin-bottom:30px; padding:20px; } .hor-tab-content>.tab-pane{ display:none; } .hor-tab-content>.active{ display:block; } /*End Blue Tabbed Content*/ .horizontal-list { list-style-type:none; padding:0 } .horizontal-list li { list-style: none; display: inline-block; padding:.9em .3em; margin-bottom:1em } .horizontal-list a { padding:1em; font-size: 1.1em; background: #eee; } /*Pop up Image Modal*/ .gallery { display: flex; flex-wrap: wrap; gap: 10px; padding: 20px; justify-content: center; } .gallery-item { text-align: center; } .gallery-item button { border: none; background: none; padding: 0; cursor: pointer; } .gallery-item img { width: 350px; border-radius: 0px; transition: transform 0.2s; } .gallery-item img:hover, .gallery-item button:focus img { transform: scale(1.05); outline: 2px solid #c05131; } .caption-pop-up-gallery { margin: auto; font-size: .85em; color: #000; padding:.5em 0; width:70% } /* Modal styles */ .modal-pop-up-gallery { display: none; position: fixed; z-index: 1000; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); } .modal-content-pop-up-gallery { margin: auto; display: block; max-width: 80%; max-height: 100vh; } .modal-caption-pop-up-gallery { text-align: center; color: #fff; padding: 10px 20px; font-size: 1em; } .close-pop-up-gallery, .prev-pop-up-gallery, .next-pop-up-gallery { position: absolute; color: #092c73; background: #fff !important; font-size: 1em; font-weight: bold; cursor: pointer; user-select: none; padding: .8em 1em !important; border:5px solid #fff !important } button#closeModal:focus, button#prevBtn:focus, button#nextBtn:focus { background-color: #eee !important; color: #092c74; border: 5px solid #c05131 !important; opacity:1 } button#closeModal:hover, button#prevBtn:hover, button#nextBtn:hover { background-color: #092c74; color: #000; border: 5px solid #c05131; opacity:1 } .close-pop-up-gallery { top: 20px; right: 30px; opacity:1 } .prev-pop-up-gallery, .next-pop-up-gallery { top: 50%; transform: translateY(-50%); } .prev-pop-up-gallery { left: 20px; } .next-pop-up-gallery { right: 20px; } .visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .backgroundCSUBlue { background:#092c74 } .backgroundCSUOrange { background:#fc6d23 } .backgroundCSULightBlue { background:#59cbe8 } .backgroundCSUDarkOrange { background:#c05131 } .backgroundCSUMaroon { background:#ba0c2f } .fontCSUMaroon { color:#ba0c2f } .backgroundCSULightGreen { background:#9cdbd9 } .backgroundCSUGold { background:#f0b323 } .backgroundCSULightMaroon { background:#e89cae } .backgroundCSUGreen { background:#006f44 } .backgroundCSUBrown { background:#73381d } .backgroundCSUMagenta { background:#722257 } .backgroundCSUMintGreen { background:#9abeaa } .backgroundCSUBlueGray { background:#5b6770 } .backgroundCSUGray { background:#cbc4bc } .padding5 { padding:50px } .padding4 { padding:38px } /*box with orange border*/ .note {border:1px solid #eee;border-left:5px solid #c05131;padding:1.3em 1.3em .5em;font-weight:900;margin:0 0 3em} .font-orange {color:#c05131} .pt-3 {padding-top:.35em} .fa-4xl {font-size:3.5em} .fa-5xl {font-size:5em} .fa-icon {width:100%} /*maroon snippet*/ .card.card-maroon { border:1px solid #ba0c2f; border-radius:0; } .card-maroon > .card-header { background-color:#ba0c2f; color:#fff; font-size:1.2em; } .card-maroon > .card-body { background-color:#fff; color:#000 } /*orange note*/ .orange-note { background-color:#c05131; color:#fff; padding: 1em 1em .2em 1em; } .orange-note a { color:#fff !important; text-decoration:dotted; } .orange-note a:hover { text-decoration:none; } /*background-gray*/ .background-gray { padding:2em 0; background-color:#f1f1f1; } /*light gray border box*/ .light-gray-border { border: 1px solid #ccc; border-radius: 1em; padding: 1em 2em; } .light-gray-border h3 { border-bottom: 1px solid #ccc; padding-bottom: .3em; } /*image cards with right chevron arrow*/ .image-cards { padding:1em; overflow:hidden; } .image-cards a { background-color:#fff; display:block; -webkit-transition: .4s ease-in-out; transition: .5s ease-in-out white-space: nowrap; padding:0 } .image-cards a:hover { -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); display:block; background-color:#092c74; color:#fff; } .image-cards-content p { padding:1em; margin:0; } /*call out snippet*/ .callOut { padding:10px; border:2px solid #c05131; margin-left: auto; width: 50%; margin-right: auto; box-shadow: 5px 5px #c05131; } /*OU Search link color override*/ #ou-search-results a { color: #092c74 !important; } .nav-pills>li>a { border-radius: 4px; color:#fff; } .vcenter { display: inline-block; padding-top: 10px; } .col-lg-2.col-sm-6.ics-border-bottom, .col-sm-3.ics-border-bottom { border-right-width: 1px; border-right-style: solid; border-right-color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; height: 100px; } .col-lg-2.col-sm-6.ics-border-right, .col-sm-3.ics-border-right { border-right-width: 1px; border-right-style: solid; border-right-color: #000000; height: 115px; } .iconheadings { text-align: center; line-height: 17px; text-transform: uppercase; } .icons { text-align: center; margin: 0 auto; display: block; width: 35px; padding-top: 10px; } /*DM*/ #contentDM { padding: 20px 0 40px 0; } /*housing snippet*/ .housingCTA { padding-top:2em; } .housingCTA ul { margin:0; padding:0; overflow:hidden; line-height:2.5; text-align:center; } .housingCTA li { display:inline; padding:0 .5em; } .housingCTA a.btn-white { background-color:#fff; color:#000; padding:1em; width:80%; -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; white-space:nowrap; overflow:hidden; } .housingCTA a.btn-white:hover, .housingCTA a.btn-blue:hover { color:#000; background-color:#fc6d23; } .housingCTA a.btn-blue { background-color:#092c74; color:#fff; padding:1em; width:80%; transition:1s; } .heroBottomHousing { position: absolute; bottom:5%; left:50%; transform:translate(-50%,-5%); z-index:2; width:100%; } /*smi icons*/ .csuSocialMedia {background-color:#092c74;padding:.5em 0;text-align:center;} .csuSocialMedia ul {margin:0;} .csuSocialMedia li {display:inline;} .csuSocialMedia li {padding:0 .3em} .csuSocialMedia li a:hover {text-decoration:none;} .btn-smi {border-radius:50% !important;background-color:transparent;color:#fff !important;padding:10px 10px 5px 10px !important;} .smiFacebook {background-color: #3b5998;border:0;} .smiX {background-color:#000;border:0;} .smiInsta {background-color:#c32aa3;border:0;;} .smiYouTube {background-color:#ff0000;border:0;} .smiLinkedIn {background-color:#0a66c2;border:0;} .smiFlickr {background-color:#ff4081;border:0;} .smiWP {background-color:#000;border:0;} .btn-smi:hover {color:#fff;background-color:#fc6d23 !important; } .btn-smi:focus {background-color:#fff;color:#092c74 !important;} .btn-smi:active {background-color:#fff;color:#000 !important;} footer.mainFooterDM { background-color: #092c74; position: relative; padding-top: 30px; padding-bottom:20px; color:#fff; } .appsNav ul li a, footer.mainFooterDM a { color:#fff; text-decoration:none; } .appsNav ul li a:hover, footer.mainFooterDM a:hover { color:#fff; text-decoration:underline; } /*Cookie Consent Statement*/ .cookieConsentContainer { z-index: 0; width: 95%; /* min-height: 20px; */ box-sizing: border-box; padding: 1.3em; margin: 1em auto; background: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center; /* position: relative; */ /* bottom: 0; */ /* right: 0; */ /* left: 0; */ display: none; border-radius: 0; /* border-bottom: 1px solid #000; */ border-left: none; box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.54); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.54); } .cookieConsentContainer .btn-danger { background-color:#fff; color:#ba0c2f; } .cookieConsentContainer .btn-danger:hover { background-color:#fff; color:#000; border-color:#ba0c2f; } .cookieConsentContainer p { line-height: 20px; display: block; margin-bottom:0; color:var(--black) } .cookieConsentContainer a { text-decoration: underline !important; font-weight:normal !important; } .cookieConsentContainer a:hover { text-decoration:none !important; font-weight:normal !important; } /****/ /*HR*/ .quickLinks { background-color: #dddddc; padding: 15px 15px 5px 15px; margin-top: 15px; } .quickLinks h2 { border-bottom: 1px solid #54565b; font-size: 1.1rem; font-weight: 600; margin: 0 0 20px 0; padding-bottom: 5px; } .flexGray { background-color: #dddddc; min-height: 300px; } .headingTwoContainer { background-color: #dddddc; margin-bottom: 30px; } .headingTwoBody, .headingTwoBlueBody { padding: 0 20px 1px 20px; } .headingTwoBlue h2 { background-color: #092c74; padding: 10px; color: #fff; font-weight: 400; margin: 0 0 20px 0; font-size: 1.2rem; } figure.hrIcons { text-align: center; padding-bottom: 30px; } .coolGray { background-color: #dddddc; margin-top: 30px; } .rowPadding { padding: 30px 0 0 0; } .rowMargin15 { margin-right:-15px !important; margin-left:-15px !important; } figure.hrIcons img { width: 60%; } .hrIcons a { color:#000; } figure.hrIcons figcaption h2 { color:#000; text-decoration:none; font-weight:400; font-size:1.2rem; } .figure-container figure { background-color: #dddddc; padding: 50px 10px 20px 10px; text-align: center; vertical-align: middle; min-height: 250px; } .row-padding { margin: 15px 0 15px 0; } h2.sso-title { font-size: 1.1rem; margin: 0; padding: 10px 0 5px 0; color: #0B3C9D; } .figure-container figure:hover { background-color: #eee; } #ou-search-results { background-color:#fff; } #ou-search-reaults a { color:#092c74 !important; } /*CE style*/ .contactwrap{ margin-top: 2em; height: auto; color: #444444; padding: 15px; background: #f4f4f4; border-radius: 4px; } .contactwrap h4{ padding-left:4px; color: #333333; font-weight: 700; font-size: 1.25em; margin: 0; } .contactinfo{ width: 95%; color: #444444; } .contactinfo p{ font-size: .985em !important; line-height: 1.5em; margin: 0; padding: 3px; } .contactinfo a{ color: #444444; } .text h3 { padding:0; } .thumb,.text{ padding:10px; } .box-button { clear: both; position: absolute; bottom: 0px; margin-bottom: 20px; padding: 10px; } .box-button a, .box-button a:visited, .box-button a:active, .box-button a:link { background-color:#092c74; color:#fff !important; padding:10px; font-size:16px; font-weight: bold; } .box { position:relative; width:31%; border:10px solid #dfdfdf; margin:0 15px 30px 0; height:380px; border:1px solid #ddd; padding:10px; float:left; padding:15px; } /*OU Forms Overrides*/ .ou-form legend { font-size: inherit !important; font-weight: 700 !important; margin-bottom:0 !important; border-bottom: 1px solid #ccc !important; } .ou-form .form-group { margin-bottom: 25px; } /*Giving Pages*/ label#bboxevent_lblEventName, .BBFormSubTitle { display: none !important; } .container-fluid, .no-gutter {padding-left:0;padding-right:0;} .universityAnnouncement2 { background-color:#59cbe8 ; color:#000; padding:5px 0 5px 0; } .universityAnnouncement2 p { color:#000; font-size:1.5em; margin:0; text-align:center; } .universityAnnouncement2 a { color:#000 !important; text-decoration:underline !important; } .universityAnnouncement2 a:hover { color:#092c74 !important; text-decoration:none !important; } .universityAnnouncement { background-color:#54565b; margin-bottom:5em; color:#fff; } .universityAnnouncement p { font-size: 2em; padding-top: 15px; color:#fff; text-align:center; } .universityAnnouncement h2, .universityAnnouncement a { color:#fff !important; text-decoration:underline !important; } .universityAnnouncement a:hover { text-decoration:none !important; } .universityAnnouncement a:focus, .universityAnnouncement2 a:focus { outline:2px solid #fff !important; outline-offset:-1px !important; } /*#mainContent { margin-bottom:30px; }*/ /*menu slide up new snippet*/ /*.fa-style h1 { margin-top: 30px; }*/ .departmentTiles { margin-bottom:30px; } .newsCard { position: relative; color:#fff; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); margin-top:10%; } .newsCaption { position: absolute; top: 0; bottom: 0; left: 0; right:0; background-color: #092c74; padding: 0 15px; -webkit-transform: translateY(80%); transform: translateY(80%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s; } a.newsCaption-link { position:absolute; bottom:40px; background-color:#fff; color:#092c74; text-decoration: underline; opacity: .8; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1); transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1); } .news-Slide-up:hover .newsCaption { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; } h2.newsCaption-title { margin-bottom:20px; } @media screen only and (min-width:768px) { a.newsCaption-link { bottom:0; } } @media (max-width: 767px) { h2.newsCaption-title { font-size: 3rem; } } /*over-write bootstrap*/ .row { /*margin-right: 0; margin-left: 0;*/ --bs-gutter-x:0; --bs-gutter-y:0 } ol.list-unstyled, ol.list-unstyled>li, ul.list-unstyled, ul.list-unstyled>li { list-style: none; margin: 0 } ul.row, #content .col-sm-9 ul.row{ margin-left: -15px; margin-right: -15px } div#mainContent .contentTabs ul li { padding-bottom:0 !important; } .nav li { list-style: none!important; display: inline; position: relative } /*a.whitelink, a:active.whitelink, a:visited.whitelink { color: #fff !important; text-decoration: underline !important; } a.whitelink:hover { text-decoration: none }*/ .white-link { color: var(--white); text-decoration-thickness: 2px; text-decoration: underline; padding: .8em 0 } .white-link:active { color: #d9d9d9 } .white-link:focus-visible { outline: 2px solid var(--white); outline-offset: 3px } .white-link:hover { text-decoration-thickness: 0; text-decoration: none; color: var(--light-yellow) } .dark-gray-link { color: var(--clsu-dark-gray); text-decoration-thickness: 2px; text-decoration: underline } .dark-gray-link:active { color: var(--black) } .dark-gray-link:hover { text-decoration-thickness: 0; text-decoration: none } a.orangelink, a:active.orangelink, a:visited.orangelink { color: #fc6d23 !important; text-decoration: underline !important; } ul#myTab { padding: 0; margin: 0 } .popover { z-index: 999 } .mark, mark { padding: 0; background-color: transparent } .bs-callout-danger, .bs-callout-info, .bs-callout-primary, .bs-callout-success, .bs-callout-warning { display: block; padding: 15px 30px 15px 15px } .bs-callout-primary { margin: 20px 0; border-left: 5px solid #337ab7; background-color: #dbe9f5 } .bs-callout-primary h1, .bs-callout-primary h2, .bs-callout-primary h3, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 { margin-top: 0; color: #337ab7 } .bs-callout-primary p:last-child { margin-bottom: 0 } .bs-callout-primary .highlight, .bs-callout-primary code { background-color: #fff } .bs-callout-danger { margin: 20px 0; border-left: 5px solid #d9534f; background-color: #f4cecd } .bs-callout-danger h1, .bs-callout-danger h2, .bs-callout-danger h3, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 { margin-top: 0; color: #d9534f } .bs-callout-danger p:last-child { margin-bottom: 0 } .bs-callout-danger .highlight, .bs-callout-danger code { background-color: #fff } .bs-callout-warning { margin: 20px 0; border-left: 5px solid #f0ad4e; background-color: #fceedb } .bs-callout-warning h1, .bs-callout-warning h2, .bs-callout-warning h3, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 { margin-top: 0; color: #f0ad4e } .bs-callout-warning p:last-child { margin-bottom: 0 } .bs-callout-warning .highlight, .bs-callout-warning code { background-color: #fff } .bs-callout-info { margin: 20px 0; border-left: 5px solid #5bc0de; background-color: #daf1f8 } .bs-callout-info h1, .bs-callout-info h2, .bs-callout-info h3, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 { margin-top: 0; color: #5bc0de } .bs-callout-info p:last-child { margin-bottom: 0 } .bs-callout-info .highlight, .bs-callout-info code { background-color: #fff } .bs-callout-success { margin: 20px 0; border-left: 5px solid #5cb85c; background-color: #c7e6c7 } .bs-callout-success h1, .bs-callout-success h2, .bs-callout-success h3, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 { margin-top: 0; color: #5cb85c } .bs-callout-success p:last-child { margin-bottom: 0 } .bs-callout-success .highlight, .bs-callout-success code { background-color: #fff } .buttons-wrapper { text-align: center } a.cta-button-primary, button.cta-button-primary { background: #7ca0c0; border: 1px solid #7ca0c0; color: #fff; transition: background-color 300ms ease-out 0s } a.cta-button, a.cta-button-primary, button.cta-button, button.cta-button-primary { text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; font-family: 'Lato', sans-serif; position: relative; display: inline-block; font-size: 18px; font-weight: 700; line-height: normal; margin: 0 5px 5px 0; min-width: 200px; padding: 10px 0; -webkit-transition: background-color 300ms ease-out 0s; -o-transition: background-color 300ms ease-out 0s } a.cta-button-primary:hover, button.cta-button-primary:hover { background: #91afca; border-color: #91afca } a.cta-button, button.cta-button { background: 0 0; border: 1px solid #7ca0c0; color: #7ca0c0; transition: background-color 300ms ease-out 0s } a.cta-button:hover, button.cta-button:hover { color: #fff; background: #7ca0c0; border-color: #91afca } .search { /*position: relative; min-width: 0px; width: 0; height: 0px; float: right; overflow: hidden; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s*/ } .search.search-open { width: 25% } .search.small-screens.search-open { width: 100% } .search.small-screens.search-open .searchInputContainer input { padding: 0 124px 0 20px } .searchInputContainer input { top: 0; right: 0; border: 0; outline: 0; background: #dcddd8; width: auto; height: 34px; margin: 0; /*padding: 0 52px 0 20px;*/ padding: 0 15px 0 20px; font-size: 15px } .searchInputContainer input::-webkit-input-placeholder { /* color: #818181 */ color: #333333; } .searchInputContainer input:-moz-placeholder { color: #818181 } .searchInputContainer input::-moz-placeholder { color: #818181 } .searchInputContainer input:-ms-input-placeholder { color: #818181 } .searchInputContainer a.dnnSearchBoxClearText { right: 45px!important } .searchInputContainer a.dnnSearchBoxClearText.dnnShow { bottom: 2px } #search-action, .SearchButton, .search-toggle-icon { background: url(../images/search.png) center center no-repeat #c3c1c1; width: 35px; height: 34px; display: block; position: absolute; top: 0; font-family: 'Lato', sans-serif; font-size: 22px; right: 0; padding: 0; margin: 0; outline: 0; line-height: 50px; text-align: center; cursor: pointer; color: #dcddd8; text-indent: -9999px } #search-top { clear: both; width: 100%; background: #7CA0C0; padding: 0; margin: 0; height: 0; overflow: hidden; transition: all .1s ease-in-out } #search-top.active { height: auto; padding: 15px 0 } #search-top span { display: inline!important } #search-top input { background: #fff; border: none; font-size: 1.2em; height: 46px; margin: 0 0 0 15px; width: 70% } #search-top a.SearchButton { background: url(../images/search.png) center center no-repeat #e0dfdf; height: 46px; position: relative; display: inline-block; text-indent: -9999px; width: 60px; padding: 0; top: 5px } #search-action { display: none; float: right; height: 34px; margin: 0; padding: 6px 12px } #login { padding-right: 10px } @media only screen and (max-width:767px) { #search-action { display: block } #login { padding-right: 21px } .navbar.navbar-default #navbar { position: relative; z-index: 1000; overflow: hidden; margin-top: 0; } .menuOpen #mobileLogo { visibility: visible; } } #login .loginGroup, #login .loginGroup *, #login .registerGroup, #login .registerGroup * { display: block } #login .loginGroup, #login .registerGroup { float: right; padding: 0; margin: 0 } #login .loginGroup a, #login .registerGroup a { display: block; position: relative; height: 34px; min-width: 12px; padding: 7px 15px 0; color: #fff; font-size: 11px; vertical-align: middle } #login .loginGroup a:hover, #login .registerGroup a:hover { background: #d7d7d7; color: #333; text-decoration: none } #login .loginGroup a:active, #login .registerGroup a:active { color: #333 } #login .loginGroup a strong, #login .registerGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px } #login .registerGroup li { float: left; line-height: 1.2em } #login .registerGroup li:first-child:hover { border-left: #222 } #login .registerGroup .buttonGroup { margin-right: 0 } #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: 0 0 } #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: #3b96b6; text-align: center; font-size: 11px; color: #fff; -webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333 } #login .registerGroup a img { height: 32px; width: 32px; background: #333 } #login .userNotifications { border-left: 1px solid #ccc; border-right: 1px solid #ccc } #login .userNotifications strong { height: 100%; background: url(../images/notification_icon.png) center center no-repeat } #login .userMessages strong { height: 100%; background: url(../images/message_icon.png) center center no-repeat } #login .userMessages a, #login .userNotifications a { padding: 0 18px } #login .userMessages a span, #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0; background-color: transparent; font-size: 10px } #topHeader { background: #383838; -moz-box-shadow: 1px 50px 100px 0 #cacaca; -webkit-box-shadow: 1px 50px 100px 0 #cacaca; box-shadow: 1px 50px 100px 0 #cacaca; min-width: 25px; min-height: 35px; padding: 0 } header { background: #fff; /*border-bottom: 1px solid #91AFCA*/ } header .search { display:none; width: 30em; height: 3.25em; } #mainHeader-inner { padding: 30px 0 } #mainHeader-border { background: #8fb299; height: 5px } .mainHead { /*display:block; float:left; width:100%; position:relative;*/ display: flex; align-items: center } #logo { padding-left: 15px } #logo img{ height:64px; width:250px; } .navbar .brand { float: left; padding: 0!important; max-width: 120px } @media only screen and (max-width:767px) { /*housing snippet*/ .housingCTA li { padding-bottom:1em; } .heroBottomHousing { position:relative; } .heroBottomHousing h1.heroHeading { line-height: 1.2; } .main-navigation { height: auto; width: 100% } nav { /*display: none*/ } a.mobile-nav-btn { display: block; float: right; width: 50px; height: 46px; margin-top: 15px; text-align: center; color: #383838 } a.mobile-nav-btn:hover { text-decoration: none } #navbar-top-wrapper { clear: both; position: relative } #navbar { float: none!important } } @media only screen and (min-width:768px) { #navbar { float: right } .copyright{ background-color: rgba(0,0,0,0.8); } } #breadcrumb { font-family: 'Lato', sans-serif; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px dashed; border-color: #ccc; background-color: transparent; padding: 5px 0; margin: 0; display: block } #breadcrumb a { margin-left: 10px; font-weight: 600; font-size: 11px; color: #626262 } #breadcrumb a:first-child { font-family: 'Lato', sans-serif; font-size: 1.1em; font-weight: 500; color: #7b7d82; margin: 0 } #breadcrumb img, #breadcrumb span { margin-left: 10px } #mainContent-inner { padding: 10px } #mainContent .box-content ul li, #mainContent .flexslider ul li, #mainContent .container ul.nav li { margin-left: 0; padding-bottom: 0; } ul#collegeTabs li { margin-left: 0; padding-bottom: 0; } .image-wrapper { position: relative } .image-wrapper img { display: block; max-width: 100% } .image-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center } .grid, .grid figure, .grid figure img { position: relative } .image-wrapper .overlay h2 { color: #fff; font-weight: 700; margin-top: 8%; -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, .1); text-shadow: 0 2px 2px rgba(0, 0, 0, .1); text-transform: uppercase } .content-intro { padding-top: 30px; font-size: 26px; line-height: 30px } .content-intro p { font-size: 22px } /*.grid { clear: both; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center }*/ .grid figure { float: left; overflow: hidden; margin: 10px 0; max-height: 360px; width: 100%; height: auto; background: #3085a3; text-align: center; cursor: pointer } .grid figure img { display: block; min-height: 100%; max-width: 100%; opacity: .8; width: 100% } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .grid figure figcaption .grid figure figcaption::after, .grid figure figcaption::before { pointer-events: none } .grid figure figcaption, .grid figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* GridMenu blue caption */ .menuFigureCaptionContainer li { list-style: none; margin-bottom:50px; } .menuFigureCaptionContainer li a{ display:block; overflow:hidden; } .menuFigureCaptionContainer h2 { text-align: center; color: #ffffff; background-color:#092c74; margin-bottom:0px; min-height:40px; font-size: 18px; font-weight: 700; padding: 15px 10px; margin:0; } .menuFigureCaptionContainer a:hover, .menuFigureCaptionContainer a:focus{ border: 6px solid #fc6719; text-decoration:none; } .menuFigureCaptionContainer img{ width:100%; height:auto; } figure.hover-effect { background: #333 } figure.hover-effect h2, figure.hover-effect img { -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out } figure.hover-effect img { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } figure.hover-effect h2 { font-size: 30px; color: #7ca0c0; -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, .4); -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, .4); text-shadow: 0 2px 2px rgba(0, 0, 0, .4) } figure.hover-effect h2>span { color: #fff; font-weight: 700 } figure.hover-effect h2, figure.hover-effect p { position: absolute; bottom: 0; left: 0; padding: 5px; text-align: center; width: 100% } figure.hover-effect p { text-transform: none; font-size: 24px; opacity: 0; padding: 15px; -moz-transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } figure.hover-effect:hover h2, figure.hover-effect:hover img { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } figure.hover-effect:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .content-block-news, .content-block-reg { margin-bottom: 20px } .content-block-news .article-layout .item { display: block; float: left; position: relative } .content-block-news .article-layout .item .item-image { display: block; position: relative; width: 100%; overflow: hidden; background: -webkit-linear-gradient(bottom right, #c55f1e 0, #66d6ff 100%); background: -o-linear-gradient(bottom right, #c55f1e 0, #66d6ff 100%); background: linear-gradient(to top left, #c55f1e 0, #66d6ff 100%) } .content-block-news .article-layout .item .item-image img { max-width: 100%; width: 100%; height: auto; opacity: .7; filter: alpha(opacity=70); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .content-block-news .article-layout .item .item-image .item-header { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #fff; background: rgba(0, 0, 0, .1); -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .4); -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .4); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .content-block-news .article-layout .item .item-image .item-header strong { color: #fff; display: block; position: absolute; bottom: 15px; left: 15px; right: 15px; font-size: 16px; line-height: 130%; font-weight: 500; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .content-block-news .article-layout .item .item-image .item-header .item-meta { display: block; color: #fff; padding: 10px 0 17px; font-size: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 15px; right: 15px; bottom: -40px; border-top: 1px solid rgba(255, 255, 255, .3); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .content-block-news .article-layout .item .item-image .item-header .item-meta i.fa { padding-right: 7px } .content-block-news .article-layout .item .item-image .item-header .item-meta span { display: block; color: #fff } .content-block-news .article-layout .item .item-image .item-header .item-category { display: block; font-size: 18px; font-weight: lighter; left: 15px; position: absolute; right: 15px; text-transform: none; top: 15px } .content-block-news .article-layout .item .item-image .item-header .item-category span { border: 1px solid #fff; color: #000; font-size: 24px; display: inline-block; padding: 6px 10px 5px; line-height: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .content-block-news .article-layout .item .item-content { display: block; background: #f4f4f4; width: 100%; font-size: 14px; line-height: 150%; color: #737373; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .content-block-news .article-layout .item .item-content .item-text { display: block; padding: 15px } .content-block-news .article-layout .item .item-content .item-footer-more { display: block; padding: 15px 0; margin: 0 15px; text-align: center; font-size: 14px; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, .06); letter-spacing: .3px; color: #737373 } .content-block-news .article-layout .item:hover .item-header .item-meta { bottom: 0; opacity: 1 } .content-block-news .article-layout .item:hover .item-header .item-category span { background: #7ca0c0; border-color: transparent!important; color: #fff } .content-block-news .article-layout .item:hover .item-image img { opacity: 1 } .content-block-news .article-layout .item:hover .item-image .item-header { background: rgba(81, 81, 81, .7) } .content-block-news .article-layout .item:hover .item-image .item-header strong { bottom: 50px } .content-block-news .article-layout .item:hover .item-content { background: #fff; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .03); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .03); box-shadow: 0 3px 0 rgba(0, 0, 0, .03) } .content-block-news .article-layout .item:hover .item-content .item-footer-more { color: inherit; font-weight: 700; letter-spacing: 0; padding-right: 1px } .content-block-news .item a:hover .item-content { background: rgba(37, 38, 41, .8) } .content-block-news .article-layout:after { display: block; clear: both; content: '' } .contact-form .form-control { border: 1px solid #e3e3e3; border-radius: 0; -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; height: 50px; padding: 12px 15px 15px } .contact-form::-webkit-input-placeholder { color: #e3e3e3 } .contact-form:-moz-placeholder { color: #e3e3e3 } .contact-form::-moz-placeholder { color: #e3e3e3 } .contact-form:-ms-input-placeholder { color: #e3e3e3 } footer .footer-above { background-color: #292929; padding-top: 25px; border-top: 25px solid #7ca0c0 } footer .footer-above h2, footer .footer-above p { color: #fff } footer .footer-below, footer .terms-priv a:link, footer .terms-priv a:visited { color: #d2d2d2; font-size: 12px } footer .footer-col { margin-bottom: 25px } footer .footer-below { background-color: #383838; padding: 15px 0 } footer .copyright { float: left; font-size:14px; } footer .terms-priv { float: right } footer .copyright, footer .terms-priv { padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 6px; } footer .links-list ul li { float: left; width: 100%; font-size: 15px; line-height: 1.5em } footer .links-list ul li a:active, footer .links-list ul li a:link, footer .links-list ul li a:visited { color: #fff } footer .links-list ul li a:hover { color: #f0f0f0 } footer .links-list ul li a:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #383838; position: relative; bottom: 1px; padding-right: 9px } .latest-articles { display: block } .latest-articles .item { display: block; border-bottom: 1px solid rgba(255, 255, 255, .08); padding-bottom: 20px; margin-bottom: 20px } .latest-articles .item-header { display: block; float: left; width: 60px } .latest-articles .item-header a { position: relative; display: block } .latest-articles .item-header span { display: block; width: 100%; padding: 0; margin: 0 } .latest-articles .item-header img { border: 2px solid #fff } .latest-articles .item-content { display: block; margin-left: 85px } .latest-articles .item-content p { font-size: 15px; margin-bottom: 15px } .latest-articles .item-content>strong { display: block; font-weight: 600; line-height: 11px; margin-bottom: 5px } .latest-articles .item-content a { color: #d3d3d3; font-weight: 700; font-size: 14px } .latest-articles .publish-date { color: #d3d3d3; font-weight: 400 } .latest-articles .publish-date span { font-size: 12px; font-weight: 400; text-transform: uppercase } .container-content { padding: 10px 15px 15px } .heading_wrapper { padding-left: 0; padding-right: 0 } .subtle-line { display: block; border: none; color: #fff; height: 1px; width: 100%; background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #fff 70%); background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #fff 70%); background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #fff 70%); background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #fff 70%); margin-bottom: 32px } .hexagon { background-color: #fff; border-left: 3px solid #7b7878; border-right: 3px solid #7b7878; height: 20px; margin: 10.39px auto; position: relative; top: -27px; width: 36px; z-index: 10 } .hexagon::after, .hexagon::before { background-color: inherit; content: ""; height: 25.46px; left: 2.27px; position: absolute; -webkit-transform: scaleY(.5774) rotate(-45deg); -moz-transform: scaleY(.5774) rotate(-45deg); -ms-transform: scaleY(.5774) rotate(-45deg); -o-transform: scaleY(.5774) rotate(-45deg); transform: scaleY(.5774) rotate(-45deg); width: 25.46px; z-index: 1 } .open_rectangle, .rectangle { margin: 10px auto; z-index: 10 } .dots-wrapper, .open_rectangle, .rectangle { position: relative; background-color: #fff; width: 36px } .hexagon::before { border-right: 4.24px solid #7b7878; border-top: 4.24px solid #7b7878; top: -12.73px } .hexagon::after { border-bottom: 4.24px solid #7b7878; border-left: 4.24px solid #7b7878; bottom: -12.73px } .open_rectangle { border-left: 2px solid #7b7878; border-right: 2px solid #7b7878; height: 20px; top: -27px } .rectangle { border: 2px solid #7b7878; height: 13px; top: -24px; border-radius: 10px } .dots-wrapper { height: 10px; margin: 10.39px auto; top: -23px } .dots { width: 10px; height: 10px; border-radius: 50px; line-height: 100px; background: #7b7878; float: left; margin: 0 2px 0 0 } .bs-example-modal .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block } h2.sso-title { font-size:1.1rem; margin:0; padding:10px 0 5px 0; } iframe, embed, object { max-width: 100%; } a:active, a:focus, a:hover { text-decoration:underline; color: var(--black) } /* Helper Classes */ .light { font-weight:300; } .no-gutter > [class*='col-'] { /*.row.no-gutter*/ padding-right:0; padding-left:0; } @media only screen and (min-width : 768px) { /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu { display: block; } } .static {position:static !important;} .relative {position:relative !important;} .absolute {position:absolute !important;} .floatNone {float:none!important;} .hot {color:#cc0000;} .noPad {padding:0;} .noPadR {padding-right:0 !important;} .noPadL {padding-left:0 !important;} .noPadB {padding-bottom:0 !important;} .noPadT {padding-top:0 !important;} .noPadRL {padding-right:0;padding-left:0;} .noPadTB {padding-bottom:0;padding-top:0;} /*college skin*/ /*Hero Banner Slide CSS*/ #spopup{ background:#fff; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-box-shadow:inset 0 0 3px #333; -webkit-box-shadow:inset 0 0 3px #333; box-shadow:0 0 3px #333; padding:12px 14px 12px 14px; display:none; z-index:90; } .scroll-wrapper { opacity:1; transition:opacity .5s ease; bottom: 0; box-sizing: border-box; left: 0; overflow: auto; padding: 30px; right: 0; text-align: center; top: 0; white-space: nowrap; width: 100%; z-index:1000; } .iframe-wrapper { width:75%; position:absolute; bottom:50%; left:50%; transform: translate(-50%, -50%); } .hero-slide { position:relative; } .hero-slide .description { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 0.75em 1.5em; height: auto; max-height: 140px; position: absolute; width: 53%; bottom: 20px; left: 23%; background-color: rgba(255,255,255,0.8); color: #54565b; } .hero-slide .description p.title { font-size: 1.5em; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; margin-top: 0; } .hero-slide .description p.cta { font-size: 1em; margin-bottom: 10px; } .hero-slide .description p { line-height: 26px; } .figure-container { position: relative; } .figure-middle { transition: .5s ease; opacity: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 100%; } .figure-text { background-color: rgba(0,0,0,.4); color: white; font-size: 22px; padding: 16px 32px; } .box-hover .figure-container a {color:#fff;text-decoration:none;text-shadow: 2px 2px #000;} .box-hover:hover { cursor: pointer; color:#fff; text-decoration:underline; } .figure-image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .figure-container:hover .figure-image { opacity: 0.8; } /*FA Virtual Advisor CSS*/ #virtual-advisor-open-button { background-color: #1b4269; color: #FFFFFF; } #virtual-advisor-window-header { background-color: #1b4269; } .va-background-color { background-color: #1b4269 !important; } #virtual-advisor-overlay { pointer-events: none; position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; margin-right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 99998; } #virtual-advisor-window { position: fixed; z-index: 99999; background-color: #f1f1f1; border: none; box-shadow: 5px 5px 10px rgba(128,128,128, 0.2); border-radius: 0px; text-align: center; min-width: 600px; display: none; overflow: hidden; box-sizing: content-box !important; width: 600px; top: 0; bottom: 0; padding-bottom: 30px; /* Prevent a cutoff of the bottom of the text input */ } #virtual-advisor-window-header { padding: 10px; /*cursor: move;*/ z-index: 10; /*background-color: rgba(73,73,73,1);*/ color: #fff; border-radius: 0px; padding: 8px 10px 13px 0px; height: 10px; box-sizing: content-box !important; line-height: 1.4 } #virtual-advisor-window-header-close, #virtual-advisor-window-header-minimize { display: flex; align-items: center; float: right; cursor: pointer; margin-top: -6px; font-size: 24px; padding-left: 5px; } .fa-minus { font-size: 20px; padding-right: 15px; padding-top: 8px; } #virtual-advisor-window-iframe { border: none; padding: 0px 0px 20px 0px; width: 100%; height: 100%; margin: 0px; } #virtual-advisor-open-button { position: fixed; right: 30px; bottom: 30px; border-radius: 50%; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap; padding: .7em; cursor: pointer; box-sizing: content-box !important; z-index: 10; } #virtual-advisor-open-button-text { float: left; padding: 5px; } #GAbg { background-color: #dddddc; margin-bottom: 50px; } #UANavigationStyle { background-color: #dddddc; margin: 0; width: auto; padding: 0; line-height: 1; display: block; position: relative; box-sizing: content-box; } #UANavigationStyle #menu-button { display: none; } #UANavigationStyle ul { margin: 0; padding: 0; display: block; } #UANavigationStyle > ul > li { width: auto; } #UANavigationStyle > ul > li { float: left; } #UANavigationStyle ul li { margin: 0; padding: 0; display: inline-block; position: relative; z-index: 999; } #UANavigationStyle > ul > li.first > a, #UANavigationStyle ul li.first a { border-left: 1px solid #54565b; } #UANavigationStyle > ul > li > a, #UANavigationStyle ul li a { display: block; border-right: 1px solid #54565b; } #UANavigationStyle > ul > li > a { color: #54565b; padding: 5px 27px; font-weight: 600; font-size: 16px; z-index: 2; position: relative; text-decoration:none; margin:0 } #UANavigationStyle > ul > li:hover > a, #UANavigationStyle > ul > li.active > a { color: #fff; background-color:#54565b; } #UANavigationStyle > ul > li:hover > a:before, #UANavigationStyle > ul > li.active > a:before { border-top-color: #fff; } #UANavigationStyle > ul > li:hover > ul { left: 0; } #UANavigationStyle > ul > li:hover.CNright > ul { left:auto; right:0; } #UANavigationStyle > ul > li:hover > ul > li { max-height: 90px; position: relative; } .collegeHeader h1, .collegeHeader h2, .sectionHeader, .collegeHeader p { color: #54565b; font-weight: 400; font-size:2.25rem; text-align:center; padding: 2em 0 1.75em } .collegeHeader p { margin: 0 } .sectionHeader { line-height: 1.3em; margin: 0 0 10px; } .row-flex { display: flex; flex-wrap: wrap; } .rowPadding { padding:30px 0 0 0; } /*.collegeWidth { max-width: 1270px; margin-left: auto; margin-right: auto; }*/ hr { border-top: 1px solid #b3b5b7; margin-top: 40px; margin-bottom: 30px; } .callToAction .flipHolder, .callToAction-UA .flipHolder { margin-bottom:25px; } .callToAction .row, .callToAction-UA .row { margin-bottom: 60px; } .callToAction h2, .callToAction-UA h2 { margin: 40px 0; } .callToAction .contentWidth, .callToAction-UA .contentWidth { max-width:1035px; } .callToAction .flipHolder, .callToAction-UA .flipHolder { padding-left: 10px; padding-right: 10px; } .callToAction .flipHolder, .callToAction-UA .flipHolder { perspective:1000px; } .callToAction .flip:hover, .callToAction .flip:focus, .callToAction-UA .flip:hover, .callToAction-UA .flip:focus { transform:rotateY(180deg); background-color:transparent !important; text-decoration:none; color:#ffffff; } .callToAction .flip:hover .front, .callToAction .flip:focus .front, .callToAction-UA .flip:hover .front, .callToAction-UA .flip:focus .front { display:none; backface-visibility:hidden; -ms-backface-visibility:hidden; } .callToAction .flip:hover .back, .callToAction .flip:focus .back, .callToAction-UA .flip:hover .back, .callToAction-UA .flip:focus .back { display:block; backface-visibility:visible; -ms-backface-visibility:visible; } .callToAction .flip, .callToAction .flip .front, .callToAction .flip .back, .callToAction-UA .flip, .callToAction-UA .flip .front, .callToAction-UA .flip .back { min-height:222px; width:100%; max-width:327px; margin-left: auto; margin-right: auto; } .callToAction .flip, .callToAction .flip .front, .callToAction-UA .flip, .callToAction-UA .flip .front { display:block; } .callToAction .flip .back, .callToAction-UA .flip .back { display:none; background-position:center; } .callToAction .flip, .callToAction-UA .flip { transition: 1.2s; transform-style: preserve-3d; position:relative; background-repeat: no-repeat; background-position: center; width:100%; display:block; } .callToAction .flip h3, .callToAction-UA .flip h3 { font-size: 24px; font-weight: 400; color: #ffffff; text-shadow: 2px 2px #000; background-color: rgba(0,0,0,0.4); padding:15px 0 15px 0; } .callToAction .flip .front, .callToAction-UA .flip .front { backface-visibility:hidden; /*padding-top:140px;*/ padding-top:20%; } .callToAction .flip .back, .callToAction-UA .flip .back { backface-visibility:hidden; padding-top:75px; } .callToAction .flip .front, .callToAction-UA .flip .front { z-index: 2; transform: rotateY(0deg); background-repeat: no-repeat; background-position: center; } .callToAction .flip .back, .callToAction-UA .flip .back{ transform: rotateY(180deg); } .callToAction .flip.apply, .callToAction-UA .flip.apply{ background-color:#299acb; } .callToAction .flip.apply .front, .callToAction-UA .flip.apply .front{ background-image:url('../images/PencilIcon.png'); /*background-position-y:20px;*/ } .callToAction .flip.viewBook, .callToAction-UA .flip.viewBook{ background-color:#002c73; } .callToAction .flip.viewBook .front, .callToAction-UA .flip.viewBook .front{ background-image:url('../images/BookIcon.png'); /*background-position-y:25px;*/ } .callToAction .flip.moreInfo, .callToAction-UA .flip.moreInfo{ background-color:#fc6419; } .callToAction .flip.moreInfo .front, .callToAction-UA .flip.moreInfo .front{ background-image:url('../images/EnvelopeIcon.png'); /*background-position-y:40px;*/ } .callToAction .flip.moreInfo .back, .callToAction .flip.viewBook .back, .callToAction .flip.apply .back, .callToAction-UA .flip.moreInfo .back, .callToAction-UA .flip.viewBook .back, .callToAction-UA .flip.apply .back{ background-color:transparent; z-index:10; } .callToAction .flip.moreInfo .back, .callToAction-UA .flip.moreInfo .back{ background-image:url('../images/more-info.jpg'); } .callToAction .flip.viewBook .back, .callToAction-UA .flip.viewBook .back{ background-image:url('../images/virtual-viewbook.jpg'); } .callToAction .flip.apply .back, .callToAction-UA .flip.apply .back{ background-image:url('../images/apply.jpg'); } .callToAction{ min-height:400px; background-image: url('../images/parallax.png'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-color:#000000; } .callToAction-UA{ min-height:400px; background-color:#fff; } .callToAction-UA .flip, .callToAction-UA .flip .front, .callToAction-UA .flip .back { min-height: 225px; width: 100%; max-width: 600px !important; margin-left: auto; margin-right: auto; } .newsEvents a.allLink{ /*background-color: #f6f7f7;*/ background-color:#DDDDDC; color: #000000; font-size: 13px; margin-bottom:30px; display:inline-block; padding: 4px 10px; border: 1px solid rgb(9,44,116); } .newsEvents-A a.allLink { background-color: #DDDDDC; color: #000000; font-size: 13px; display: inline-block; } li.newsEvents-A { margin-right: 15px; margin-left:8px; } #dnnMenu .topLevel li.newsEvents-A a.allLink:hover { background-color: #092c74; color: #fff; border-bottom: none; } .newsEvents a.allLink:after { content: url('../images/orange_arrow.png'); margin-left: 12px; } .newsEvents a.allLink:hover, .newsEvents a.allLink:focus{ color: #ffffff; background-color: #002c73; text-decoration: none; } .newsEvents a.allLink.news{ float:left; } .newsEvents a.allLink.events{ float:right; } .testimonial{ margin-bottom:-1px; } .testimonial .testimonialText{ padding: 65px 65px 65px 65px; } .testimonial .testimonialText .toolbar{ float:right; } .testimonial .testimonialText h3{ font-weight: 400; font-size: 28px; margin-bottom: 35px; } .testimonial .testimonialText p{ font-size: 13px; font-weight: 400; margin: 0 0 35px 0; } .testimonial .testimonialText .testimonialLink:after{ content:url('../images/orange_arrow.png'); margin-left:12px; } .testimonial .testimonialText a.testimonialLink{ color: #000000; margin-bottom: 30px; display: inline-block; font-size:13px; /*background-color: #f6f7f7;*/ background-color:#DDDDDC; padding: 4px 10px; border: 1px solid rgb(9,44,116); } .testimonial .testimonialText a.testimonialLink:hover, .testimonial .testimonialText a.testimonialLink:focus{ color: #ffffff; background-color: #002c73; text-decoration: none; } .testimonial .testimonialImage{ padding:0; } .callToAction .row, .callToAction-UA .row{ margin-bottom:65px; } .callToAction h2, .callToAction-UA h2{ font-size: 36px; font-weight: 400; color: #ffffff; margin: 50px 0 32px 0; } .callToAction.no-gutter h2, .callToAction-UA.no-gutter h2{ background: rgba(0, 0, 0, 0.6); } .CoBNews { padding-bottom:10px; } .CoBNews h3, .CoBNews h2 { background-color: #dddddc; padding: 10px; font-size:19px; } .btn.btn-primary-white { background-color: #092c74; color: #fff; } .btn.btn-primary-white:hover { color: #092c74; background-color: #fff; } tbody { background-color:#fff; } .table-head { background-color:#54565b; color:white; } .table-head tr th { font-size:18px; } tbody h5, tbody p { font-size:16px; padding:1px; color:#000; } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>th { background-color: #badce6; } tbody>tr td.headings:nth-child(1) { background:#5aadce; color:#000; } tfoot { font-weight:bold; background-color:#54565b; color:#fff; font-size:17px; } .grid { text-align:left; } .featuredText h3 { font-size: 21px; padding-top: 10px; color: #000; } .articleLink h3, .articleLink p, .readMore { color: #000; padding-left:20px; } .readMore { font-weight:700; } .publishDate { font-weight: 400; } .contentPageContent { padding-top: 30px; } .departmentNews .newsItem.hasImage h3 { font-size: 17px; margin-bottom: 15px; color: #000; } /*Programs page*/ #cobPrograms.panel-col-noleftPadding { padding-left:0; } #cobPrograms.panel-heading { border-top-right-radius: 0; border-top-left-radius: 0; } p.learn-more { float: right; padding: 1px 5px; position: absolute; right: 25px; bottom: 15px; /*text-align:right; margin:0;*/ } .action-header { margin-bottom: 25px; } .action-header h3 { border-bottom:1px solid #54565b; padding-bottom:5px; } #cobPrograms.panel-default { border-color:#fff; } #cobPrograms.panel { border:1px solid #dddddc; border-radius:0; min-height:342px; } #cobPrograms.panel-default>.panel-heading { background-color:#dddddc; border-color:#dddddc; cursor:auto; } #cobPrograms.panel-heading h3 { margin: 0; padding: 0; font-size: 1.4em; } #cobPrograms.panel-body p { margin-bottom: 0; } /*Program tabs*/ #content ul#collegeTabs { margin-left: 0; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color:#dddddc; font-size:16px; font-weight:bold; } .nav-tabs>li>a:hover { border-color: #dddddc; } .nav-tabs>li>a { border-radius:0; color: #54565B; font-size: 16px; font-weight:bold; } .tab-content>.active { display: block; background-color: #dddddc; padding: 16px; } .nav-tabs { border-bottom:none; } /*faculty directory cards*/ .figure-container a.borderRight { color: #fff; } a.col-sm-6.col-xs-6.borderRight.btn.btn-primary, a.col-sm-6.col-xs-6.btn.btn-primary { background: var(--clsu-laker-blue); color: var(--white); padding: 1rem } a.col-sm-6.col-xs-6.borderRight.btn.btn-primary:hover, a.col-sm-6.col-xs-6.btn.btn-primary:hover { background: var(--light-gray); color: var(--clsu-laker-blue); padding: 1rem } .facultydirectoryCards .figure-container a:hover { color: #092c74; } .thumbnail .caption { padding:0; } .programs.thumbnail { padding:0; border:1px solid #dddddc; border-radius:0; min-height:600px; } .programs.thumbnail.people { min-height:575px; } .firstSentence { font-size: 1.5em; line-height: 1.5; font-style: italic; font-weight: 600; color: #54565b; } .thumbnail { padding:0; border:1px solid #dddddc; border-radius:0; min-height:500px; } .thumbnail h4, .thumbnail h3, .thumbnail h2 { font-size: 1.4em; padding:9px; color:#000; } .thumbnail p { padding:0 9px; } .thumbnail a>img, .thumbnail>img { margin-right: 0; margin-left: 0; } /*.head-content { background-color:rgba(255,255,255,0.8); margin: 0 auto; margin-top: -38px; text-align:left; position: relative; width:100%; }*/ .thumbnail p.learn-more { float: right; padding: 1px 5px; position: absolute; right: 20px; bottom: 12px; } /*@media (min-width:400px){ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1){ clear: left; } }*/ /* Tablet */ /*@media (min-width:767px){ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } }*/ /* Medium Desktop */ /*@media (min-width:992px){ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } } .btn { border-radius: 0; padding: 10px 12px 9px 12px; }*/ /*homepage news background color change*/ .departmentNews .newsItem {background-color:#dddddc} .flexContent { height: 100%; background-color:#dddddc; } .headingTwoContainer { background-color: #dddddc; } .headingTwo h2, .headingTwo h3 { background-color: #54565b; padding: 10px; color: #fff; font-weight: 400; margin: 0 0 20px 0; font-size:1.5rem; } .headingTwoSOGS h3, .headingTwoSOGS h2 { background-color: #54565b; padding: 10px; color: #fff; font-weight: 600; margin: 0 0 20px 0; font-size:1rem; } .headingTwoSOGS h3 a, .headingTwoSOGS h2 a { color:#fff; text-decoration:none; } .headingTwoSOGS h3 a:hover, .headingTwoSOGS h2 a:hover { color:#fff; text-decoration:underline; } .headingTwoBody { padding: 0 20px 1px 20px; } #bytheNumbers { background-color: #092c74; overflow: hidden; color:#fff; padding-bottom:10px; padding-top:10px; } #bytheNumbers .numberHeading { color:#c3d6ee; font-size:1.8em; } #bytheNumbers .numberHeadingCIMS { font-size:1.8em; color:#c3d6ee; } #bytheNumbers p { margin:auto; width:65%; } p.bytheNumbersHeading { font-weight:bold; } span.span2 { font-size:2em; } span.span25 { font-size:2.5em; } /*footer.mainFooter { margin-top: 30px; }*/ .figure-container { text-align:center; } a.col-sm-6.col-xs-6.borderRight.btn.btn-primary { border-right:1px solid #dddddc; } p.heroText { background: #54565b; line-height: 50px; padding: 10px; text-align: center; font-weight: 600; color: #fff; font-size: 30px; } .mainPadding { margin-left:-15px; margin-right:-15px; } a.orange-link { color: #D04a0b; font-weight: bold; text-decoration: underline; } a.orange-link:hover { text-decoration:none; color:#000; } .pull-left { padding-right:20px; /*width:40%;*/ } .pull-right { padding-left:20px; } .fontsizeLarger { font-size:larger; } .ready-to-apply { background: url(../images/online-mba-bg-image.jpg); height: 135px; border-left: 40px solid #fc6719; margin-top: 30px; } .ready-to-apply h2, .ready-to-apply h3 { text-transform: uppercase; color: #092c74; position: absolute; top: 20px; left: 0px; border-right: 3px solid #092c74; right: 40px; font-size:1.5rem; text-align:center; } .ready-to-apply p { position: absolute; top: 40px; left:15px; color: #092c74; font-size: 17px; font-weight: bold; text-align: left; } .latestHeadlines .textCenter { border-top: 1px solid #54565b; text-align: center; margin-top: 35px; margin-left: 15px; margin-right: 15px; } .contentWidth.latestHeadlines h2 { display: inline-block; position: relative; bottom: 40px; background-color: #54565b; padding: 10px 20px; font-weight: 400; color: #fff; font-size:1.5rem; } .majorTestimonial { background-color: #badce6 !important; } .heroContainer { position:relative; text-align:center; color:#fff; background-color: #000; } .heroColorBlock { background-color:#092c74; color:#fff; min-height:100px; } .heroContainer .heroCentered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .heroColorBlock h2 { color: #fff; font-size: 40px; margin:0; padding:0; } .heroCenteredHome { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../images/hero-button.png) no-repeat 94.2% center; } .heroCentered { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .heroCenteredHome:hover { background:url(../images/hero-button-hover.png) no-repeat 94.2% center; } .heroHeading { text-shadow: 2px 2px 5px var(--black); color: var(--white) } .herosubHeading { font-size:1.4vw; text-transform: uppercase; text-shadow: 2px 2px 5px #000; color:#fff; } .departmentHero .heroButton img { width:25px; height:25px; } .appDeadlines { background: #dddddc; color: #54565b; padding: 10px; margin-bottom: 10px; } .appDeadlines h3 { font-size: 19px; font-weight: bold; text-transform:uppercase; text-align: center } .appDeadlines p { font-size: 19px; font-weight: bold; } #collegeNav ul { padding: 0; margin: 0 auto } #collegeNav ul:after, #collegeNav:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #collegeNav ul li { margin: 0; padding: 0; display: inline-block; position: relative; z-index:999 } #collegeNav ul li a { text-decoration: none; display: block; margin: 0; } #collegeNav ul li ul { position: absolute; left: -9999px; top: auto; z-index: 999; } #collegeNav ul li ul li { /*max-height: 0;*/ position: absolute; } #collegeNav ul li ul li.has-sub:after, #collegeNav ul li ul li:after { display: block; position: absolute; content: ""; height: 10px; width: 10px; border-radius: 5px; background: #54565b; z-index: 1; top: 13px; right: 15px; } #collegeNav.align-right ul li ul li.has-sub:after { right: auto; left: 15px; } #collegeNav ul li ul li.has-sub:before { display: block; position: absolute; content: ""; height: 0; width: 0; border: 3px solid transparent; border-left-color: #fff; z-index: 2; top: 15px; right: 15px; } #collegeNav.align-right ul li ul li.has-sub:before { right: auto; left: 15px; border-left-color: transparent; border-right-color: #54565b; } #collegeNav ul li ul li a { font-weight: 400; color: var(--black); display: block; padding: 10px 10px 10px 15px; text-align:left; font-family: 'Montserrat' } #collegeNav ul li ul li:hover > a, #collegeNav ul li ul li:active > a { color: #000000; } #collegeNav ul li ul li a:hover { background: #dddddc; color: #092c74; } #collegeNav ul li ul li:hover > ul { left: 100%; top: 0; background-color:#dddddc; } #collegeNav ul li ul li:hover > ul > li { max-height: 72px; position: relative; background-color:#dddddc; } /*#collegeNav > ul > li { float: left; }*/ #collegeNav > ul > li:after { content: ""; display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; background: #fff; } #collegeNav > ul > li > a { background: var(--clsu-laker-blue); color: var(--white); padding: 1em; z-index: 2; position: relative; display: block; border-right:1px solid var(--white); } #collegeNav > ul > li:hover:after, #collegeNav > ul > li.active:after { height: 100%; } #collegeNav > ul > li:hover > a, #collegeNav > ul > li:active > a, #collegeNav > ul > li:focus > a, #collegeNav a:focus { color: #fff; background-color:#54565b; outline-offset: 0; } #collegeNav > ul > li:hover > a:before, #collegeNav > ul > li.active > a:before { border-top-color: #fff; } #collegeNav > ul > li:hover > ul { left: -1px; } #collegeNav > ul > li:hover.CNright > ul { left:auto; right:0; } #collegeNav > ul > li:hover > ul > li { max-height: 90px; position: relative; width:215px; } #collegeNav #menu-button { display: none; } #collegeNav > ul > li.first > a { border-left:1px solid var(--white); } /*#collegeNav > ul > li { width: auto; }*/ #collegeNav > ul > li > ul { width: 226px; display: block; background-color:#dddddc; } @media all and (max-width:1321px) { #collegeNav > ul > li > a { padding:5px 25px; } } @media all and (max-width:1180px) { #collegeNav > ul > li > a { padding:5px 20px; } } @media all and (max-width:1110px) { #collegeNav > ul > li > a { padding:5px 10px; } } @media screen and (max-width: 1024px) { .ready-to-apply h2 { right: 18px; } } @media all and (max-width:970px) { #collegeNav > ul > li > a { padding:5px 5px; } } @media all and (max-width:800px) { .ready-to-apply h2 { position:absolute; right:27px; top:20px; left:20px; } .ready-to-apply p { position:absolute; top:25px; padding-right:10px; left:10px; } .heroCenteredHome { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../images/hero-button-768.png) no-repeat center bottom; padding:30px; width:100%; } .heroCenteredHome:hover { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:30px; background:url(../images/hero-button-768-hover.png) no-repeat center bottom; width:100%; } } @media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #collegeNav { border:1px solid #54565b; } #collegeNav .caret { display:none; } #collegeNav > ul { /*max-height: 0; overflow: hidden;*/ } #collegeNav .dropdown-menu { @media (max-width: 991.98px) { .secondMenu .dropdownMenu { display: block !important; position: static !important; width: 100%; border: 0; box-shadow: none; margin: 0; padding-left: 1rem; } .secondMenu .dropdown > a .bi-chevron-down { display: none; } } } #collegeNav > ul > li > ul { width: 100%; display: block; } #collegeNav.align-right ul li a { text-align: left; } #collegeNav > ul > li > ul > li { width: 100%; /*display: none;*/ display:block } #collegeNav.align-right ul ul li a { text-align: left; } #collegeNav > ul > li > ul > li > a { width: 100%; display: block; } #collegeNav > ul > li.first > a { border-left:none; } #collegeNav > ul > li > a { border-right:none; } #collegeNav ul li ul li a { width: 100%; } #collegeNav.align-center > ul { text-align: left; } #collegeNav.align-center > ul > li { display: block; } #collegeNav > ul.open { max-height: 1000px; border-top: 1px solid rgba(110, 110, 110, 0.25); } #collegeNav ul { width: 100%; } #collegeNav ul > li { float: none; width: 100%; } #collegeNav ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 20px; } #collegeNav ul > li:after { display: none; } #collegeNav ul li.has-sub > a:after, #collegeNav ul li.has-sub > a:before, #collegeNav ul li ul li.has-sub:after, #collegeNav ul li ul li.has-sub:before { display: none; } #collegeNav ul li ul, #collegeNav ul li ul li ul, #collegeNav ul li ul li:hover > ul, #collegeNav.align-right ul li ul, #collegeNav.align-right ul li ul li ul, #collegeNav.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto; } #collegeNav ul li ul li, #collegeNav ul li:hover > ul > li { max-height: 999px; position: relative; background: none; } #collegeNav ul li ul li a { padding: 8px 20px 8px 35px; color: #54565b; } #collegeNav ul li ul ul li a { padding: 8px 20px 8px 50px; } #collegeNav ul li ul li:hover > a { color: #000; } #collegeNav #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 20px; font-weight: 400; font-size: 1.6em; color: #fff; background-color:#54565b; cursor: pointer; } #collegeNav #menu-button:after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; right: 20px; top: 17px; box-sizing: content-box; } #collegeNav #menu-button:before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fff; right: 20px; top: 27px; box-sizing: content-box; } } /*Main CSS Override*/ /*#content ul li { margin-bottom:0; }*/ .headingTwoBody ul li { margin-left:25px; } @media only screen and (min-width:992px) { .col-md-push-4 { left: 25%!important; } .col-md-pull-4 { right: 50%!important; } } @media screen and (max-width:767px){ .collegeHeader h1 { padding: 1em; margin:0 !important; text-align:left !important; font-size: 1.4em } .collegeHeader h1 a, .collegeHeader h2 a, .sectionHeader a, .collegeHeader p a { color: var(--clsu-laker-blue); font-weight:normal; } .collegeHeader p { padding:.5em } .latestHeadlines .textCenter { margin-top: 75px; } .majorTestimonial { text-align:center; } .rowPadding { padding: 0; } #bytheNumbers p { width:100%; padding-bottom:10px; padding-top:10px; } .headingTwo { margin-top:25px; } .headingTwo.first { margin-top:0; } .flexContent { height:auto; } .departmentNews .newsItem { margin-bottom:25px !important; } .col-sm-1.heroButton { border-left:none; line-height: 0; text-align:center; } .heroCentered { width:80%; } .attend-session, .ready-to-apply { height: 150px; } .ready-to-apply p { right:9px; top:0; left:17px; } .ready-to-apply h2 { position: relative; top: 0; left: 0; border-right: none; right: 0; padding-top: 10px; } .heroHeading { font-size: 1.45em; font-weight: 600; text-shadow: 2px 2px 5px #000; margin:0 0 8px; } .headingTwoBody ul li { padding-bottom: 10px; padding-top: 10px; } .herosubHeading { font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-shadow: 2px 2px 5px #000; } .col-sm-1.heroButton { border-top: 1px solid #fff; margin-top: 15px; padding: 0 20px; width:100%; } .departmentHero .heroButton img { width: 25px; height: 25px; display:inline-block; position:relative; bottom:14px; } .flexslider:hover .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-prev { opacity: 1; left: 0px !important; } .flexslider.hover .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-next { opacity: 1; right: 0px !important; } /*FA Virtual Advisor*/ #virtual-advisor-content { /* position: fixed; */ top: 0; left: 0; bottom: 0; right: 0; width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 999999; } #virtual-advisor-window { top: 0 !important; left: 0 !important; margin-right: 0 !important; min-width: 100%; min-height: unset; width: 100%; } } @media all and (max-width:1321px) { #UANavigationStyle > ul > li > a { padding:5px 25px; } } @media all and (max-width:1180px) { #UANavigationStyle > ul > li > a { padding:5px 20px; } } @media all and (max-width:1110px) { #UANavigationStyle > ul > li > a { padding:5px 10px; } } @media screen and (max-width: 1024px) { .ready-to-apply h2 { right: 18px; } .flexslider .description { max-height: 121px; width: 76%; bottom: 0; left: 12%; font-size:1.2em; } .flexslider .description p.title { font-size:1.2em; } .cta.mobile {display:none;} } @media all and (max-width:970px) { #UANavigationStyle > ul > li > a { padding:5px 5px; } } @media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #UANavigationStyle { border:1px solid #54565b; } #UANavigationStyle > ul { max-height: 0; overflow: hidden; } #UANavigationStyle > ul > li > ul { width: 100%; display: block; } #UANavigationStyle.align-right ul li a { text-align: left; } #UANavigationStyle > ul > li > ul > li { width: 100%; display: none;/*Hide nav in mobile*/ } #UANavigationStyle.align-right ul ul li a { text-align: left; } #UANavigationStyle > ul > li > ul > li > a { width: 100%; display: block; } #UANavigationStyle > ul > li.first > a { border-left:none; } #UANavigationStyle > ul > li > a { border-right:none; } #UANavigationStyle ul li ul li a { width: 100%; } #UANavigationStyle.align-center > ul { text-align: left; } #UANavigationStyle.align-center > ul > li { display: block; } #UANavigationStyle > ul.open { max-height: 1000px; border-top: 1px solid rgba(110, 110, 110, 0.25); } #UANavigationStyle ul { width: 100%; } #UANavigationStyle ul > li { float: none; width: 100%; } #UANavigationStyle ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 20px; } #UANavigationStyle ul > li:after { display: none; } #UANavigationStyle ul li.has-sub > a:after, #UANavigationStyle ul li.has-sub > a:before, #UANavigationStyle ul li ul li.has-sub:after, #UANavigationStyle ul li ul li.has-sub:before { display: none; } #UANavigationStyle ul li ul, #UANavigationStyle ul li ul li ul, #UANavigationStyle ul li ul li:hover > ul, #UANavigationStyle.align-right ul li ul, #UANavigationStyle.align-right ul li ul li ul, #UANavigationStyle.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto; } #UANavigationStyle ul li ul li, #UANavigationStyle ul li:hover > ul > li { max-height: 999px; position: relative; background: none; } #UANavigationStyle ul li ul li a { padding: 8px 20px 8px 35px; color: #54565b; } #UANavigationStyle ul li ul ul li a { padding: 8px 20px 8px 50px; } #UANavigationStyle ul li ul li:hover > a { color: #000; } #UANavigationStyle #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 20px; font-weight: 400; font-size: 1.6em; color: #fff; background-color:#54565b; cursor: pointer; } #UANavigationStyle #menu-button:after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; right: 20px; top: 17px; box-sizing: content-box; } #UANavigationStyle #menu-button:before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fff; right: 20px; top: 27px; box-sizing: content-box; } } /*Overwrite button color input for the giving form - Tim - 3-26-21 - 9:42am button, input, optgroup, select, textarea { margin: 0; font: inherit; color: #000; }*/ /*COLORS*/ /* #fff white F*/ /* #000 black 0*/ /* #ff0000 red 1*/ /* #f8981d orange 2*/ /* #f6ff00 yellow 3*/ /* #16c412 green 4*/ /* #4f64ff blue 5*/ .colorFbg { background-color:#fff !important; /*WHITE*/ } .color0bg { background-color:#000 !important; /*BLACK*/ } .color1bg { background-color:#ff0000 !important; /*RED*/ } .color2bg { background-color:#f8981d !important; /*ORANGE*/ } .color3bg { background-color:#f6ff00 !important; /*YELLOW*/ } .color4bg { background-color:#16c412 !important; /*GREEN*/ } .color5bg { background-color:#4f64ff !important; /*BLUE*/ } /*END - BACKGROUND COLORS*/ .colorFtxt { color:#fff !important; /*WHITE*/ } .color0txt { color:#000 !important; /*BLACK*/ } .color1txt { color:#ff0000 !important; /*RED*/ } .color2txt { color:#f8981d !important; /*ORANGE*/ } .color3txt { color:#f6ff00 !important; /*YELLOW*/ } .color4txt { color:#16c412 !important; /*GREEN*/ } .color5txt { color:#4f64ff !important; /*BLUE*/ } /*END - txt COLORS*/ /* ========== site wide layout elements ========== */ .contentWidth { width:100%; max-width:1270px; margin:0 auto; overflow:hidden; } .contentLessWidth { width:100%; max-width:975px; margin:0 auto; overflow:hidden; } /* === area1 === */ .area1 { background-color:#ff0000; color:#fff; } .area1 h1, .area1 .h1 { text-decoration:underline; color:#FFFD00; /*yellow*/ } .area1 h2, .area1 .h2 { color:#FF9E00; /*orange*/ } .area1 h3, .area1 .h3 { text-decoration:underline; color:#FFFD00; /*yellow*/ } .area1 h4, .area1 .h4 { color:#FF9E00; /*orange*/ } .area1 h5, .area1 .h5 { } .area1 h6, .area1 .h6 { } /* === END - aria1 === */ /* === area2 === */ .area2 { background-color:#872122; color:#fff; } .area2 h1, .area2 .h1 { text-decoration:underline; color:#FFFD00; /*yellow*/ } .area2 h2, .area2 .h2 { color:#FF9E00; /*orange*/ } .area2 h3, .area2 .h3 { text-decoration:underline; color:#FFFD00; /*yellow*/ } .area2 h4, .area2 .h4 { color:#FF9E00; /*orange*/ } .area2 h5, .area2 .h5 { } .area2 h6, .area2 .h6 { } /* === END - area2 === */ /* ================ UPDATED FOOTER FEB. 2021 ================= */ footer{ padding-top:30px; background: var(--clsu-laker-blue); color: var(--white); font-size:1em; margin-bottom:-50px; border-top: 5px solid var(--clsu-georgia-clay) } footer p { font-size:.9em; } footer a, footer a:link, footer a:active, footer a:visited, footer a:hover, footer .footer-copyright a, footer ul.footer-list a, footer .logo-padding a { color:#fff; padding:1em .5em; font-size: .9em } footer ul.footer-list, .footer-smi { list-style-type:none; padding:10px 0; margin-left:0; } footer ul.footer-list li { padding: .85em 0; list-style-type:none; } footer ul.footer-list.flast { padding-left:25px; } footer ul.footer-notice { margin:0; padding:10px; } .footer-copyright { padding:20px 0 0 0; } l.footer-smi li { float:left; text-align:center; } .footer-notice { list-style-type:none; text-align:center; } .footer-notice li { display:inline; } .footer-notice li a { color:#fff; padding-right:30px; } .footer-smi { margin:0; padding-top:15px; } .footer-smi li a { display:block; color:#fff; } .footer-smi img { height:35px; width:35px; } .footer-smi a { padding-left:10px; } .footer-smi a:hover { text-decoration:none; } .footer-smi a:hover img { text-decoration:none; border:2px solid #fff; } footer .footer-copyright #footerCurrentYear, #directedit { padding-right: 5px; } a#de { text-decoration: none } footer .footer-copyright span, footer .footer-copyright span-end { padding:0 10px 0 5px; } footer .footer-copyright span.span-spacer { border-right:1px solid #fff; } footer .footer-copyright span.span-end { border-right:none; } .color1 { background-color:#092c74; } .logo { /*padding-bottom:20px;*/ } .logo img { height:64px; width:250px; } @media screen and (max-width:768px) { .gallery-item img { width: 100%; } .modal-content { max-width: 95%; } .modal-caption { font-size: 14px; } .prev, .next { top: 53%; transform: translateY(-53%); } .modal { padding-top:145px } .grayBgText { display:block !important; } .image-cards { padding:1em 0em; overflow:hidden; } .cookieConsentContainer .btn-danger { margin-top:30px; } footer{ text-align:center; } footer ul.footer-list { padding:0; margin:0; } footer ul.footer-list li { padding-bottom:10px; } footer .footer-copyright { padding:0; } footer .footer-copyright span.span-asterik::after { content:none; } footer .footer-copyright span, footer .footer-copyright span-end { padding: 0 10px 0 5px; } .logo { padding-top:20px; } .footer-smi { padding-bottom:30px; } } /* ========================= bootstrap color overrides ========================= */ /* PRIMARY - #337ab7 #286090 #2e6da4 #122b40 #204d74 */ /* SUCCESS - #3c763d #2b542c #dff0d8 #c1e2b3 #5cb85c #4cae4c #449d44 #255625 #398439 #d6e9c6 */ /* INFO - #31708f #245269 #d9edf7 #afd9ee #5bc0de #46b8da #31b0d5 #1b6d85 #269abc #bce8f1 */ /* WARNING - #8a6d3b #66512c #fcf8e3 #f7ecb5 #f0ad4e #eea236 #ec971f #985f0d #d58512 #faebcc */ /* DANGER - #a94442 #843534 #f2dede #e4b9b9 #d9534f #d43f3a #c9302c #761c19 #ac2925 #ebccd1 */ .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } table#gs_id50 { width: 100%; padding: 0; } /*.btn { border-radius:0; font-size:16px; padding:5px 12px 9px 12px; white-space:normal; }*/ .btn-pills { border-radius: .2em; padding: .5em 1.5em; } .btn-light-gray { border-radius: .2em; padding: 1em; background: #eee; border: 1px solid var(--clsu-dark-gray) } /*.btn.btn-primary { color: #fff; } .btn.btn-primary:hover, .btn.btn-secondary:hover { color: #092c74; background-color:#dddddc; } .btn-primary, a.btn.btn-primary { color: #fff; background-color: #092c74; border-color: #092c74; }*/ .btn.btn-secondary, .btn-secondary, a.btn.btn-secondary { color:#fff; background-color:#54565b; border-color:#54565b; } /*.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:visited { color:#fff; background-color:#092c74; } .btn-primary:hover { color: #092c74; background-color: #f1f1ec; border-color: #092c74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; }*/ .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger, a.btn.btn-block.btn-lg.btn-danger { color: #fff; background-color: #ac283b; border-color: #ac283b; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .panel-heading { cursor: pointer; padding: 0 1em 0 0; } .panel-title { font-size:.9em; padding:1em .5em } .panel-title a.accordion-toggle { padding: 1em; font-size: 1.15em; } .panel-group .panel-heading a:before, .panel-group .panel-heading a:before { font-family:FontAwesome; content:"\f068"; float:right; color:inherit; } .panel-group .panel-heading a.collapsed:before, .panel-group .panel-heading.collapsed a:before { content:"\f067"; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .navbar-nav > li > a { padding-top: 1em; padding-bottom: 1em; } /*SON light blue cards*/ .gray-backround { background-color: #f5f5f4; padding: 20px; margin-top: 40px; } .card-light-blue { background-color: #badce6; min-height: 605px; position: relative; border-radius: 0; } .card-light-blue .card-header { background: var(--clsu-laker-blue); color: var(--white); padding: 8px; text-align: center; } .card-light-blue .card-header h2 { font-weight:bold; font-size:1.4rem; margin-top:0 } .card-light-blue .card-header { font-weight: bold; font-size: 1rem; margin-bottom: 5px; } .card-light-blue .card-body { padding: 12px 8px } .card-light-blue .card-body .card-text { font-size: 18px; font-weight: 400; padding-left: 20px; padding-right: 20px; } .card-light-blue .card-body .card-text h3 { padding-bottom: 20px } .card-light-blue .card-body .card-text p, .card-light-blue .card-body .card-text ul li { font-size: 18px } .contentWidth.latestHeadlines h2, .latestHeadlines h2 { display: inline-block; position: relative; bottom: 40px; background-color: #092c74; padding: 10px 20px; font-weight: 400; color: #fff; font-size: 1.5rem; } /* ========================= END - bootstrap color overrides ========================= */ /* STAMATS DEV */ /* Misc */ .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } #breadcrumb .stamatsBreadcrumb{ margin-left:0px; margin-right:-20px; } .card-container { padding-top:15px; } .card { background-color: #fff; border: 1px solid transparent; border-radius: 6px; } .card .card-body { padding: 12px 8px; } .card .card-header { padding: 8px; } .card-default { border-color: #dddddc; background-color: #fff; margin-bottom: 24px; } .card-default > .card-header { border-bottom: 1px solid #ddd; padding: 8px; background-color:#dddddc; color:#333; font-size:17px; font-weight:600; } .card-default p:last-child { margin-bottom: 0; } /* End Misc */ /* Header */ #stamatsMenu li.dropdown .dropdown-menu, #stamatsMenu li.dropdown .dropdown-menu{ display:block; /*left:-10000px;*/ background: var(--white); color: var(--clsu-laker-blue); text-align:center; margin:0; border-radius:0; border:none; padding:1em; column-count: 2 } #stamatsMenu .dropdown .dropdown-menu.open{ left:0px; z-index:1000; } #stamatsMenu li a:hover, #stamatsMenu li a:focus, #stamatsMenu li.active a.menuitem{ background-color: #54565b; } #stamatsMenu .navTopLevel li{ display: inline-block; margin:0 } #stamatsMenu .dropdown .dropdown-menu li{ /*min-width:160px;*/ text-align:left; } #stamatsMenu{ max-width: 1170px; margin-left: auto; margin-right: auto; } #stamatsMenu .navTopLevel{ margin-bottom:0; margin-left:0; margin-top:0; overflow:hidden; text-align:center; } #stamatsMenu hr{ margin: 0; border-top: 1px solid rgb(102,102,102); } #navbar{ width:100%; padding-left:0; padding-right:0; } #navbar .mainMenu{ padding-left:0; padding-right:0; background-color: rgb(9,44,116); z-index:1000; } #stamatsMenu ul.navTopLevel>li { float: none; position: static; } #stamatsMenu .navTopLevel>li>a{ display:block; padding:15px; color: var(--white); background: var(--clsu-laker-blue); font-size: 1.15rem; min-width: 160px; font-weight:bold; text-decoration:none; } #stamatsMenu .caret{ display:none; } #stamatsMenu ul.dropdown-menu { width: 100%; top: auto; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; align-items: center; align-content: center; } #stamatsMenu ul.dropdown-menu li { /*width: 10%; margin: 5px;*/ width:50%; /*float:left;*/ display:inline-block; padding:1em; } #stamatsMenu .dropdown-menu>li>a:focus, #stamatsMenu .dropdown-menu>li>a:hover{ background-color:transparent; text-decoration:underline; } .menuOpen .navbar-header button span{ display:none; } .menuOpen .navbar-header .navbar-toggle:before{ content: url('../images/close.png'); } .MainHeader .navbar-header button{ border:none; border-radius:0; } .navbar-default .navbar-header .navbar-toggle{ border:none; border-radius:0; margin: 20px 20px 0 0; z-index:1001; } .navbar-default .navbar-header .navbar-toggle:hover, .navbar-default .navbar-header .navbar-toggle:focus{ background-color:transparent; } #navbar .searchBox span a.SkinObject{ background-image: url('../images/magnifying_glass.png'); background-repeat: no-repeat; background-size: contain; color: transparent; display: inline-block; height: 25px; width: 25px; } #claytonMenu { /*border-right:1px solid #54565b;*/ } #claytonMenu, #navbar .searchBox, #logo{ display:inline-block; /*margin-top:.8em;*/ } #navbar .searchBox{ float:right; position: relative } #logo{ margin: 1em 0; /*float:left;*/ flex: 1 } #logo h1{ margin:0; } #mobileLogo{ display:none; } .search-container { position: relative; display: inline-block; margin: 4px 2px; height: 50px; width: 50px; vertical-align: bottom; } .mglass { display: inline-block; pointer-events: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .search-button { position: absolute; font-size: 22px; width: 100%; margin: 0; padding: 0; } .clsu-search:focus + .search-button { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; background-color: white; color: black; } .clsu-search { position: absolute; left: 49px; background-color: white; outline: none; border: none; padding: 0; width: 0; height: 100%; z-index: 10; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; } .clsu-search:focus { width: 363px; padding: 0 16px 0 0; } .expand-right { left: auto; right: 49px; } .expand-right:focus { padding: 0 0 0 16px; } .searchInputContainer input { background: #ffffff; margin-top: 7px; width: 125px; font-size: 14px; } .searchInputContainer .searchSkinObjectPreview, .searchInputContainer a.dnnSearchBoxClearText.dnnShow{ display:none; } #claytonMenu .topLevel li a{ font-size: .9em; text-decoration:none; color: var(--body-text); display: inline-block } #claytonMenu .topLevel li + li { margin-top:0 } .mainMenu .dropdown-menu li a{ color: var(--clsu-laker-blue); display:inline-block; font-weight:bold; } .menuFixed { position: fixed; top: 0px; width: 100%; max-width: 100% !important; z-index: 3; background-color: rgba(9,44,116,0.86); } .menuFixed.admin{ top:54px; } span.featherlight-close-icon.featherlight-close { width: 28px; font-size: 28px; } /* End Header */ /* Footer */ .colorHolder .col-xs-4{ height: 30px; } .color1{ background-color:#092c74; } .color2{ background-color:#ffcf52; } .color3{ background-color:#ac283b; } .color4{ background-color:#fc6719; } .color5{ background-color:#5aadce; } .color6{ background-color:#c59c44; } .mainFooter .address, .mainFooter .phone{ border-right: 1px solid #fc6719; overflow:hidden; } .mainFooter .footerMenu li{ list-style:none; font-size: 13px; line-height: 2; } .mainFooter{ background-image: url('../images/footer_background.jpg'); min-height:690px; background-repeat:no-repeat; background-size:cover; background-position: center; } footer.mainFooter{ background-color:#000000; position:relative; padding-top:65px; padding-bottom:185px; } .mainFooter .contentWidth{ position:relative; } .mainFooter .colorHolder{ position: absolute; bottom: 0; width: 100%; } .mainFooter .footerMenu a{ color: #ffffff; } .mainFooter .socialMedia li span{ overflow: hidden !important; } .rightSlideIn, .leftSlideIn{ opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .leftSlideIn{ -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); } .rightSlideIn{ -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); margin-top:50px; } .leftSlideIn.in-view, .rightSlideIn.in-view{ opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .mainFooter .address .addressIcon, .mainFooter .phone .phoneIcon{ display: inline-block; height: 40px; width: 40px; float:left; } .mainFooter .address .addressIcon span, .mainFooter .phone .phoneIcon span{ display:none; color: #fff; font-weight:bold; } .mainFooter .address .addressIcon{ background-image: url(../images/location.png); background-size:cover; background-color:#000000; } .mainFooter .phone .phoneIcon{ background-image: url(../images/phone.png); background-size:cover; background-color:#000000; } .mainFooter .phone .phoneIcon:hover, .mainFooter .address .addressIcon:hover, .mainFooter .phone:hover .phoneIcon, .mainFooter .address:hover .addressIcon{ background-color: #fc6719; } .mainFooter .phone .phoneIcon:focus, .mainFooter .address .addressIcon:focus, .mainFooter .phone:focus .phoneIcon, .mainFooter .address:focus .addressIcon{ background-color: #fc6719; } .mainFooter .address span, .mainFooter .phone span{ display: inline-block; margin-left: 20px; line-height: 20px; float:left; font-weight:bold; } .mainFooter .footerMenu a:hover, .mainFooter .footerMenu a:focus{ border-bottom: 3px solid #fc6719; text-decoration:none; } .mainFooter .col-sm-8, .mainFooter .col-sm-6{ min-height:310px; } .mainFooter .footerLogo, .mainFooter .footerMotto{ margin-bottom:20px; } .mainFooter .socialMedia .twitterIcon, .mainFooter .socialMedia .instagramIcon, .mainFooter .socialMedia .facebookIcon, .mainFooter .socialMedia .youtubeIcon { display:inline-block; height:40px; width:40px; } .mainFooter .socialMedia .twitterIcon { background-image: url(../images/twitter.png); background-repeat:no-repeat; background-position:center; background-color:#000; } .mainFooter .socialMedia .twitterIcon:hover { background-color:#1DA1F2; } .mainFooter .socialMedia .instagramIcon { background-image: url(../images/instagram.png); background-repeat:no-repeat; background-position:center; background-color:#000; } .mainFooter .socialMedia .instagramIcon:hover { background-color:#bc2a8d; } .mainFooter .socialMedia .facebookIcon { background-image: url(../images/facebook.png); background-repeat:no-repeat; background-position:center; background-color:#000; } .mainFooter .socialMedia .facebookIcon:hover { background-color:#4b5998; } .mainFooter .socialMedia .youtubeIcon { background-image: url(../images/youtube.png); background-repeat:no-repeat; background-position:center; background-color:#000; } .mainFooter .socialMedia .youtubeIcon:hover { background-color:#cd201f; } .mainFooter .socialMedia li a span { background-color:transparent; } .mainFooter .socialMedia{ position: absolute; right: 15px; top: 0; list-style:none; } .mainFooter .socialMedia li, .socialMedia li{ margin-bottom:20px; list-style:none; } .mainFooter .socialMedia li a, .socialMedia li a { overflow:hidden; display:block; } .mainFooter .socialMedia li a span, .socialMedia li a span{ display: inline-block; height: 38px; width: 38px; color: #fff; background-repeat: no-repeat; background-position: center; background-color:#000000; } .mainFooter .socialMedia span.facebook, .socialMedia span.facebook { background-image: url(../images/facebook.png); } .mainFooter .socialMedia span.twitter{ background-image: url(../images/twitter.png); } .mainFooter .socialMedia span.instagram{ background-image: url(../images/instagram.png); } .mainFooter .socialMedia span.youtube{ background-image: url(../images/youtube.png); } .mainFooter .socialMedia a:hover span.facebook, .mainFooter .socialMedia a:focus span.facebook, .socialMedia a:hover span.facebook, .socialMedia a:focus span.facebook{ background-color:#54565b !important; } .mainFooter .socialMedia a:hover span.twitter, .mainFooter .socialMedia a:focus span.twitter{ background-color:#54565b !important; } .mainFooter .socialMedia a:hover span.instagram, .mainFooter .socialMedia a:focus span.instagram{ background-color:#54565b !important; } .mainFooter .socialMedia a:hover span.youtube, .mainFooter .socialMedia a:focus span.youtube{ background-color:#54565b !important; } .mainFooter .twitterIcon span, .mainFooter .instagramIcon span, .mainFooter .facebookIcon span, .mainFooter .youtubeIcon span { display:none; color:#fff; font-weight:bold; } /*1 column 2 row cards*/ .grayBgText { margin-bottom:30px; /*background-color:#eee;*/ display:flex; align-items:center; } .grayBgText .content-padding { padding:15px; } /* End Footer */ /* Video */ .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } /* GridMenu */ .gridMenuContainer li { list-style: none; margin-bottom:50px; } .gridMenuContainer li a{ display:block; overflow:hidden; padding: 0 } .gridMenuContainer h2 { text-align: center; color: #ffffff; background-color:#54565b; margin-bottom:0px; min-height:40px; font-size: 18px; font-weight: 700; padding: 15px 10px; margin:0; } .gridMenuContainer a:hover, .gridMenuContainer a:focus{ border: 6px solid #fc6719; margin: -2px 0; text-decoration:none; } .gridMenuContainer img{ width:100%; height:auto; } /* End GridMenu */ /* SideMenu */ .subpageSidebarMenu li a:hover, .subpageSidebarMenu li a:focus{ text-decoration:none; display:inline-block; font-weight: bold; } .subpageSidebarMenu li a:hover:before, .subpageSidebarMenu li a:focus:before{ /*content: url('../images/dot.png');*/ display: inline-block; position: relative; bottom: 3px; padding-right: 6px; } .subpageSidebarMenu li{ list-style: none; background-color:#eee; margin-bottom:5px !important; } .subpageSidebarMenu li a{ display: inline-block; } .subpageSidebarMenu li a:hover { background-color:#eee; font-weight:bold; } /*.subpageSidebarMenu li.current span{ color: #000000; margin-bottom: 15px; display: inline-block; }*/ .subpageSidebarMenu{ margin: 0 0 30px 0; } /* End SideMenu */ /* Home */ /*.embed-responsive-16by9 {padding-bottom: 52.9%;}*/ h2 a.slideTitle { line-height: 1.2; font-size: 25px; } .sliderRow ul.slides li{ position:relative; } .sliderRow .slideContent{ width:405px; height:auto; position:absolute; top:50%; padding:5px 15px; background-color:rgba(206,206,206,0.8); margin-top:-20px; } .sliderRow .slideContent.left{ left:0; margin-left:7%; } .sliderRow .slideContent.right{ right:0; margin-right:7%; } .sliderRow .slideContent h1, .sliderRow .slideContent h2 { font-size: 24px; font-weight: 400; margin-bottom:10px; } .sliderRow .slideContent .slideLink:after{ content:url('../images/blue_arrow.png'); margin-left:12px; } .sliderRow .flexslider .flex-direction-nav button{ background-color: #616062; opacity:1; color:transparent; text-shadow:none; background-image: url('../images/slider_arrow.png'); background-position: center; background-size: cover; border:0; display:block; } .sliderRow .flexslider .flex-direction-nav li{ color:#ffffff; } .sliderRow .flexslider .flex-direction-nav button.flex-next{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .sliderRow .flexslider .flex-direction-nav .flex-next:before, .sliderRow .flexslider .flex-direction-nav .flex-prev:before{ content:none; } .sliderRow .flex-control-nav.flex-control-paging{ text-align: right; } .sliderRow .flex-control-nav.flex-control-paging li{ margin: 0 12px; } .sliderRow .flex-control-nav.flex-control-paging li button{ color:transparent; border-radius: 0; height: 20px; width: 20px; color:#ffffff; background-color:#092c74; border:0; padding:0; display: inline-block; font-size: 14px; line-height:14px; font-weight: 700; } .sliderRow .flex-control-nav.flex-control-paging li button.flex-active, .flex-control-nav.flex-control-paging li button:hover, .flex-control-nav.flex-control-paging li button:focus{ color:#000000; background-color:#fc6719; } .flex-control-nav.flex-control-paging li button:focus{ /*outline: #fc6719 solid 2px;*/ } .rssLine{ display:none; } .newsEvents .contentWidth { /*padding-top:20px;*/ padding-top:70px; } .newsEvents .col-xs-12.text-center, .testimonial .col-xs-12.text-center{ border-top:1px solid #54565b; } .testimonial .col-xs-12.text-center { margin-top:30px; } .newsEvents h2, .testimonial h2 { display:inline-block; position:relative; bottom:40px; background-color: #ffffff; padding: 0 20px; font-size: 36px; font-weight: 400; color:#333; } .sliderRow .flexslider{ border:0 !important; background-color: #ffffff; } .newsEvents .event .date{ display: inline-block; min-width: 44px; min-height: 44px; text-align: center; padding-top: 2px; color: #000000; background-color: #ff661b; font-weight:700; position:absolute; } .newsEvents .event a:hover .date, .newsEvents .event a:focus .date, .newsEvents .event .date a:hover, .newsEvents .event .date a:focus{ background-color: #002c73; } .newsEvents .event .eventInfo{ display:inline-block; /*max-width:75%;*/ padding-left:54px; } .newsEvents .event{ min-height: 140px; display: block; margin-bottom: 36px; } .newsEvents .date .month, .newsEvents .date .month a{ display:block; font-size:16px; font-weight:700; color:#000000; } .newsEvents .date .day, .newsEvents .date .day a{ font-size:19px; font-weight:700; color:#000000; } .newsEvents .date.today{ padding-top:10px; color:#000000; } .newsEvents .event a:hover .date .month, .newsEvents .event a:focus .date .month, .newsEvents .event .date .month a:hover, .newsEvents .event .date .month a:focus{ color:#ffffff; } .newsEvents .event a:hover .date .day, .newsEvents .event a:focus .date .day, .newsEvents .event .date .day a:hover, .newsEvents .event .date .day a:focus{ color:#ffffff; } .newsEvents .event a:hover .date.today, .newsEvents .event a:hover .date.today, .newsEvents .event .date.today a:hover, .newsEvents .event .date.today a:hover{ color:#ffffff; } .newsEvents .event h3,.newsEvents .event h3 a{ font-size: 15px; margin-bottom: 5px; display: block; font-weight:bold; line-height:1.2; color:#000; margin-top:0; } .newsEvents .event .eventDate{ display: inline-block; font-size: 14px; color: #000; font-weight: 400; line-height:1.2; } .newsEvents .newsItem h3{ font-size:16px; font-weight:bold; margin-top:0; } .newsEvents article.newsItem { margin-bottom: 40px; } .newsEvents .newsItem img{ margin-bottom: 20px; width: 100%; } .newsEvents .newsItem .author{ color:#666666; font-size:14px; } .newsEvents .newsItem p{ display: inline; color:#000; font-weight:normal; } .newsEvents .newsItem .newsLink:after{ content: url(../images/orange_arrow.png); display: inline-block; margin-left: 12px; } .newsEvents .newsItem .newsLink:hover:after, .newsEvents .newsItem .newsLink:focus:after{ content: url(../images/blue_arrow.png); } .newsEvents .newsItem .newsLink:hover, .newsEvents .newsItem .newsLink:focus{ text-decoration:none; } .newsEvents .newsItem .newsLink:hover h3, .newsEvents .newsItem .newsLink:focus h3{ text-decoration:underline; } .callToAction .flipHolder{ perspective:1000px; } .callToAction .flip{ } .callToAction .flip:hover, .callToAction .flip:focus{ transform:rotateY(180deg); background-color:transparent !important; text-decoration:none; color:#ffffff; } .callToAction .flip:focus { /*outline: #ffffff solid 2px !important;*/ } .callToAction .flip:hover .front, .callToAction .flip:focus .front{ display:none; backface-visibility:hidden; -ms-backface-visibility:hidden; } .callToAction .flip:hover .back, .callToAction .flip:focus .back{ display:block; backface-visibility:visible; -ms-backface-visibility:visible; } .callToAction .flip, .callToAction .flip .front, .callToAction .flip .back{ min-height:222px; width:100%; max-width:327px; margin-left: auto; margin-right: auto; } .callToAction .flip, .callToAction .flip .front{ display:block; } .callToAction .flip .back{ display:none; background-position:center; } .callToAction .flip{ transition: 1.2s; transform-style: preserve-3d; position:relative; background-repeat: no-repeat; background-position: center; width:100%; display:block; } .callToAction .flip h3{ font-size: 24px; font-weight: 400; color: #ffffff; text-shadow: 2px 2px #000; background-color: rgba(0,0,0,0.4); padding:15px 0 15px 0; } .callToAction .flip .front{ backface-visibility:hidden; /*padding-top:140px;*/ padding-top:20%; } .callToAction .flip .back{ backface-visibility:hidden; padding-top:75px; } .callToAction .flip .front{ z-index: 2; transform: rotateY(0deg); background-repeat: no-repeat; background-position: center; } .callToAction .flip .back{ transform: rotateY(180deg); } .callToAction .flip.apply{ background-color:#299acb; } .callToAction .flip.apply .front{ background-image:url('../images/PencilIcon.png'); /*background-position-y:20px;*/ } .callToAction .flip.viewBook{ background-color:#002c73; } .callToAction .flip.viewBook .front{ background-image:url('../images/BookIcon.png'); /*background-position-y:25px;*/ } .callToAction .flip.moreInfo{ background-color:#fc6419; } .callToAction .flip.moreInfo .front{ background-image:url('../images/EnvelopeIcon.png'); /*background-position-y:40px;*/ } .callToAction .flip.moreInfo .back, .callToAction .flip.viewBook .back, .callToAction .flip.apply .back{ background-color:transparent; z-index:10; } .callToAction .flip.moreInfo .back{ background-image:url('../images/more-info.jpg'); } .callToAction .flip.viewBook .back{ background-image:url('../images/virtual-viewbook_1.jpg'); } .callToAction .flip.apply .back{ background-image:url('../images/apply.jpg'); } .callToAction{ min-height:400px; background-image: url('../images/parallax.png'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-color:#000000; } .newsEvents a.allLink{ /*background-color: #f6f7f7;*/ background-color:#DDDDDC; color: #000000; font-size: 13px; margin-bottom:30px; display:inline-block; padding: 4px 10px; border: 1px solid rgb(9,44,116); font-weight:bold; } .newsEvents-A a.allLink { background-color: #DDDDDC; color: #000000; font-size: 13px; display: inline-block; } li.newsEvents-A { margin-right: 15px; margin-left:8px; } #claytonMenu .topLevel li.newsEvents-A a.allLink:hover { background-color: #092c74; color: #fff; border-bottom: none; } .newsEvents a.allLink:after { content: url('../images/orange_arrow.png'); margin-left: 12px; } .newsEvents a.allLink:hover, .newsEvents a.allLink:focus{ color: #ffffff; background-color: #002c73; text-decoration: none; } .newsEvents a.allLink.news{ float:left; } .newsEvents a.allLink.events{ float:right; } .testimonial{ margin-bottom:-1px; } .testimonial .testimonialText{ padding: 65px 65px 65px 65px; } .testimonial .testimonialText .toolbar{ float:right; } .testimonialText h3{ font-weight: 400; font-size: 28px; margin-bottom: 15px; } .testimonial .testimonialText p{ font-size: 13px; font-weight: 400; margin: 0 0 35px 0; } .testimonial .testimonialText .testimonialLink:after{ content:url('../images/orange_arrow.png'); margin-left:12px; } .testimonial .testimonialText a.testimonialLink, .testimonialText a{ color: #fff; margin-bottom: 30px; display: inline-block; font-size:15px; background-color:#092c74; padding: 4px 10px; } .testimonial .testimonialText a.testimonialLink:hover, .testimonialText a:hover, .testimonial .testimonialText a.testimonialLink:focus, .testimonialText a:focus{ color: #fff; background-color: #54565b; text-decoration: underline; } .testimonial .testimonialImage{ padding:0; } .callToAction .row{ margin-bottom:65px; } .callToAction h2{ font-size: 36px; font-weight: 400; color: #ffffff; margin: 50px 0 32px 0; } .callToAction.no-gutter h2{ background: rgba(0, 0, 0, 0.6); } .sliderRow .slides li .slideContent { display: none; } .sliderRow .slides li.flex-active-slide .slideContent{ display:block; } .sliderRow .slideContent .tagLine{ position: absolute; bottom: -47px; left: 0; } .sliderRow .slideContent p, .slideContent a { font-size: 16px; line-height: 1.5; color:#000; } .sliderRow .slideContent p{ margin-bottom:0px; } .sliderRow .slideContent a{ color:#092c74; } .sliderRow .play{ background-image: url('../images/play.png'); color: transparent; position: absolute; background-position: center; background-repeat: no-repeat; height: 20%; background-size: contain; left: 46%; top: 42%; width: 10%; } .featherlight-inner { max-width: 420px; margin: 0px auto; } .featherlight-inner > div{ position: relative; padding-bottom: 75%; height: 0px; } .featherlight-inner iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /* End Home */ /* Landing */ .tabName h1{ /*font-size:48px;*/ font-weight:400; margin-bottom: 30px; } .grayBackground, .grayBackground main{ background-color: #dddddc; } #breadcrumb .stamatsBreadcrumb a, #breadcrumb .separator, #breadcrumb a:first-child, #breadcrumb a{ color: #092c74; } #breadcrumb{ padding: 30px 0 30px 0; border-bottom: none; font-size: 12px; } #breadcrumb .stamatsBreadcrumb *, #breadcrumb .stamatsBreadcrumb, #breadcrumb .separator{ font-weight: 400; } .landingBreadcrumb#breadcrumb{ padding-left:15px; padding-right:15px; } .landingBreadcrumb#breadcrumb span{ margin:0; } .landingBreadcrumb#breadcrumb .separator{ margin-left:3px; margin-right:3px; } .landingBreadcrumb>div>span:last-child span{ font-weight:700 !important; } .landingCopy{ margin-bottom:30px; } .gridRow{ margin-top:50px; } .largeHero{ text-align:center; } .largeHero img{ width:100%; } /* End Landing */ /* Interior */ .imageArea{ background-color: #eee; } .contentPageContent h1 { margin-top:20px !important; } /*.interiorTitle, .interiorContent h1, .contentPageContent h1{ font-weight: 400; margin-top: 65px; margin-bottom: 20px; }*/ .metaMenuContainer{ margin:0; } .metaMenuContainer li .contentPane{ margin-bottom:30px; } .metaMenuContainer li{ list-style:none; } .metaMenuContainer h2{ font-size: 20px; font-weight: 700; margin-bottom: 15px; } .metaMenuContainer p{ font-size:16px; line-height: 1.5; } .interiorContent{ padding-bottom: 30px; border-bottom: 1px solid #b3b5b7; margin-bottom: 40px; } .metaMenuContainer .tabLink{ background-color: #f6f7f7; color: #000000; font-size: 13px; display: inline-block; padding: 5px 15px; line-height:1; } .metaMenuContainer .tabLink:after{ content: url('../images/orange_arrow.png'); margin-left:12px; } .metaMenuContainer .tabLink:hover, .metaMenuContainer .tabLink:focus{ color: #ffffff; text-decoration:none; background-color: #002c73; /*outline: #ffffff solid 2px !important;*/ } #sidebarBreadcrumb .stamatsBreadcrumb a, #sidebarBreadcrumb .separator, #sidebarBreadcrumb a:first-child, #sidebarBreadcrumb a{ color: #092c74; font-weight:400; } #sidebarBreadcrumb{ padding: 2.5em 0; font-size: .85em; } #breadcrumb .stamatsBreadcrumb .separator, #sidebarBreadcrumb .stamatsBreadcrumb .separator{ margin: 0; } #breadcrumb .separator, #sidebarBreadcrumb .separator{ margin: 0 3px; } #sidebarBreadcrumb>div>span:last-child{ font-weight: normal; } .sidebar .currentTab{ font-size:18px; font-weight:bold; /*border-bottom: 1px solid #ff661b;*/ background-color:#54565b; color:#fff; display: inline-block; padding: 10px; margin-bottom: 5px; width:100% } /*.sidebar .currentTab:before{ content: url('../images/large_dot.png'); margin-right:5px; }*/ /* End Interior */ /* Program Detail */ .majorContent .col-sm-9 p{ line-height:2; } .majorContent .col-sm-9 .contentPane.extraLinksMenu{ margin-bottom:40px; padding-bottom:0; border-bottom:none; } .extraLinksMenu ul, .extraLinksMenu p{ margin: 0; } .extraLinksMenu ul li{ list-style: none; display: inline-block; } .extraLinksMenu ul li a, .extraLinksMenu a{ padding: 10px 15px; display: inline-block; /*background-color: #808284;*/ background-color: #404040; color: #ffffff; font-size:14px; } .extraLinksMenu ul{ margin-bottom: 30px; } .extraLinksMenu ul li a:hover, .extraLinksMenu a:hover, .extraLinksMenu ul li a:focus, .extraLinksMenu a:focus{ background-color: #002c73; color: #ffffff; } .extraLinksMenu ul li a:focus{ /*outline: #ffffff solid 2px !important;*/ } .majorContent .col-sm-9 .contentPane{ margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #b3b5b7; } .majorContent .col-sm-9 .majorWhy .contentPane{ margin-bottom:0; padding-bottom:0; border-bottom:none; } .majorContent .col-sm-3 .contentPane{ margin-top:65px; word-break:break-word; } .majorImageRow .col-sm-9{ padding:0; } .majorImageRow .col-sm-9 img{ width:100%; } .majorImageRow{ background-color:#f1f1ec; } .majorImageRow .sidebar{ padding:30px 0 0 35px; } .majorImageRow #sidebarBreadcrumb{ padding-top:0; } .majorWhy h2{ font-size:18px; font-weight:400; } .majorWhy p{ line-height:1.5; margin-bottom:30px; } .majorWhy ul, .majorWhy ol{ margin-bottom:30px; margin-left:0px; } .majorWhy ul li{ list-style:none; font-size:14px; } .majorWhy ul li:before{ content: url('../images/dot.png'); display: inline-block; position: relative; bottom: 3px; margin-right: 6px; } .majorWhy{ margin-bottom:15px; } .majorWhy blockquote{ position: absolute; right: 100%; top: 0; width: 70%; padding: 0 15px 0 30px; } .majorWhy blockquote strong{ font-size: 90px; font-weight: 500; border-bottom: 1px solid #00adef; display: block; line-height: 90px; padding-bottom: 5px; color:#002c73; } .majorWhy blockquote p{ text-decoration: none; font-style: normal; font-size: 14px; color: #000000; margin-bottom: 15px; } .majorTestimonial{ background-color: #404040; } .majorTestimonial .testimonialArea{ color: #ffffff; padding:83px 15px 30px 15px; } .majorTestimonial .testimonialArea a { color: #fff; text-decoration: underline; } .majorTestimonial .testimonialArea a:hover { color: #fff; text-decoration: none; } .majorTestimonial .testimonialArea h3{ font-size: 18px; color: #ffffff; font-weight: 400; position:absolute; top:50px; } .majorTestimonial .testimonialArea li, .majorTestimonial .testimonialArea p{ font-size: 13px; line-height: 1.5; } .majorTestimonial .testimonialArea ul li{ list-style:none; } .majorTestimonial .testimonialArea ul li:before{ content: url('../images/dot.png'); display: inline-block; position: relative; bottom: 3px; margin-right: 6px; } /* End Program Detail */ /* Department Page */ .departmentContent p{ font-size: 14px; line-height: 2; /*margin-bottom:45px;*/ } .departmentContent{ padding:0 15px 0 15px; border-bottom: 1px solid #b3b5b7; margin-bottom:60px; } .departmentContact p{ line-height:1.5; padding-right:25px; margin-bottom:10px; } .departmentContact strong{ color: #002c73; } .departmentHero>.col-xs-12{ position:relative; overflow:hidden; max-height:700px; } /*.departmentHero img { width: 100%; max-width: none; height: auto; }*/ .departmentHero .departmentTitle{ color: #ffffff; position: absolute; bottom: 60px; margin-left: auto; margin-right: auto; /*left: 100px; right: 0; width: 100%; max-width: 1200px;*/ padding:15px; font-size:48px; background-color:rgba(0,0,0,0.7); font-weight:400; } .departmentNews .newsItem .readMore{ font-size: 13px; display: inline-block; padding: 5px 15px; line-height: 1; background-color: #ffffff; color: #000000; margin-bottom:15px; border: 1px solid rgb(9,44,116); } .departmentNews .newsItem .readMore:after{ content: url('../images/orange_arrow.png'); margin-left: 12px; } .departmentNews .newsItem a:hover .readMore, .departmentNews .newsItem a:focus .readMore{ color: #ffffff; text-decoration: none; background-color: #002c73; } .departmentNews .newsItem a:focus .readMore, .departmentNews .newsItem.hasImage a:focus .readMore{ /*outline: #fc6719 solid 2px !important;*/ } .departmentNews a:hover, .departmentNews a:focus{ text-decoration:none; } .departmentNews a p{ color: #000000; } .departmentNews .newsItem{ background-color: #f1f1ec; margin-bottom:50px; overflow:hidden; padding-bottom:36px; } .departmentNews .newsItem h3, .departmentNews p, .departmentNews .readMore{ margin-left:15px; margin-right:15px; } .departmentNews .newsItem h3{ padding-top:15px; font-weight: 400; font-size: 20px; } .departmentNews .newsItem.hasImage h3{ font-size: 14px; margin-bottom:15px; } .departmentNews .newsItem p{ margin-bottom:53px; } .row.departmentSocial{ background-color:#f1f1ec; } .departmentSocial .socialHeading h2{ font-weight: 400; font-size: 36px; line-height: 1; margin: 30px 0; } .departmentSocial .twitter{ height:250px; overflow-y:scroll; overflow-x:hidden; } .departmentSocial .socialScripts{ margin-bottom:30px; } /* End Department Page */ /* News Page */ .newsLandingHeader{ background-color: #f1f1ec; } .newsLandingHeader .extraLinks{ background-color: #ffffff; display:inline-block; float:right; } .newsLandingHeader ul { display: inline-block; margin: 0; padding: 0; } .newsLandingHeader .extraLinks li{ list-style: none; display: inline-block; margin-right:-3px; } .newsLandingHeader #breadcrumb .extraLinks li a{ font-size: 14px; line-height: 1; padding: 8px 12px 8px 12px; border-top: 1px solid rgb(9,44,116); border-bottom: 1px solid rgb(9,44,116); display: block; } .newsLandingHeader #breadcrumb .extraLinks li a:hover, .newsLandingHeader #breadcrumb .extraLinks li a:focus{ background-color: #002c73; text-decoration:none; color: #ffffff !important; } .newsLandingHeader #breadcrumb .extraLinks li a:focus{ /*outline: #ffffff solid 2px !important;*/ } .newsLandingHeader #breadcrumb .extraLinks li:first-child a{ padding-left:24px; border: 1px solid rgb(9,44,116); } .newsLandingHeader #breadcrumb .extraLinks li:last-child a{ padding-right:24px; border: 1px solid rgb(9,44,116); } .newsLandingHeader #breadcrumb{ padding-left:15px; padding-right:15px; } .newsLandingHeader #breadcrumb .separator{ margin: 0 3px; } .newsLandingHeader #breadcrumb span{ margin: 0; font-weight:400; } .newsLandingHeader #breadcrumb span:last-child span{ font-weight: 700; } .newsLandingHeader #breadcrumb .extraLinks ul li a{ font-size: 14px !important; } .newsLandingHeader h1{ /*font-size: 48px;*/ font-weight: 400; margin-bottom: 30px; } .newsLandingHeader .publishDate{ font-size: 14px; } .newsLandingHeader .featuredImage img{ width: 100%; margin-bottom: 60px; } .newsLandingHeader .featuredText .newsLink:after { content: url(../images/orange_arrow.png); display: inline-block; } .newsLandingHeader .featuredText .newsLink:hover:after, .newsLandingHeader .featuredText .newsLink:focus:after{ content: url(../images/blue_arrow.png); } .newsLandingHeader .featuredText .newsLink .byline{ color:#666666; display:block; } .newsLandingHeader .featuredText .newsLink p{ color:#000000; font-size:14px; line-height:1.6; } .newsLandingHeader .featuredText .newsLink{ margin-bottom: 60px; overflow: hidden; display: block; } .newsLandingHeader .featuredText .newsLink:hover, .newsLandingHeader .featuredText .newsLink:focus{ text-decoration:none; } .newsLandingHeader .featuredText .newsLink:hover h2, .newsLandingHeader .featuredText .newsLink:focus h2{ text-decoration: underline; } .newsLandingHeader .featuredText p{ display:inline; } .newsLandingHeader .featuredText .byline{ color: #666666; font-size: 14px; margin-bottom: 30px; } .newsLandingHeader .featuredText h2{ font-size: 36px; font-weight: 400; line-height: 1; margin-bottom: 30px; } .newsLandingHeader h1, .newsLandingHeader .publishDate{ display:inline-block; } .grid-item { margin-top: 15px; margin-bottom: 15px; } article.newsStory{ background-color: #f1f1ec; overflow:hidden; } article.newsStory p{ color: #000000; } article.newsStory img{ width:100%; } article.newsStory .articleLink:hover, article.newsStory .articleLink:focus{ text-decoration:none; border: 6px solid #fc6719; } article.newsStory .articleLink:hover .date, article.newsStory .articleLink:focus .date{ padding: 0 9px; margin-top: 14px; } article.newsStory .articleLink:hover h2, article.newsStory .articleLink:focus h2{ padding: 0 9px; } article.newsStory .articleLink:hover p, article.newsStory .articleLink:focus p{ padding: 0 9px; } article.newsStory .articleLink:hover img, article.newsStory .articleLink:focus img{ margin-bottom: 6px; padding-top: 6px; margin-top: -12px; margin-left: -6px; margin-right: -6px; width: 104.3%; padding-right: 0; max-width: 106%; } article.newsStory .articleLink:hover .readMore, article.newsStory .articleLink:focus .readMore{ margin-bottom: 14px; margin-left: 9px; } article.newsStory h2{ margin:0; } article.newsStory h2, article.newsStory p{ line-height:1.6; } article.newsStory .articleLink:hover h2, article.newsStory .articleLink:focus h2{ text-decoration:underline; } article.newsStory h2, article.newsStory p, article.newsStory .date{ padding: 0 15px; text-align: left; font-size:16px; } article.newsStory .date { margin-top: 20px; display: inline-block; width: 100%; color: #000000; font-style:italic; } .searchControls .searchControl{ display:inline-block; height:28px; overflow:hidden; background-color: #f1f1ec; margin:0 5px 0 5px; vertical-align:bottom; border: 1px solid rgb(9,44,116); } .searchControls .col-xs-12 .searchControl:last-child{ margin-right: 0; } .searchControls .searchControl.textbox{ width: 300px; position: relative; float:left; } .searchControls .searchControl .sr-only{ bottom:0; } .newsPage .grid-sizer, .newsPage #currentQuery, .newsPage #pageNumber{ display:none; } .newsPage #sortingOrder, .newsPage #blogSearch, .newsPage #categoriesFilter{ background-color:#f1f1ec; border:none; } .newsPage .filterLabel, .newsPage .sortLabel{ background-color: #f1f1ec; position: relative; left: 4px; height: 28px; padding-top: 5px; width: 50px; text-align: left; } .newsPage #submitBlogSearch{ background-image: url(../images/blogSearch.png); background-color: #f1f1ec; width: 25px; padding: 6px; height: 28px; display: inline-block; position: absolute; right: 0; background-position: center; background-repeat: no-repeat; color: transparent; } .newsPage #blogSearch{ width: 90%; height: 28px; position: absolute; left: 0; padding-left: 15px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; } .newsPage #sortingOrder, .newsPage #categoriesFilter{ width: 110px; height:28px; -webkit-appearance:none; } article.newsStory .readMore{ font-size: 13px; padding: 5px 15px; line-height: 1; background-color: #ffffff; color: #000000; margin-bottom: 20px; display: inline-block; float:left; margin-left:15px; border: 1px solid rgb(9,44,116); } article.newsStory .articleLink{ display: block; overflow: hidden; } article.newsStory .readMore:after{ content: url('../images/orange_arrow.png'); margin-left: 12px; } article.newsStory .articleLink:hover .readMore, article.newsStory .articleLink:focus .readMore{ color: #ffffff; text-decoration: none; background-color: #002c73; } .newsPage .grid-item{ margin-top:15px; margin-bottom:15px; } .searchControls{ text-align: right; margin-top:20px; margin-bottom:5px; } .newsPage .grid{ margin-bottom:20px; } .newsPage #loadMore{ font-size: 13px; padding: 5px 15px; line-height: 1; background-color: #f1f1ec; color: #000000; margin-bottom: 20px; display: inline-block; float: left; } .newsPage #loadMore:after{ content: url(../images/orange_arrow.png); margin-left: 12px; } .newsPage #loadMore:hover, .newsPage #loadMore:focus{ background-color:#002c73; color:#ffffff; text-decoration:none; } .newsPage #loadMore:focus{ /*outline: #ffffff solid 2px !important;*/ } /* End News Page */ /* News (Individual) Page */ .caption blockquote{ padding-left:0; padding-right:0; } .caption blockquote p { font-size: 13px; color: #000000; font-style: normal; font-weight: 700; width: 75%; line-height: 1.5; } .newsLink a{ background-color: #f6f7f7; color: #000000; font-size: 13px; display: inline-block; padding: 4px 10px; border: 1px solid rgb(9,44,116); } .newsLink a:before{ content: url(../images/orange_arrow.png); margin-right: 12px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); display: inline-block; -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newsLink a:hover, .newsLink a:focus{ color: #ffffff; background-color: #002c73; text-decoration: none; } .newsContent p{ font-size: 16px; line-height: 28px; } .newsTitle h1{ /*font-size: 36px;*/ margin-bottom:30px; font-weight:400; } .newsHeader .dateSocial{ border-top: 1px solid #92918c; border-bottom: 1px solid #92918c; padding-top:12px; margin-bottom:20px; overflow:hidden; } .news #breadcrumb{ padding-left:15px; padding-right:15px; } .news #breadcrumb .separator{ margin: 0 3px; } .news #breadcrumb span{ margin: 0; } span.heading{ font-size:18px; display:block; margin-bottom:4px; font-weight:700; line-height:1; } .dateCategory{ margin-bottom:12px; } .row.moreLink{ margin-bottom:90px; } .newsPage .row.moreLink{ margin-top:40px; } .newsHeader .row{ background-color:#f1f1ec; } .newsHeader .col-sm-9 img{ width:100%; } .newsHeader #breadcrumb span{ font-weight: 400; } .newsHeader #breadcrumb>span>span>span:last-child span{ font-weight: 700; } .newsContent blockquote{ position: absolute; top: 0; width: 33%; right: -33%; } .newsContent blockquote q{ border-bottom: 1px solid #00adef; display: block; quotes:"“" "”" "‘" "’"; font-style:normal; margin-bottom:15px; padding-bottom:15px; font-size: 24px; line-height: 1.2; } .newsContent blockquote q:before{ content:open-quote; } .newsContent blockquote q:after{ content:close-quote; } .newsContent blockquote p{ color: #002c73; font-style:normal; margin:0; line-height:1.2; } .socialSharing{ height:38px; float: right; margin-bottom:12px; } .socialSharing .st_facebook, .socialSharing .st_twitter{ display: inline-block; width: 38px; } .st_facebook .stButton, .st_twitter .stButton{ margin:0; } .st_facebook{ margin-right:10px; } .socialSharing .stButton .chicklets{ background-color: #000000; background-size: inherit; background-position: center; height: 38px; width: 38px; padding: 0; } .socialSharing .stButton .twitter{ background-image: url(../images/twitter.png); } .socialSharing .stButton .facebook{ background-image: url(../images/facebook.png); } .socialSharing .stButton .twitter:hover,.socialSharing .stButton .twitter:focus{ background-color:#1DA1F2; } .socialSharing .stButton .facebook:hover,.socialSharing .stButton .facebook:focus{ background-color:#4b5998; } .row.captionRow{ background-color:#ffffff; } /* End News (Individual) Page */ /* Content Page */ /*.contentPageContent*/ /* End Content Page */ /* MEDIA QUERIES */ /* MOBILE */ @media screen and (min-width:768px) and (max-width:1024px){ #stamatsMenu li.dropdown .dropdown-menu.subLevel, #stamatsMenu li.dropdown .dropdown-menu.subLevel{ display:none; left:0px; } #stamatsMenu li.dropdown:hover .dropdown-menu, #stamatsMenu li.dropdown:focus .dropdown-menu, #stamatsMenu li.dropdown.open .dropdown-menu{ left:0px; display:block; } .sliderRow .play{ height: 30%; left: 69%; top: 30%; width: 15%; } } @media screen and (max-width:767px){ /*Footer*/ .mainFooter .address, .mainFooter .phone{ border-right: none; margin-bottom:35px; } #stamatsMenu li.dropdown .dropdown-menu{ display:none; } h2 a.slideTitle { line-height: 1.2; font-size: 20px; } .sliderRow .slides li.flex-active-slide .slideContent{ padding:0 50px 0 50px; } footer.mainFooter{ background-image:none; background-color:#092c74; } .footerMenu li{ margin-bottom:15px; width: 50%; display: inline-block; float: left; } footer.mainFooter{ padding: 35px 0 0 0; } .address span, .phone span{ font-size:14px; } .footerMenu{ margin-left:0px; padding-bottom:0px; margin-bottom:0px; } .mainFooter .footerLogo{ text-align:center; margin-bottom:25px; margin-top:35px; } .mainFooter .footerMotto{ text-align:center; margin-bottom:35px; } .mainFooter .copyright{ display:none; } .mainFooter .socialMedia{ position: relative; display: inline-block; width: 100%; margin-left: 15px; margin-right:15px; text-align:center; margin-bottom:65px; } .mainFooter .socialMedia li{ display:inline-block; width: 24%; margin-bottom:0px; } .colorHolder .col-xs-4{ height:12px; } /* End Footer */ /* Header */ .navbar.navbar-default #navbar-top-wrapper{ width:75%; float:left; } .navbar.navbar-default .navbar-header{ width:25%; float:right; } .navbar.navbar-default #navbar{ /*position:absolute; z-index:1000; overflow:hidden; margin-top:-83px;*/ position: relative; z-index: 1000; overflow: hidden; margin-top: 0; } .navbar.navbar-default #navbar .nav.topLevel{ margin-top:0; margin-bottom:0; padding: 0 65px; background-color: #ffffff; } #stamatsMenu .navTopLevel{ padding:0 50px; } #stamatsMenu ul.dropdown-menu li { width: 100%; /* float: left; */ display: inline-block; padding: 0; } #stamatsMenu .navTopLevel li{ position: relative; background: #383c40; list-style-type: none; float: none; width: 100%; margin-bottom: 0; } #stamatsMenu .navTopLevel>li>a{ color: #fff; } #stamatsMenu .navTopLevel li a{ display: block; color: #ddd; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; } #stamatsMenu .navTopLevel li a span{ line-height: 52px; margin: 0; font-size: 15px; } #stamatsMenu li.dropdown:hover .dropdown-menu, #stamatsMenu li.dropdown:focus .dropdown-menu{ display:block; background-color: rgba(9,44,116,0.85); box-shadow:none; text-align:center; margin:0; border-radius:0; position: relative; } #stamatsMenu .caret, #stamatsMenu hr{ display:none; } #stamatsMenu li.dropdown:hover .dropdown-menu.hideMobile, #stamatsMenu li.dropdown:focus .dropdown-menu.hideMobile{ display:none; } #stamatsMenu .navTopLevel li a:hover, #stamatsMenu .navTopLevel li a:focus{ /*background: #54565b; color: #979797;*/ text-decoration: none; } #navbar .container-fluid{ background-color: rgba(0,0,0,0); } #claytonMenu .topLevel li { background: #ffffff; border:none; } #claytonMenu .topLevel li.last{ border-bottom:1px solid #00FFFF; } #claytonMenu .topLevel li a { color: #000000; } #navbar .searchBox { background-color: #ffffff; padding: 0 50px; } #stamatsMenu .navTopLevel li{ background: transparent; border-bottom: 1px solid #00FFFF; } #stamatsMenu .navTopLevel li li { border-bottom:0 } #stamatsMenu .navTopLevel li.last{ border-bottom:none; } #claytonMenu, #navbar .searchBox{ display:block; width:100%; } #claytonMenu{ margin-top:0; } #navbar .searchBox{ margin-top:0; padding-top:10px; } #navbar .searchBox span a.SkinObject{ float:right; } #mobileLogo{ display:block; margin-bottom: 12px; margin-top: 12px; margin-left: 15px; width: 75%; visibility:visible; min-height:65px; max-width: 250px; } #mobileLogo h1{ width:100%; overflow:hidden; } #logo{ display:none; } #stamatsMenu .navTopLevel{ text-align:left; padding-bottom: 20px; padding-top: 20px; } #navbar[aria-expanded=true]>.contentWidth{ background-color:#ffffff; } #navbar[aria-expanded=true] #claytonMenu{ margin-top:0px; } .menuOpen #mobileLogo{ visibility:visible; } .searchInputContainer{ width: 85%; padding-bottom: 10px; margin-top: -10px; float: left; } .searchBox .searchInputContainer input{ padding-left:0; padding-right:0; width:100%; } /* End Header */ /* Home */ .newsEvents a.allLink{ width:100%; } .newsEvents a.allLink.events{ float:left; } .newsEvents .col-xs-12.text-center, .testimonial .col-xs-12.text-center{ text-align:left; } .newsEvents h2, .testimonial h2{ padding-left:0px; bottom:0; } .newsEvents .eventsContainer{ border-top:1px solid #d3d3d2; padding-top:30px; margin-bottom: 15px; } .newsEvents .event{ margin-bottom:30px; } .newsEvents .contentWidth { padding-top:40px; } .callToAction { margin-top:40px; } .callToAction .flipHolder{ margin-bottom:25px; } .callToAction .row{ margin-bottom: 60px; } .callToAction h2{ margin: 40px 0; } .testimonial .testimonialText{ padding: 45px 15px 30px 15px; margin-bottom:45px; } .testimonial .testimonialImage{ padding:0; } .testimonial .testimonialText h3{ font-size:30px; } .testimonial .testimonialText p{ font-size: 18px; line-height: 1.5; } /*.sliderRow .flexslider .flex-direction-nav button{ visibility:hidden; }*/ .sliderRow .slideContent p{ display: none; } .sliderRow .slideContent .slideLink{ display: none; } .sliderRow .slideContent.right, .sliderRow .slideContent.left{ margin:0px; width:100%; padding:0px 15px; } .sliderRow .slideContent h2{ padding:10px 15px 10px 15px; background-color:rgba(206,206,206,0.8); margin-bottom:8px; } .sliderRow .slideContent{ background-color:transparent; bottom:0; top:initial; } .sliderRow .slideContent .tagLine{ position:relative; bottom:0px; margin-bottom:8px; } .sliderRow .play{ height: 25%; left: 45%; top: 12%; width: 13%; } .sliderRow .flexslider{ /* margin: 0 0 40px;*/ margin:0; } .sliderRow .flex-control-nav.flex-control-paging{ display:none; } /* End Home */ /* Interior */ .metaMenuContainer li .contentPane{ margin-bottom: 30px; } .sidebar .currentTab{ width:100%; margin-bottom:20px; padding-bottom: 20px; } .sidebar .currentTab:before{ display:none; } .sidebar button.sideNav-toggle{ border: 0; background-color: transparent; height: 17px; width: 17px; display: inline-block; padding: 0; background-image: url('../images/sidenav-mobile-arrow-2.png'); float: right; margin-top: 2px; margin-right:5px; font-size:30px; } .sidebar .currentTab.menuOpen button.sideNav-toggle{ -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .sidebar .subpageSidebarMenu{ margin-bottom: 0px; padding-bottom: 0px; } .contentPageContent { padding-top:15px; } .interiorContent .interiorTitle{ margin-top:15px; } /* End Interior */ /* Program Detail */ .extraLinksMenu ul li a{ width:100%; } .extraLinksMenu ul li{ width:100%; margin-bottom:4px; } .extraLinksMenu ul{ margin-top: 45px; } .majorWhy blockquote, .caption blockquote{ display:none; } .majorImageRow .sidebar{ padding: 30px 15px 0 15px; } /* End Program Detail */ /* Department Page */ .departmentContent{ padding: 20px 15px 0 15px; border-bottom:none; margin-bottom:0; } .departmentHero .departmentTitle{ font-size:24px; bottom:20px; } #sidebarBreadcrumb{ padding:20px 0; } .departmentNews{ margin-top: 15px; margin-bottom:55px; } .departmentNews .newsItem img{ width:100%; } .departmentNews .newsItem{ margin-bottom:0px; } .departmentNews .newsItem p{ margin-bottom:30px; } .departmentSocial .socialHeading h2{ font-size: 28px; margin-bottom:50px; } .departmentSocial .socialFeed{ border-bottom: 1px solid #ff661b; margin:0 0 30px 0; padding-bottom: 30px; } .departmentSocial .socialScripts{ margin-bottom: -31px; } /* End Department Page */ /* News (Individual) Page */ .newsTitle h1{ margin-top:25px; } .newsContent img{ max-width: 100%; height: auto !important; } .newsContent blockquote{ position: static; width: 100%; display: inline-block; padding:0; margin-bottom:35px; } .row.moreLink{ margin-bottom:45px; } /* End News (Individual) Page */ /* News Page */ .newsPage .newsLandingHeader .featuredImage{ padding:0; } .newsPage .searchControls .searchControl{ width: 165px; } .newsPage .searchControls .searchControl.textbox{ width:300px; max-width:96%; } .newsPage .searchControls .col-xs-12{ padding:0; } .grid .grid-item { padding: 0; } .newsPage #loadMore{ margin-left: auto; margin-right: auto; display: block; position: static; width: 119px; float: none; } .newsPage .newsLandingHeader .publishDate, .newsPage .extraLinks{ display:none; } .newsPage h1{ font-size:18px; margin-bottom:15px; } .newsPage .newsLandingHeader .featuredText h2{ font-size:28px; } .newsPage .newsLandingHeader .featuredImage img{ margin-bottom:35px; } .newsPage .searchControls .col-xs-12 .searchControl:last-child{ margin-right:5px; } /* End News Page */ .majorContent .col-sm-3 .contentPane { margin-top: 0px; } #navbar .searchBox{ height:auto; } } /* DESKTOP */ @media only screen and (min-width : 768px) { #stamatsMenu .dropdown-menu>li>a{ white-space:normal; } #stamatsMenu li a:hover, #stamatsMenu li a:focus, #stamatsMenu li.active a.menuitem{ border-bottom:none; } #navbar>.contentWidth{ text-align:right; } #claytonMenu{ /*padding-right:25px; padding-right: 5px;*/ margin-right: 20px; } #claytonMenu .topLevel li a:hover { border-bottom: none; color:#092c74; text-decoration:underline; } #navbar .searchBox span a.SkinObject{ margin-right:15px; } #navbar .searchBox.expanded input{ /*-webkit-transition: width 1s; -mos-transition: width 1s; -o-transition: width 1s; transition: width 1s;*/ } /*.searchArea.expanded, .searchArea{ overflow:hidden; position:relative; display:inline-block; }*/ .searchArea { /*float:right;*/ /*padding-right:15px; padding-top: 3px; width:70%;*/ } .searchArea.expanded{ overflow:hidden; position:relative; display:inline-block; } .searchArea.expanded .searchBox, .searchArea .searchBox{ /*position:absolute; right:0; border-left:1px solid #000000;*/ } .searchArea.expanded .searchBox{ width:100%; border:none; } .searchArea.expanded input{ width:75%; } .searchArea.expanded .classicSearchContainer, .searchArea .classicSearchContainer{ width:100%; } .searchArea.expanded .searchInputContainer{ width:85%; } .searchArea.expanded #claytonMenu, .searchArea #claytonMenu{ /*margin-right:163px;*/ } .searchArea.expanded #claytonMenu{ text-indent:-10000px; } .searchArea #claytonMenu{ visibility:visible; } .active .slide { display:block; visibility: hidden; transition: left 0.4s ease; width:100%; height:auto; } .active .slide.current { visibility: visible; left: 0; } .active .slide.next { left: 100%; } .active .slide.prev { left: -100%; } .active .slide.next.in-transition, .active .slide.prev.in-transition { visibility:visible; } .carousel.with-slidenav { margin-bottom:5em; } .box-content .description h4.title { text-transform:none; } /* End Header */ /* Footer */ .mainFooter .phone{ padding-top:15px; } .mainFooter .footerLogo{ margin-top:150px; } /* End Footer */ /* Home */ .callToAction .contentWidth{ max-width:1035px; } .callToAction .flipHolder { padding-left: 10px; padding-right: 10px; } .sliderRow .flexslider:hover .flex-direction-nav .flex-prev, .sliderRow .flexslider .flex-direction-nav .flex-prev{ opacity: 1; left: 0px !important; } .sliderRow .flexslider.hover .flex-direction-nav .flex-next, .sliderRow .flexslider .flex-direction-nav .flex-next{ opacity: 1; right: 0px !important; } /* End Home */ /* SideMenu */ .currentTab button.sideNav-toggle{ display:none; } #sideNav{ display:block; } /* End SideMenu */ /* Program Detail */ .majorTestimonial .testimonialArea{ -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; } /* End Program Detail */ /* Department Page */ .departmentNews{ display:flex; /*flex-wrap:wrap;*/ margin-bottom:50px; } .departmentNews .newsItem{ height:100%; margin-bottom:0; } .departmentNews .newsItem .readMore{ position:absolute; bottom:0; } .extraLinksMenu ul li { margin-top: 3px; } /* End Department Page */ .mainFooter .footerMenu li{ padding-right: 15px; display: inline-block; width: 30%; } .mainFooter .footerNav, .mainFooter .addressInfo{ background-color:rgba(0,0,0,0.4); padding-top:15px; padding-bottom:15px; } } @media screen and (min-width:1270px){ .majorTestimonial .col-sm-3{ overflow:hidden; } /*.majorTestimonial .col-sm-3 img{ height:auto; width:100%; }*remove for Admissions 62618*/ } @media screen and (max-width:1023px){ .majorImageRow .sidebar .currentTab{ width:100%; margin-bottom:20px; padding-bottom: 20px; } .majorImageRow .sidebar .currentTab:before{ display:none; } .majorImageRow .sidebar button.sideNav-toggle{ border: 0; background-color: transparent; height: 17px; width: 17px; display: inline-block; padding: 0; background-image: url('../images/large_dot_arrow.png'); float: right; margin-top: 2px; } .majorImageRow .sidebar .currentTab.menuOpen button.sideNav-toggle{ -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .majorImageRow .sidebar .subpageSidebarMenu{ margin-bottom: 25px; padding-bottom: 5px; border-bottom:1px solid #ff661b; } .majorImageRow #sideNav.collapse.in{ display:block; } .majorImageRow #sideNav.collapse{ display:none; } .majorImageRow #sideNav.collapsing{ position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility; } .majorImageRow .sidebar.col-xs-12.col-sm-3{ width:100%; padding: 30px 15px 0 15px; right:0; } .majorImageRow .col-xs-12.col-sm-9{ width:100%; left:0; } .majorImageRow{ background-color:#ffffff; } } @media screen and (max-width:966px) and (min-width:740px){ header .nav>li>a{ position: relative; display: block; padding: 10px 6px; } li.newsEvents-A { margin-right: 15px; } #stamatsMenu .navTopLevel>li>a { min-width: 100px; } .sliderRow .slideContent{ top:40%; } #stamatsMenu .dropdown:hover .dropdown-menu{ padding: 0 28% 0 28%; } } @media screen and (max-width:1170px) and (min-width:768px){ .newsEvents .event .eventInfo{ max-width:100%; } } /* END MEDIA QUERIES */ /* ACCESSIBILITY */ #stamatsMenu .navTopLevel li a:focus{ outline-offset: -2px; } /*#claytonMenu .topLevel li a:focus, a:focus{ text-decoration:underline; color:#092c74; } #claytonMenu .topLevel li a:focus { outline: thin solid; outline-offset: -2px; padding-left: 20px; } button:focus, input:focus { outline:#fff solid 2px !important; }*/ a:focus span{ padding-left:3px; padding-right:3px; } a:focus span.caret { padding-left: 0; padding-right: 0; } #claytonMenu .topLevel li a:focus span, #stamatsMenu .navTopLevel li a:focus span{ padding:0; } .phone .phoneIcon:focus, .address .addressIcon:focus{ /*outline: #ffffff solid 2px !important;*/ } .skip-to-content-link { position: absolute; top: -30em; left: 0; background: var(--white); -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; width: 100%; transition: top 0.3s; text-align: center; padding: .75em } .skip-to-content-link:focus { top: 0; background: var(--white); -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47); } #skipToContent, #skipToFooter{ padding: 6px; position: absolute; top: -40px; left: 0px; color: #000000; background: transparent; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; width:100%; text-align:center; font-size:1.5em; } #skipToContent:focus, #skipToFooter:focus{ position: absolute; left: 0px; top: 0px; background: #fc6719; color:#000; text-decoration:underline; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; } .slider:hover .flex-prev, .slider:hover .flex-next, .flex-prev:focus, .flex-next:focus{ width: 65px; height: 65px; } .sliderRow .flexslider .flex-direction-nav .flex-next:focus, .sliderRow .flexslider .flex-direction-nav .flex-prev:focus{ /*outline: #fc6719 solid 2px !important;*/ opacity:1; } .subpageSidebarMenu>li>a>span{ height:21px; display:inline-block; padding-right:5px; } @media screen and (min-width:768px) and (max-width:980px){ .slider:hover .flex-prev, .slider:hover .flex-next, .flex-prev:focus, .flex-next:focus{ width:50px; height:50px; } } @media screen and (max-width:795px) { li.newsEvents-A { margin-right: 4px; margin-left: 4px;} header .nav>li>a {padding:10px 4px } } @media print { a[href]:after { content:none; } .sliderRow ul.slides li{position: relative !important;margin: 0 !important;opacity: 1!important;} .sliderRow .slides li .slideContent{display:block !important;background-color:rgb(206,206,206) !important;} .newsEvents .col-xs-12.text-center{border:none !important;} figcaption, blockquote, .callToAction, footer, .sidebar .currentTab, .socialMedia, .departmentSocial, .allLink, .searchControls, .newsPage #loadMore, .socialSharing, .row.moreLink, .sliderRow .flex-control-nav.flex-control-paging{display:none !important;} .departmentHero .departmentTitle{background-color:#ffffff !important;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;} .col-sm-12 {width: 100%;} .col-sm-11{width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 { width: 8.33333333%;} .col-sm-pull-12 {right: 100%;} .col-sm-pull-11 {right: 91.66666667%;} .col-sm-pull-10 {right: 83.33333333%;} .col-sm-pull-9 {right: 75%;} .col-sm-pull-8 {right: 66.66666667%;} .col-sm-pull-7 {right: 58.33333333%;} .col-sm-pull-6 {right: 50%;} .col-sm-pull-5 {right: 41.66666667%;} .col-sm-pull-4 {right: 33.33333333%;} .col-sm-pull-3 {right: 25%;} .col-sm-pull-2 {right: 16.66666667%;} .col-sm-pull-1 {right: 8.33333333%;} .col-sm-pull-0 {right: auto;} .col-sm-push-12 {left: 100%;} .col-sm-push-11 {left: 91.66666667%;} .col-sm-push-10 {left: 83.33333333%;} .col-sm-push-9 {left: 75%;} .col-sm-push-8 {left: 66.66666667%;} .col-sm-push-7 {left: 58.33333333%;} .col-sm-push-6 {left: 50%;} .col-sm-push-5 {left: 41.66666667%;} .col-sm-push-4 {left: 33.33333333%;} .col-sm-push-3 {left: 25%;} .col-sm-push-2 {left: 16.66666667%;} .col-sm-push-1 {left: 8.33333333%;} .col-sm-push-0 {left: auto;} .col-sm-offset-12 {margin-left: 100%;} .col-sm-offset-11 {margin-left: 91.66666667%;} .col-sm-offset-10 {margin-left: 83.33333333%;} .col-sm-offset-9 {margin-left: 75%;} .col-sm-offset-8 {margin-left: 66.66666667%;} .col-sm-offset-7 {margin-left: 58.33333333%;} .col-sm-offset-6 {margin-left: 50%;} .col-sm-offset-5 {margin-left: 41.66666667%;} .col-sm-offset-4 {margin-left: 33.33333333%;} .col-sm-offset-3 {margin-left: 25%;} .col-sm-offset-2 {margin-left: 16.66666667%;} .col-sm-offset-1 {margin-left: 8.33333333%;} .col-sm-offset-0 { margin-left: 0%;} .visible-xs {display: none !important;} .hidden-xs {display: block !important;} table.hidden-xs {display: table;} tr.hidden-xs {display: table-row !important;} th.hidden-xs,td.hidden-xs {display: table-cell !important;} .hidden-xs.hidden-print {display: none !important;} .hidden-sm {display: none !important;} .visible-sm {display: block !important;} table.visible-sm {display: table;} tr.visible-sm {display: table-row !important;} th.visible-sm,td.visible-sm {display: table-cell !important;} .collapse {display: inline;height:auto;} } /* Accessibility */ .departmentContact h2{ font-weight: 400; font-size: 36px; line-height: 1; margin: 30px 0; } .socialSharing a{ width: 38px; display: inline-block; background-color: black; height: 40px; } .socialSharing a:first-child{ margin-right:10px; } .socialSharing a.tw-share{ background-image: url(../images/twitter.png); background-repeat: no-repeat; background-position: center; } .socialSharing a.fb-share{ background-image: url(../images/facebook.png); background-repeat: no-repeat; background-position: center; } .socialSharing a.tw-share:focus, .socialSharing a.tw-share:hover{ background-color: #1DA1F2; } .socialSharing a.fb-share:focus, .socialSharing a.fb-share:hover{ background-color: #4b5998; } .socialSharing a.fb-share:focus, .socialSharing a.tw-share:focus{ /*outline: #ffffff solid 2px !important;*/ } .newsPage #loadMore{ border: 1px solid rgb(9,44,116); } .newsPage #loadMore:focus{ /*outline: #fc6719 solid 2px !important;*/ } .searchControls .searchControl button{ border:0; } @media screen and (max-width:991px) and (min-width:768px){ .mainFooter .address span{ width:148px; } } .searchArea.expanded .searchInputContainer input { /*outline: #fc6719 solid 2px;*/ } .newsLandingHeader #breadcrumb nav { display: inline-block; } #Search_Clayton_State_University{ margin-left: 1px; margin-right: 1px; } #Search_Clayton_State_University:focus{ /*outline: #fc6719 solid 2px;*/ } .callToAction .col-xs-12 .row { margin: 0; } @media screen and (max-width:885px) and (min-width:768px){ .searchBox .searchInputContainer input[type="text"]{ width:50px; } } .mainFooter .copyright a { color: #ffffff; } /*ul li, ol li{ font-size:15px; }*/ #content .col-sm-3.pull-left{ clear:left; } /*#content ol li, #content ul li { margin-bottom: 10px; }*/ #content ul.metaMenuContainer li{ margin-bottom:0; display:block; overflow:hidden; margin-left:0 } #content ul.gridMenuContainer li{ margin-bottom:50px; } #content .col-sm-9 ul{ margin-left: 30px; } #content .extraLinks ul li{ margin-bottom:0; } @media (max-width: 980px){ .cookieConsentContainer { bottom: 0px !important; left: 0px !important; width: 100% !important; } } @media(max-width: 767px){ /*h1{ font-size:2rem; margin-top: 20px !important; } h2{ font-size:1.6rem; } h3{ font-size:1.2rem; }*/ body { color:#000; } } @media (min-width: 992px){ .gridMenuContainer .col-md-4:nth-of-type(3n+1){ clear:left; } } @media (max-width: 991px) and (min-width:476px){ .gridMenuContainer .col-md-4:nth-of-type(odd){ clear:left; } } @media(max-width:475px){ .gridMenuContainer li.col-md-4{ width:100%; } } .majorTestimonial .col-xs-12{ min-height:0px; } @media only screen and (min-width:1170px){ #stamatsMenu .dropdown-menu.open{ padding: 25px 30% 30px 30%; } } @media only screen and (max-width:1080px) and (min-width:768px){ .mainFooter .footerMenu li { width: 50%; display: inline-block; float: left; } } .mainFooter .footerLogo img{ width:250px; } .searchControls .customBlogSearch{ padding: 10px 15px 10px 15px; } .searchControls .customBlogSearch.text{ border-right:2px solid #f1f1ec; } @media screen and (max-width:767px){ #stamatsMenu .navTopLevel>li>a{ display:block; padding:15px; color: var(--clsu-laker-blue); background: var(--white); font-size: 1.15rem; min-width: 160px; font-weight:bold; text-decoration:none; } .sidebar .currentTab{ width:100%; margin-bottom:0; padding-bottom: 10px; } .hor-nav > .tabs-link { display:block; width:100%; border:none; } .hor-nav-tabs>li { float: left; } .searchControls .searchControl.textbox{ float:none; } .searchControls .customBlogSearch.text{ border-right:none; border-bottom:2px solid #f1f1ec; } .searchControls .customBlogSearch.text{ margin-bottom:15px; padding-bottom:15px; } .newsEvents .event {margin:0;} /*.flex-direction-nav {display:none;}*/ .slider:hover .flex-prev, .slider:hover .flex-next, .flex-prev:focus, .flex-next:focus{ width:50px; height:50px; } } #content li>.row{ vertical-align:top; margin:0; display:inline-block; width:100%; } #content li>.row>div{ padding:0; } .blueBack { /*background-color: rgb(9,44,116); color: #fff;*/ } #stamatsMenu ul li a:hover{ background-color: var(--white) !important; color: var(--clsu-laker-blue) !important; } .blackBack { background-color: #000 !important; color: #fff !important; } .hiddenSocial { display: none; } .ytp-title-text { display:none; } .ytp-chrome-top ytp-share-button-visible { display:none; } .news-padding { padding-bottom:20px; } .orangeWhite { background-color: #fff !important; color: rgb(255, 102, 0); } .dreams-container { height: 100%; position: relative; } .dreams-text { text-align: center; margin: 0; position: absolute; top: 50%; right: 0%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .alpha strong a{ color:#0B3C9D; } a:link.primaryLinks, a:visited.primaryLinks{ color: #c05131; font-size:19px; font-family: 'Barlow', sans-serif !important; } .primaryLinks:hover{ cursor: pointer; } /*faculty profiles ul style*/ div#exTab2 ul { margin-left: 0; } /*snippet styles*/ /*feature banner*/ .feature-banner-container { position:relative; text-align:center; color:#fff } .feature-banner__overlay { position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); z-index:2; background:rgba(9,44,116,.8); padding:0 0 .1rem; width:100vw } .feature-banner__heading { font-size:2.5rem; font-family:'Barlow'; font-weight:500; text-shadow: 2px 2px 5px #000; } @media (max-width:800px) { .feature-banner__overlay { position:relative; width:100%; background:rgba(9,44,116,1); } } /*portal*/ .active .slide { display:block; visibility: hidden; transition: left 0.4s ease; width:100%; height:auto; } .active .slide.current { visibility: visible; left: 0; } .active .slide.next { left: 100%; } .light-blue { background-color:#badce6; padding:5px 20px; } .dark-gray { background-color: #54565b; padding:10px 20px 20px 20px; } .dark-gray .border-right { border-right: 1px solid #fff; min-height: 210px; } .dark-gray h2 { text-align:center; color:#fff; } .dark-gray h4, .dark-gray li { color:#fff; } .dark-gray h3 { font-size: 1.3em; font-weight: bold; } .dark-gray p, .dark-gray h3, .dark-gray h2 { color: #fff; } .dark-gray a, .dark-gray a:visited, .dark-gray a:active { color:#fff; text-decoration:underline } .dark-gray a:hover, .dark-gray a:focus { color:#fff; text-decoration:none; } .dark-gray .border-left { border-left: 1px solid #fff; min-height: 210px; } .active .slide.prev { left: -100%; } .active .slide.next.in-transition, .active .slide.prev.in-transition { visibility:visible; } .carousel.with-slidenav { margin-bottom:5em; } /*Gray Box*/ .gray-box-1 { background-color: #f0f0f0; color: #54565b; padding: 18px 10px 1px 10px; margin-bottom: 10px; } /*Maroon Note*/ .maroon-note { background-color:#ac283b; color:#fff; font-weight:bold; padding:10px 10px 1px 10px; margin-bottom:10px; } /*Nursing sytles*/ .ICS-dark-blue-box-border { border: 1px solid #e5e4e2; padding: 0; margin: 0 0 15px 0; } .ICS-dark-blue-box { background: #092c74; margin: 0; padding: 0; } .headSpacing { padding: 8px 8px 0 8px; } .ICS-dark-blue-box h2 { background: #092c74; color: #fff; margin: 0; padding: 8px 0 0 8px; font-size: 1.3em; } .Head { display: inline-block; margin-bottom: 6px; } /*HUB styles*/ .csuRed { background-color: #ac283b; color: #fff; } .csuRed h1, .csuRed h2, .csuRed h3, .csuGold h1, .csuGold h2, .csuGold h3, .csuBlue h1, .csuBlue h2, .csuBlue h3 { color: #fff; /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);*/ } .csuGold { background-color: #c59c44; color: #fff; min-height:239px; } .csuBlue { background-color: #092c74; color: #fff !important; } .csuRed a, .csuGold a, .csuBlue a { color:#fff; text-decoration:none; } .csuRed a:hover, .csuGold a:hover, .csuBlue a:hover { color:#fff; text-decoration:underline; } .grayBG { background-color: #f5f5f5; padding-top: 5px; padding-bottom: 5px; margin-bottom: 25px; box-shadow: 0 1px 8px rgba(65, 64, 66, 0.3); } .innerBreath { padding-bottom: 100px; padding-top: 50px; } #csuGameBanner { background-image: url('../images/bannerGaming.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } .mfasection { background: #092c74; padding: 20px 0 30px 0; text-align: center; margin-top: 40px; color:#fff; } .box-content .description h4.title { text-transform:none; } .university-emergency { padding: 10px 20px; background-color: #ac283b; } .university-emergency p, .university-emergency a { color:#fff; font-size:16px; } .university-emergency a { text-decoration:underline; } .university-emergency strong { color: #fff; } #fg-widget-1f04c54219c185852e820eed7:not(.uw-transparent) { background-color: #ffffff !important; border: 1px solid #e5e4e2; } .uw-showbranding .uw-w-branding { display: none !important; } .btn-coolGray { margin:20px auto; width:50%; text-align:center; background-color:#54565b; color:#fff; padding:10px; font-size:17px; } .btn-coolGray a { color:#fff; text-decoration:none; font-weight:bold; } .btn-coolGray a:hover { color:#fff; text-decoration:underline; } /*laker connection new*/ .cover-image-v12-i1 { background: url('../images/blue-title.jpg') 0% 40% / cover no-repeat; position: relative; width: 100%; height: 325px; } .cover-image-fall2020 { background: url(../images/cover-image-fall-2020.jpg) 40% 40% / cover no-repeat; position: relative; width: 100%; height:400px; } .cover-story-text { position: absolute; background-color: #092c74; top: 4px; right: 4px; color: #fff; padding: 10px; max-width: 360px; height:316px; } .cover-story-text-fall-2020 { position: absolute; background-color: #092c74; top: 0px; right: 4px; color: #fff; padding: 10px; padding-left:15px; max-width: 340px; height:350px; } /*Tim Added 11-3-20-alternate to home page*/ .cover-image-alt{ background: url(../images/cover-image-fall-2020-banner.jpg) 50% 50% / cover no-repeat; position: relative; width: 100%; height:475px; } .cover-image-alt-1 { background: url(../images/fall-2020-cover-image.jpg) 50% 50% / cover no-repeat; position: relative; width: 100%; height:475px; } .cover-text { position:absolute; bottom:0; } .cover-story-text-alt{ position: absolute; top: 324px; left: 251px; color: #ffffff; padding: 10px; height: 350px; } .cover-story-text-fall-2020 h2 { font-weight: lighter; color: #fff; font-size: 1.6rem; } .cover-story-text h2 { font-weight: lighter; color: #fff; font-size: 1.6rem; } .top-feature-box { background-color: #CDC3A7; border: 10px solid #CDC3A7; margin-bottom: 30px; min-height: 725px; } .top-feature-box .text { padding: 20px 0px; } .top-feature-box h4 { line-height: 25px; } .top-feature-box p.read-button { float: left; border: 1px solid #777; padding: 1px 5px; background-color: #eee; position: absolute; right: 25px; bottom: 20px; } p.read-more-button { background-color: #fff; padding: 5px; position: absolute; } p.read-button a:focus { background-color: #092c74; color: #fff; outline: 0; padding: 1px 5px; } .bottom-feature-box, .bottom-feature-box-first { background-color: #CDC3A7; border: 10px solid #CDC3A7; margin-bottom: 15px; min-height: 500px; } ul.nav.nav-pills.nav-justified { background-color: #092c74; margin-left: 0px !important; margin: 40px 0; } ul.nav.nav-pills.nav-justified li { font-size: 16px; font-weight: bolder; padding: 0px 0px; } ul.nav.nav-pills.nav-justified li a { color: white; border-radius: 0; } ul.nav.nav-pills.nav-justified li a:hover { color: white; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #54565b; color:#fff; } h1.hide-in-mobile { margin-top: 40px; padding-bottom: 10px; color:#092c74; } .profile-box { background-color: #CDC3A7; border: 10px solid #CDC3A7; margin-bottom: 15px; min-height: 510px; } .bottom-feature-box p.read-button, .profile-box p.read-button { float: left; border: 1px solid #777; padding: 1px 5px; background-color: #eee; position: absolute; right: 25px; bottom: 10px; } div.boxSide { background-color: #eeeeee; border: 10px solid #eeeeee; margin-bottom: 30px; } h4.featurehead { font-size: .80rem; } @font-face{font-family:'social-share-kit';src:url('../fonts/social-share-kit.eot');src:url('../fonts/social-share-kit.eot#iefix') format('embedded-opentype'),url('../fonts/social-share-kit.woff') format('woff'),url('../fonts/social-share-kit.ttf') format('truetype'),url('../fonts/social-share-kit.svg#social-share-kit') format('svg');font-weight:normal;font-style:normal} .ssk:before{display:inline-block;font-family:"social-share-kit" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .ssk { background-color: #757575; color: white; display: inline-block; font-size: 22px; line-height: 1px; margin-right: 2px; margin-bottom: 2px; padding: 7px; text-align: center; text-decoration: none; transition: background-color .1s; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -ms-transition: background-color .1s; -o-transition: background-color .1s; } .ssk-facebook:before { content: "a"; text-indent: 4px; margin-right: -4px; } .ssk-facebook { background-color: #255c95; } .ssk-twitter:before { content: "b"; } .ssk-twitter { background-color: #00b4e0; } .ssk-email:before { content: "d"; } .ssk-email { background-color: #757575; } .ssk:before { display: inline-block; font-family: "social-share-kit" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ssk:before, .ssk .glyphicon, .ssk .fa { position: relative; font-size: 22px; top: 0; vertical-align: middle; } .ssk-linkedin:before { content: "g"; } .ssk-linkedin { background-color: #1c87bd; } .ssk-group.ssk-grayscale { float: right; padding-top: 5px; } .ssk-group.ssk-grayscale a { color: #fff; } @media only screen and (max-width:768px) { .dark-gray .border-right { border-right: 0; } .dark-gray .border-left { border-left: 0; } } @media only screen and (max-width: 900px) { .cover-story-text-alt{ position: absolute; top: 324px; left: 0; color: #ffffff; padding: 10px; height: 350px; } } /*custom search*/ /*Google CSS Overrides*/ form.gsc-search-box, td.gsc-search-button, form.gsc-search-box, table.gsc-search-box td.gsc-input { padding: 0 !important; } .gsc-search-button { display: inline-block !important } input#gsc-i-id1 { background: none !important; text-indent: unset !important; height: 2em !important; padding-left:5px !important; } .gsc-input-box {height:34px !important;border:1px solid #54565b !important;} .gsib_a {padding:0 !important;} .gsib_b {display:none !important;} /*.cse .gsc-search-button-v2, .gsc-search-button-v2 { display: inline-block !important; margin-left:0 !important; margin-top:0 !important; padding: 4.2em !important; }*/ .cse input.gsc-input, input.gsc-input { border: none !important; text-indent: unset !important; } .gsc-search-button-v2 svg { width:15px !important; height:15px !important; fill:#fff !important; color:#fff; background-color:#092c74 !important; } .gsc-search-button { width: auto } td.gsc-clear-button { display: none !important; } .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: .7em .9em; border: none; font-size: 1.1em; background: var(--clsu-laker-blue) !important; } .cse input.gsc-search-button, input.gsc-search-button { font-size: 15px; color: #fff; font-weight: 400; padding: 0 8px; height: 36px; min-width: 54px; background: #54565b; border: 1px solid #54565b; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /*Custom search*/ .search-mobile {display:none;} header .search { display: block; position:absolute; right:0; /*width: 0px; height: 0px;*/ background-color:#fff; /*transition: width 0.5s ease;*/ } header.search-open .search { display: block; height: 5.5vh; position: absolute; top: 0; right: .3em; z-index: 1; width: 34vw; /*transition: width 0.5s ease;*/ } header .search input#dskSearch { float: left; width: 23.2em; height: 3.1em } label, .fa { top:2px; } header.search-open .mainHead .searchArea .search-toggle span.fa-search::before { content: "\f00d"; padding:2px; height:0; width:0; } header.search-open .mainHead .searchArea .search-toggle { display:block; /*height:0;*/ width:0; /*transition: width 0.5s ease;*/ } #navbar .searchArea .search-toggle { display: block; float: left; width: 100%; padding: .7em .9em; color: #fff; font-size: 1.1em; cursor: pointer; z-index: 2; position: relative; background:#54565b; border: none; } /*#navbar .searchArea .search-toggle:focus { border:3px outset #000; }*/ @media only screen and (max-width:767px) { header .search-mobile { display: block; float:left; width: 100%; background-color:#fff; border: 1px solid #dddddc; margin:20px 0 35px 0; } #navbar .searchArea .search-toggle, header .search { display:none } #navbar .searchArea { width:100% } .search-mobile input { width:90% !important; height:3.2em !important } .searchBox .collapse { display:block } #___gcse_1 { height: 36px; } input#gsc-i-id2 { background: none !important; text-indent: unset !important; } } /*font awesome all*/ /*! * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"} .fa-cogs:before{content:"\f085"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dot-circle:before{content:"\f192"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"} .fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-paragraph:before{content:"\f1dd"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-print:before{content:"\f02f"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-rebel:before{content:"\f1d0"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-road:before{content:"\f018"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"} .fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900} /*university carousel*/ .box-content { width:100%; overflow:hidden; position:relative; } .box-content .description { font-size: 1em; padding: 0.75em 1.5em; height: auto; /*max-height: 140px;*/ position: absolute; width: 65%; bottom: 25px; left: 19%; background-color: rgba(255,255,255,0.9); color: #000; } .box-content .description p.cta { font-size: 1em; margin-bottom: 10px; color:#000; } /*Graduation Banner*/ .box-content .descriptionGrad { font-size:1.3em; padding:0.75em 1.5em; height:auto; position:absolute; width:53%; top:40%; left:23%; text-align:center; } .box-content .descriptionGrad p.cta { font-size:1.2em; margin-bottom:10px; color:#fff; font-family:Lato; } .box-content .descriptionGrad a { color:#fff; font-family:Lato; } .box-content .descriptionGrad h4.title { font-size:2.3em; } /*End Graduation Banner*/ .box-content .description h2.title { font-size: 1.5em; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; margin-top: 0; } .box-content .description h2.title a:focus { outline: 5px auto #000; outline-offset: 3px; } .carousel, .slide { padding:0; margin: 0; } .carousel { position: relative; } .carousel ul { margin:0; padding: 0; } .slide { margin-bottom:1em; } .carousel .controls button { background-color: #616062; color: transparent; text-shadow: none; background-image: url(../images/slider_arrow.png); background-position: center; background-size: cover; border: 0; display: block; } .flex-next:hover, .flex-next:focus { padding-left: 15px; } .flex-prev:hover, .flex-prev:focus { padding-right: 15px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .carousel .controls button.flex-next { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .controls button { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .carousel.active { overflow:hidden; } .active .slide { border: none; display: none; position:absolute; top:0; left:0; z-index:200; } .slide.current { width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2; } .flex-nav-prev button:hover, .flex-nav-prev button:focus, .flex-nav-next button:hover, .flex-nav-next button:focus { width: 65px; height: 65px; outline: 5px auto #000; outline-offset: -6px; } .carousel.with-slidenav { padding-bottom: 3.4em; background-color: #dddddc; } .slidenav { position: absolute; bottom:.8em; left: 0; right: 0; text-align: center; } .slidenav li { display:inline-block; margin: 0 .5em; } .slidenav button { border: 0; background-color: #036; line-height: 1em; height: 1.5em; width:auto; font-weight: bold; color: #fff; } .slidenav button.current { border-radius: 0; color: #000000; background-color: #fc6719; } .slidenav button:hover, .slidenav button:focus { outline: 5px auto #000; outline-offset: 4px; } .slidenav button.current:hover, .slidenav button.current:focus { outline: 5px auto #000; outline-offset: 4px; } @media only screen and (max-width: 1024px) { .carousel .description { /*max-height: 121px;*/ width: 76%; bottom: 0; left: 12%; font-size: 1.2em; } } .carousel:hover .controls.flex-prev, .carousel .controls .flex-prev { opacity: 1; left: 0px !important; } .carousel:hover .controls .flex-next, .carousel .controls .flex-next { opacity: 1; right: 0px !important; } .carousel:focus .controls.flex-next:focus { padding-left:15px; padding-right:15px; } @media only screen and (max-width: 768px) { .box-content .description h4.title { font-size:1em; margin-bottom:10px; } .mobile { display:none; } .box-content .descriptionGrad { font-size: 1em; padding: 0.75em 1.5em; height: auto; position: absolute; width: 100%; top: 10%; left: 0; text-align: center; } } /*featherlight*/ /** * Featherlight – ultra slim jQuery lightbox * Version 1.5.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /*flexslider*/ /* * jQuery FlexSlider v2.6.3 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('../404-file-not-found.html'); src: url('../404-file-not-found.html#iefix') format('embedded-opentype'), url('../404-file-not-found.html') format('woff'), url('../404-file-not-found.html') format('truetype'), url('../404-file-not-found.html#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 80px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { height: 0; } .flex-direction-nav button { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev, .flex-prev:focus{ opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover, .flex-prev:focus { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next, .flex-next:focus { opacity: 1; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover, .flex-next:focus { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -70px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0px; } .flex-direction-nav .flex-next { opacity: 1; right: 0px; } } @media screen and (max-width:768px){ .flex-direction-nav button { top: 50%; } } /*cims bootstrap*/ .heroHeadingBox { font-size: 1.5vw; font-style: normal; font-weight: 400; text-shadow: 2px 2px 5px #000; margin-bottom: 10px; color: #fff; padding: 10px; } .heroContainerBox .heroCenteredBox { position: absolute; top: 30%; left: 74%; background: rgba(9,44,128,.5); } .homepageFeed { overflow: hidden; font-size: 14px; padding-bottom: 15px; } .homepageFeed-date { font-weight: bold; padding-left: 0; padding-right: 0; } .secnavbar { position:relative;min-height:auto;margin-bottom:0;border:none } @media (max-width:1000px) { .heroContainerBox .heroCenteredBox { position: relative; top: 0; left: 0; background:#092c74; } h2.heroHeadingBox { margin:0; font-size:1.3em; } } @media (min-width:768px){ .secnavbar{border-radius:4px} } @media (min-width:768px){ .secnavbar-header{float:left} } .secnavbar-collapse{ padding-right:15px; padding-left:15px; overflow-x:visible; -webkit-overflow-scrolling:touch; border-top:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); } .secnavbar-collapse.in{ overflow-y:auto } @media (min-width:768px){ .secnavbar-collapse{ width:auto; border-top:0; -webkit-box-shadow:none; box-shadow:none } .secnavbar-collapse.collapse{ display:block!important; height:auto!important; padding-bottom:0; overflow:visible!important } .secnavbar-collapse.in{ overflow-y:visible } .secnavbar-fixed-bottom .secnavbar-collapse,.secnavbar-fixed-top .secnavbar-collapse,.secnavbar-static-top .secnavbar-collapse{ padding-right:0; padding-left:0 } } .secnavbar-fixed-bottom .secnavbar-collapse,.secnavbar-fixed-top .secnavbar-collapse{ max-height:340px } @media (max-device-width:480px) and (orientation:landscape){ .secnavbar-fixed-bottom .secnavbar-collapse,.secnavbar-fixed-top .secnavbar-collapse{ max-height:200px } } .container-fluid>.secnavbar-collapse,.container-fluid>.secnavbar-header,.container>.secnavbar-collapse,.container>.secnavbar-header{ margin-right:-15px; margin-left:-15px } @media (min-width:768px){ .container-fluid>.secnavbar-collapse,.container-fluid>.secnavbar-header,.container>.secnavbar-collapse,.container>.secnavbar-header{ margin-right:0; margin-left:0 } } .secnavbar-static-top{ z-index:1000; border-width:0 0 1px } @media (min-width:768px){ .secnavbar-static-top{ border-radius:0 } } .secnavbar-fixed-bottom,.secnavbar-fixed-top{ position:fixed; right:0; left:0; z-index:1030 } @media (min-width:768px) { .secnavbar-fixed-bottom,.secnavbar-fixed-top{ border-radius:0 } } .secnavbar-fixed-top{ top:0; border-width:0 0 1px } .secnavbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.secnavbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.secnavbar-brand:focus,.secnavbar-brand:hover{text-decoration:none}.secnavbar-brand>img{display:block}@media (min-width:768px){.secnavbar>.container .secnavbar-brand,.secnavbar>.container-fluid .secnavbar-brand{margin-left:-15px}}.secnavbar-toggle:focus{outline:0}.secnavbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.secnavbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.secnavbar-toggle{display:none}}.secnavbar-nav{margin:7.5px -15px}.secnavbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.secnavbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.secnavbar-nav .open .dropdown-menu .dropdown-header,.secnavbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.secnavbar-nav .open .dropdown-menu>li>a{line-height:20px}.secnavbar-nav .open .dropdown-menu>li>a:focus,.secnavbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.secnavbar-nav{float:left;margin:0}.secnavbar-nav>li{float:left}.secnavbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.secnavbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.secnavbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.secnavbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.secnavbar-form .form-control-static{display:inline-block}.secnavbar-form .input-group{display:inline-table;vertical-align:middle}.secnavbar-form .input-group .form-control,.secnavbar-form .input-group .input-group-addon,.secnavbar-form .input-group .input-group-btn{width:auto}.secnavbar-form .input-group>.form-control{width:100%}.secnavbar-form .control-label{margin-bottom:0;vertical-align:middle}.secnavbar-form .checkbox,.secnavbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.secnavbar-form .checkbox label,.secnavbar-form .radio label{padding-left:0}.secnavbar-form .checkbox input[type=checkbox],.secnavbar-form .radio input[type=radio]{position:relative;margin-left:0}.secnavbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.secnavbar-form .form-group{margin-bottom:5px}.secnavbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.secnavbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.secnavbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.secnavbar-fixed-bottom .secnavbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.secnavbar-btn{margin-top:8px;margin-bottom:8px}.secnavbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.secnavbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.secnavbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.secnavbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.secnavbar-left{float:left!important}.secnavbar-right{float:right!important;margin-right:-15px}.secnavbar-right~.secnavbar-right{margin-right:0}}.secnavbar-default{background-color:#fff;}.secnavbar-default .secnavbar-brand{color:#777}.secnavbar-default .secnavbar-brand:focus,.secnavbar-default .secnavbar-brand:hover{color:#5e5e5e;background-color:transparent}.secnavbar-default .secnavbar-text{color:#777}.secnavbar-default .secnavbar-nav>li>a{color:#777}.secnavbar-default .secnavbar-nav>li>a:focus,.secnavbar-default .secnavbar-nav>li>a:hover{color:#333;background-color:transparent}.secnavbar-default .secnavbar-nav>.active>a,.secnavbar-default .secnavbar-nav>.active>a:focus,.secnavbar-default .secnavbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.secnavbar-default .secnavbar-nav>.disabled>a,.secnavbar-default .secnavbar-nav>.disabled>a:focus,.secnavbar-default .secnavbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.secnavbar-default .secnavbar-toggle{border-color:#ddd}.secnavbar-default .secnavbar-toggle:focus,.secnavbar-default .secnavbar-toggle:hover{background-color:#ddd}.secnavbar-default .secnavbar-toggle .icon-bar{background-color:#888}.secnavbar-default .secnavbar-collapse,.secnavbar-default .secnavbar-form{border-color:#e7e7e7;padding:0}.secnavbar-default .secnavbar-nav>.open>a,.secnavbar-default .secnavbar-nav>.open>a:focus,.secnavbar-default .secnavbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.secnavbar-default .secnavbar-nav .open .dropdown-menu>li>a{color:#777}.secnavbar-default .secnavbar-nav .open .dropdown-menu>li>a:focus,.secnavbar-default .secnavbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.secnavbar-default .secnavbar-nav .open .dropdown-menu>.active>a,.secnavbar-default .secnavbar-nav .open .dropdown-menu>.active>a:focus,.secnavbar-default .secnavbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.secnavbar-default .secnavbar-nav .open .dropdown-menu>.disabled>a,.secnavbar-default .secnavbar-nav .open .dropdown-menu>.disabled>a:focus,.secnavbar-default .secnavbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.secnavbar-default .secnavbar-link{color:#777}.secnavbar-default .secnavbar-link:hover{color:#333}.secnavbar-default .btn-link{color:#777}.secnavbar-default .btn-link:focus,.secnavbar-default .btn-link:hover{color:#333}.secnavbar-default .btn-link[disabled]:focus,.secnavbar-default .btn-link[disabled]:hover,fieldset[disabled] .secnavbar-default .btn-link:focus,fieldset[disabled] .secnavbar-default .btn-link:hover{color:#ccc}.secnavbar-inverse{background-color:#222;border-color:#080808}.secnavbar-inverse .secnavbar-brand{color:#9d9d9d}.secnavbar-inverse .secnavbar-brand:focus,.secnavbar-inverse .secnavbar-brand:hover{color:#fff;background-color:transparent}.secnavbar-inverse .secnavbar-text{color:#9d9d9d}.secnavbar-inverse .secnavbar-nav>li>a{color:#9d9d9d}.secnavbar-inverse .secnavbar-nav>li>a:focus,.secnavbar-inverse .secnavbar-nav>li>a:hover{color:#fff;background-color:transparent}.secnavbar-inverse .secnavbar-nav>.active>a,.secnavbar-inverse .secnavbar-nav>.active>a:focus,.secnavbar-inverse .secnavbar-nav>.active>a:hover{color:#fff;background-color:#080808}.secnavbar-inverse .secnavbar-nav>.disabled>a,.secnavbar-inverse .secnavbar-nav>.disabled>a:focus,.secnavbar-inverse .secnavbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.secnavbar-inverse .secnavbar-toggle{border-color:#333}.secnavbar-inverse .secnavbar-toggle:focus,.secnavbar-inverse .secnavbar-toggle:hover{background-color:#333}.secnavbar-inverse .secnavbar-toggle .icon-bar{background-color:#fff}.secnavbar-inverse .secnavbar-collapse,.secnavbar-inverse .secnavbar-form{border-color:#101010}.secnavbar-inverse .secnavbar-nav>.open>a,.secnavbar-inverse .secnavbar-nav>.open>a:focus,.secnavbar-inverse .secnavbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.secnavbar-inverse .secnavbar-nav .open .dropdown-menu .divider{background-color:#080808}.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>li>a{color:#9d9d9d} .secnavbar-inverse .secnavbar-nav .open .dropdown-menu>li>a:focus,.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.active>a,.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.active>a:focus,.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.disabled>a,.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.disabled>a:focus,.secnavbar-inverse .secnavbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.secnavbar-inverse .secnavbar-link{color:#9d9d9d}.secnavbar-inverse .secnavbar-link:hover{color:#fff}.secnavbar-inverse .btn-link{color:#9d9d9d}.secnavbar-inverse .btn-link:focus,.secnavbar-inverse .btn-link:hover{color:#fff}.secnavbar-inverse .btn-link[disabled]:focus,.secnavbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .secnavbar-inverse .btn-link:focus,fieldset[disabled] .secnavbar-inverse .btn-link:hover{color:#444} /*accessibility fixes*/ @media screen and (max-width:767px){ #secnavbar-top-wrapper { float:left; width:80%; } .secnavbar-default .secnavbar-toggle { border-color: var(--clsu-dark-gray); background: var(--clsu-dark-gray) } .secnavbar-toggle { background-color:#54565b; border-radius:none; } .secnavbar-toggle { position: relative; padding: 1em; margin-top: 0px; margin-right: 15px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; margin-top: .4em; } .secnavbar-default .secnavbar-toggle .icon-bar { background-color: #fff; } .secnavbar-toggle .icon-bar { border-radius:0; } .secnavbar-default .secnavbar-toggle:hover, .secnavbar-default .secnavbar-toggle:focus { background-color:#000000; } .secnavbar-default .secnavbar-toggle .icon-bar:focus { background-color:#000; } .secnavbar-default{ background-color: var(--clsu-laker-blue); padding:0; } } /*home styles*/ #universityAnnouncement {margin-top: 8.35em;position:relative;z-index:1;background-color: /*#9cdbd9;*/#f7d78b} #universityAnnouncement p {color: #000; font-weight: bold; font-size: 1.4em; padding: 15px; margin: 0;} .wrapper{width:100%;height:100vh;/*height:73vh;*/overflow:hidden;position:relative;z-index:0;/*top: -8.5em;*/} .wrapper .wrapper__video{object-fit:cover;width:100%;height:100%;position:absolute;top:130px;} .wrapper .logo-wrapper{position:absolute;background-color:#000;color:#fff;top:0;left:0;z-index:1} .wrapper .cta-wrapper{position:absolute;bottom:0;left:0;z-index:1;width:100%}/*header{position:absolute;top:0;z-index:2;width:100%}*/ .video-pause{position:absolute;bottom:95px;padding:10px 5px 10px 10px;right:0} #myBtn{font-size:18px;padding:10px 15px;border:none;background:rgba(255,255,255,.7);color:#092c74;cursor:pointer;transition:all .5s ease-in-out} #myBtn:hover{background:#ddd;color:#000;transform:scale(1.1);border:1px solid #000} .mobile-bg{display:none} .cta-items{background-color:#c05131;padding:20px} .cta-items p{text-align:center;margin:0;font-size:1em} .cta-items a{color:#fff!important} .cta-items:hover{background-color:#092c74} .newsEvents .event .date{background-color:#c05131} .newsEvents .date .day,.newsEvents .date .day a,.newsEvents .date .month,.newsEvents .date .month a{color:#fff} .numbers{font-size:30px;padding-top:25px;} .inner{background-color: #fff;padding:2px;padding-top:1px;filter: drop-shadow(0rem 0rem 0.2rem rgba(0, 0, 0, 0.2));} .inner p{padding-left:25px;padding-right:25px;} .expand{padding-bottom:45px;} .leftside .date .month, .leftside .date .month a {display: block;font-size: 16px;font-weight: 700;color: #fff;} .leftside .date .day, .leftside .date .day a {font-size: 19px;font-weight: 700;color: #fff;} .left-side .date {text-align: center;padding-top: 2px;color: #fff;font-weight: 700;} .right-side p {padding: 10px 0 0 0;} .right-side a {font-weight: normal;} h3.find{color:#c05131;margin:0px;margin-bottom:0px;font-size:46px;font-weight:bolder;padding-bottom:10px;padding:15px;padding-top:5px;} .paddingTop50 {padding-top:50px;} .bglightGray {background-color:#f7f7f7;} .marginBottom25 {margin-bottom:25px;} .paddingBottom50 {padding-bottom:50px;} .storyDesc {position: relative;min-height: 505px;} .readMore {position: absolute;bottom: 0;left: 0;} p.sub{color:#092c74;margin-bottom:10px;font-size:24px;margin-top:0px;padding-top:0px;padding-left:15px;} .sub-para{padding-left:15px;} .red-brown-color{color:#c05131;font-size:35px;} .blue-color{color:#092c74;font-size:35px;} .red-brown-back{background-color:#c05131;color:#fff;} h3.find.red-brown-back{color:#fff;} .red.btn.btn-primary{color:#c05131;background-color:#fff;border: 1px solid #c05131;padding-left:15px;} .red.btn.btn-primary:hover{color:#fff;background-color:#c05131;} .highlight-background{height:300px;margin-top:100px;margin-bottom:125px;text-align:center;} .highlight-background h2{filter: drop-shadow(0.05rem 0.05rem 0.05rem rgba(0, 0, 0, 0.5));} .numbers{font-size:40px;color:#092c74;margin-bottom:25px;} .white-text{color:#fff;} .img1{display:block;height: auto;} .img2 {display:none;} article, a.newslink img{width: 85%;margin-bottom: 60px;margin-right:20px;} /*h3{font-size:20px;font-weight:800;}*/ a.newslink h3{font-size:24px;} .passion{background-color: #f7f7f7;} .newsEvents {background-color: #c05131;color:#fff;padding: 15px;font-size: 18px;font-weight:bold;margin-bottom: 15px;} .newsDescription {padding: 15px;font-size: 18px;background: #dbdfe5;margin-bottom: 15px;} .left-side{background-color: #c05131;padding:20px;} .left-side>h3{color:#fff;} .right-side{background-color: #fff;min-height:90px;} .row-margin{margin-bottom:20px;min-height:100px;} .passion-box{padding-top:50px;margin-bottom:25px;background-color: #f7f7f7;} .topMargin{margin-top:100px;} .spotMargin{margin-top:50px;margin-bottom:50px;padding-top:25px;padding-bottom:25px;} .nudge{margin-left:30px;} .blue-background {background:#5b6770;} .pattern-background {background:#fff;background-image: url(https://www.clayton.edu/admissions/images/background-pattern.png);background-repeat: repeat;padding:30px 0;} .row.speEvents {padding: 3rem;background: #fff;background: -webkit-linear-gradient(bottom, #fff, #d7d7d7);background: -moz-linear-gradient(bottom, #fff, #d7d7d7);background: linear-gradient(to top, #fff, #d7d7d7);display: flex;align-items: center;} .speEventsHeading {font-size: 36px;color: #333;} @media (max-width:800px) { .row.speEvents{display:block;padding:2rem 1.2rem} } @media (max-width:750px){ #background-video,#myBtn{display:none} .wrapper{background:url(https://www.clayton.edu/_resources/images/placeholder.jpg) no-repeat;background-size:cover;background-position:center;height:75vh} } @media (max-width:945px){ .video-pause{position:absolute;bottom:200px;padding:10px 5px 10px 10px;right:10px} } @media only screen and (max-width:768px) { .readMore {position:relative;} .passionBox {padding-bottom:50px;} .left-side {padding:28px 0;} .left-side .date {top:15px;}. right-side {padding-bottom:5px;} .row-margin {margin-bottom:20px;min-height:auto;} .left-side>h3{color:#fff;} .expand{padding-bottom:45px;margin-bottom:20px;} .red.btn.btn-primary.apply{margin-left:0px;} .wrapper-img {display: none;} .storyDesc {position: relative;min-height: auto;padding-bottom:40px;} .img2 {display: none;margin-bottom:25px;} .img1{display: none;} .white-text{padding:10px;} } /*special events*/ .special-events-container { margin: 0 auto; max-width: 1300px; width: 100%; padding:0 2em; } .special-events-banner { margin: 4em 0; } .special-events-banner { position: relative; min-height: 100px; padding: 1rem; color: #fff; background: linear-gradient(90deg, #092c74, #fc6d23 ); overflow: hidden; border-radius: 14px; font-family: 'Lato', sans-serif; z-index: 0; display: flex } /* Right-side bullseye overlay using a pseudo-element */ .special-events-banner::after { content: ""; position: absolute; inset: 0 0 0 40%; /* Only render on the right 60% area */ background-repeat: no-repeat; background-position: right center; background-size: min(100%, 1000px) auto; opacity: 0.1; pointer-events: none; /* Inline SVG bullseye via data URL (concentric circles) */ background-image: url("data:image/svg+xml;utf8, \ \ \ \ \ \ \ \ \ \ \ \ \ \ "); } .special-events-banner h2 { font-size: 2.3em; letter-spacing: 0.2px; font-weight:600; margin-top:0 } .special-events-banner h3 { font-size: 1.7em; line-height: 1.3; letter-spacing: 0.2px; font-weight:500 } .special-events-banner p { margin: 0; font-size: 1.3em; opacity: 0.95; } .special-events__box { display: flex; gap: 2em; width: 100%; align-items: center } .special-events__info { flex: 1; padding: 1em } .special-events__cta { margin-left: auto; padding-right: 8.2em; text-align: center } .gradient-border-wrapper { display: flex; align-items: center; justify-content: center; color: #092c74; font-family: 'Barlow'; font-size: 1.3em; cursor: pointer; text-transform: uppercase; font-weight: 500 } .gradient-border { --borderWidth: .2em; background: #fff; position: relative; border-radius: var(--borderWidth); padding: .8em; font-family: 'Barlow' !important; } .gradient-border:after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); background: linear-gradient(120deg, #092C74, #59CBE8, #9CDBD9, #CAC575, #F0B323, #FC6D23, #07b39b, #6fba82); border-radius: calc(2 * var(--borderWidth)); z-index: -1; background-size: 300% 300%; } .gradient-border:hover:after { -webkit-animation: animatedgradient 3s ease alternate infinite; animation: animatedgradient 3s ease alternate infinite; } .gradient-border:hover { font-family: 'Barlow'; color: #000; text-decoration: none; } @-webkit-keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media (max-width:768px) { .special-events__box { flex-direction: column; text-align: center; padding:0 0 2em; gap:1.5em } .special-events__cta { margin-left: 0; padding-right: 0; justify-content: center } .special-events__info { padding:.3em } .special-events-banner::after { content: none } .special-events-banner { background: linear-gradient(180deg, rgba(9, 44, 116, 1) 32%, rgba(252, 109, 35, 1) 100%); } } @media print { *, :after, :before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } select { background: #fff!important } .navbar { display: none } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td, .table th { background-color: #fff!important } .table-bordered td, .table-bordered th { border: 1px solid #ddd!important } }