/* Brand Colors */ /* Additional Colors */ /* Section-based Color Name Aliases */ /* Social Colors */ img, iframe { border: 0; } ::selection { background: rgba(255, 177, 51, 0.5); } /* Mixins */ /* Button Template */ /* Form Input Placeholder Styling */ /* Easily color-customize the bullets on list items */ /* Column structure */ .col-container:after { content: ''; display: block; clear: both; } .col-2 { float: left; width: 49%; margin: 0 1% 0 0; } .col-2:nth-child(even) { float: right; margin: 0; } .col-3 { float: left; width: 32%; margin: 0 1% 0 0; } .col-3:nth-child(3n) { float: right; margin: 0; } .col-2of3 { float: left; width: 65%; margin: 0 1% 0 0; } .col-2of3:last-child { float: right; margin: 0; } .col-4 { float: left; width: 24%; margin: 0 1% 0 0; } .col-4:nth-child(4n) { float: right; margin: 0; } .col-2of4 { float: left; width: 49%; margin: 0 1% 0 0; } .col-2of4:last-child { float: right; margin: 0; } .col-3of4 { float: left; width: 74%; margin: 0 1% 0 0; } .col-3of4:last-child { float: right; margin: 0; } .col-5 { float: left; width: 19%; margin: 0 1% 0 0; } .col-5:nth-child(5n) { float: right; margin: 0; } .last-col { float: right; margin-right: 0; } /* Tables */ table { border-collapse: collapse; } table th, table td { margin: 0; padding: 0.2em; } table thead th { text-align: center; font-weight: bold; cursor: default; } table tbody th { text-align: left; font-weight: bold; cursor: default; } table tbody tr:nth-child(even) th, table tbody tr:nth-child(even) td { background: #eee; } table tbody tr:hover th, table tbody tr:hover td { background: lightYellow !important; } table tbody td .button, table tbody td .button-icon, table tbody td button, table tbody td input[type="button"], table tbody td input[type="reset"], table tbody td input[type="submit"] { display: block; margin: 0 auto 0.2em; } /* Alignment Classes */ .alignleft { float: left; margin: 1.5em 1.5em 1.5em 0; } .alignright { float: right; margin: 1.5em 0 1.5em 1.5em; } img.alignleft, img.alignright { margin-top: 0; } .aligncenter { clear: both; display: block; margin: 1.5em auto; text-align: center; } /* Fonts */ /* @Font-Faces for the font families above: Source Sans Pro [normal, italic, bold, bold italic, light, light italic, semibold, semibold italic] Gotham [normal, italic, bold, bold italic, black, black italic, light, light italic, semibold, semibold italic] Gotham Narrow [normal, italic, bold, bold italic, black, black italic, light, light italic, ultra, ultra italic] */ @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-It.eot); src: local("Source Sans Pro Italic"), local(SourceSansPro-It), url(../fonts/hinted-SourceSansPro-It.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-It.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-It.woff) format("woff"), url(../fonts/hinted-SourceSansPro-It.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-It.svg#SourceSansPro-It) format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-Light.eot); src: local("Source Sans Pro Light"), local(SourceSansPro-Light), url(../fonts/hinted-SourceSansPro-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-Light.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-Light.woff) format("woff"), url(../fonts/hinted-SourceSansPro-Light.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-Light.svg#SourceSansPro-Light) format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-Bold.eot); src: local("Source Sans Pro Bold"), local(SourceSansPro-Bold), url(../fonts/hinted-SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-Bold.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-Bold.woff) format("woff"), url(../fonts/hinted-SourceSansPro-Bold.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-Bold.svg#SourceSansPro-Bold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-Regular.eot); src: local("Source Sans Pro"), local(SourceSansPro-Regular), url(../fonts/hinted-SourceSansPro-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-Regular.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-Regular.woff) format("woff"), url(../fonts/hinted-SourceSansPro-Regular.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-Regular.svg#SourceSansPro-Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-BoldIt.eot); src: local("Source Sans Pro Bold Italic"), local(SourceSansPro-BoldIt), url(../fonts/hinted-SourceSansPro-BoldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-BoldIt.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-BoldIt.woff) format("woff"), url(../fonts/hinted-SourceSansPro-BoldIt.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt) format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-LightIt.eot); src: local("Source Sans Pro Light Italic"), local(SourceSansPro-LightIt), url(../fonts/hinted-SourceSansPro-LightIt.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-LightIt.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-LightIt.woff) format("woff"), url(../fonts/hinted-SourceSansPro-LightIt.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-LightIt.svg#SourceSansPro-LightIt) format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-SemiboldIt.eot); src: local("Source Sans Pro Semibold Italic"), local(SourceSansPro-SemiboldIt), url(../fonts/hinted-SourceSansPro-SemiboldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-SemiboldIt.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-SemiboldIt.woff) format("woff"), url(../fonts/hinted-SourceSansPro-SemiboldIt.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt) format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url(../fonts/hinted-SourceSansPro-Semibold.eot); src: local("Source Sans Pro Semibold"), local(SourceSansPro-Semibold), url(../fonts/hinted-SourceSansPro-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SourceSansPro-Semibold.woff2) format("woff2"), url(../fonts/hinted-SourceSansPro-Semibold.woff) format("woff"), url(../fonts/hinted-SourceSansPro-Semibold.ttf) format("truetype"), url(../fonts/hinted-SourceSansPro-Semibold.svg#SourceSansPro-Semibold) format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-BookItalic.eot); src: local("Gotham Book Italic"), local(Gotham-BookItalic), url(../fonts/hinted-Gotham-BookItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-BookItalic.woff2) format("woff2"), url(../fonts/hinted-Gotham-BookItalic.woff) format("woff"), url(../fonts/hinted-Gotham-BookItalic.ttf) format("truetype"), url(../fonts/hinted-Gotham-BookItalic.svg#Gotham-BookItalic) format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-Black.eot); src: local("Gotham Black"), local(Gotham-Black), url(../fonts/hinted-Gotham-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-Black.woff2) format("woff2"), url(../fonts/hinted-Gotham-Black.woff) format("woff"), url(../fonts/hinted-Gotham-Black.ttf) format("truetype"), url(../fonts/hinted-Gotham-Black.svg#Gotham-Black) format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-Bold.eot); src: local("Gotham Bold"), local(Gotham-Bold), url(../fonts/hinted-Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-Bold.woff2) format("woff2"), url(../fonts/hinted-Gotham-Bold.woff) format("woff"), url(../fonts/hinted-Gotham-Bold.ttf) format("truetype"), url(../fonts/hinted-Gotham-Bold.svg#Gotham-Bold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-Book.eot); src: local("Gotham Book"), local(Gotham-Book), url(../fonts/hinted-Gotham-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-Book.woff2) format("woff2"), url(../fonts/hinted-Gotham-Book.woff) format("woff"), url(../fonts/hinted-Gotham-Book.ttf) format("truetype"), url(../fonts/hinted-Gotham-Book.svg#Gotham-Book) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-MediumItalic.eot); src: local("Gotham Medium Italic"), local(Gotham-MediumItalic), url(../fonts/hinted-Gotham-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-MediumItalic.woff2) format("woff2"), url(../fonts/hinted-Gotham-MediumItalic.woff) format("woff"), url(../fonts/hinted-Gotham-MediumItalic.ttf) format("truetype"), url(../fonts/hinted-Gotham-MediumItalic.svg#Gotham-MediumItalic) format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-LightItalic.eot); src: local("Gotham Light Italic"), local(Gotham-LightItalic), url(../fonts/hinted-Gotham-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-LightItalic.woff2) format("woff2"), url(../fonts/hinted-Gotham-LightItalic.woff) format("woff"), url(../fonts/hinted-Gotham-LightItalic.ttf) format("truetype"), url(../fonts/hinted-Gotham-LightItalic.svg#Gotham-LightItalic) format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-BoldItalic.eot); src: local("Gotham Bold Italic"), local(Gotham-BoldItalic), url(../fonts/hinted-Gotham-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-BoldItalic.woff2) format("woff2"), url(../fonts/hinted-Gotham-BoldItalic.woff) format("woff"), url(../fonts/hinted-Gotham-BoldItalic.ttf) format("truetype"), url(../fonts/hinted-Gotham-BoldItalic.svg#Gotham-BoldItalic) format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-Light.eot); src: local("Gotham Light"), local(Gotham-Light), url(../fonts/hinted-Gotham-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-Light.woff2) format("woff2"), url(../fonts/hinted-Gotham-Light.woff) format("woff"), url(../fonts/hinted-Gotham-Light.ttf) format("truetype"), url(../fonts/hinted-Gotham-Light.svg#Gotham-Light) format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-BlackItalic.eot); src: local("Gotham Black Italic"), local(Gotham-BlackItalic), url(../fonts/hinted-Gotham-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-BlackItalic.woff2) format("woff2"), url(../fonts/hinted-Gotham-BlackItalic.woff) format("woff"), url(../fonts/hinted-Gotham-BlackItalic.ttf) format("truetype"), url(../fonts/hinted-Gotham-BlackItalic.svg#Gotham-BlackItalic) format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham'; src: url(../fonts/hinted-Gotham-Medium.eot); src: local("Gotham Medium"), local(Gotham-Medium), url(../fonts/hinted-Gotham-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-Gotham-Medium.woff2) format("woff2"), url(../fonts/hinted-Gotham-Medium.woff) format("woff"), url(../fonts/hinted-Gotham-Medium.ttf) format("truetype"), url(../fonts/hinted-Gotham-Medium.svg#Gotham-Medium) format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-Black.eot); src: local("Gotham Narrow Black"), local(GothamNarrow-Black), url(../fonts/hinted-GothamNarrow-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-Black.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-Black.woff) format("woff"), url(../fonts/hinted-GothamNarrow-Black.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-Black.svg#GothamNarrow-Black) format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-BlackItalic.eot); src: local("Gotham Narrow Black Italic"), local(GothamNarrow-BlackItalic), url(../fonts/hinted-GothamNarrow-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-BlackItalic.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-BlackItalic.woff) format("woff"), url(../fonts/hinted-GothamNarrow-BlackItalic.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-BlackItalic.svg#GothamNarrow-BlackItalic) format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-BoldItalic.eot); src: local("Gotham Narrow Bold Italic"), local(GothamNarrow-BoldItalic), url(../fonts/hinted-GothamNarrow-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-BoldItalic.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-BoldItalic.woff) format("woff"), url(../fonts/hinted-GothamNarrow-BoldItalic.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-BoldItalic.svg#GothamNarrow-BoldItalic) format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-Light.eot); src: local("Gotham Narrow Light"), local(GothamNarrow-Light), url(../fonts/hinted-GothamNarrow-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-Light.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-Light.woff) format("woff"), url(../fonts/hinted-GothamNarrow-Light.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-Light.svg#GothamNarrow-Light) format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-Medium.eot); src: local("Gotham Narrow Medium"), local(GothamNarrow-Medium), url(../fonts/hinted-GothamNarrow-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-Medium.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-Medium.woff) format("woff"), url(../fonts/hinted-GothamNarrow-Medium.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-Medium.svg#GothamNarrow-Medium) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-Ultra.eot); src: local("Gotham Narrow Ultra"), local(GothamNarrow-Ultra), url(../fonts/hinted-GothamNarrow-Ultra.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-Ultra.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-Ultra.woff) format("woff"), url(../fonts/hinted-GothamNarrow-Ultra.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-Ultra.svg#GothamNarrow-Ultra) format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-Bold.eot); src: local("Gotham Narrow Bold"), local(GothamNarrow-Bold), url(../fonts/hinted-GothamNarrow-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-Bold.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-Bold.woff) format("woff"), url(../fonts/hinted-GothamNarrow-Bold.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-Bold.svg#GothamNarrow-Bold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-UltraItalic.eot); src: local("Gotham Narrow Ultra Italic"), local(GothamNarrow-UltraItalic), url(../fonts/hinted-GothamNarrow-UltraItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-UltraItalic.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-UltraItalic.woff) format("woff"), url(../fonts/hinted-GothamNarrow-UltraItalic.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-UltraItalic.svg#GothamNarrow-UltraItalic) format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-MediumItalic.eot); src: local("Gotham Narrow Medium Italic"), local(GothamNarrow-MediumItalic), url(../fonts/hinted-GothamNarrow-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-MediumItalic.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-MediumItalic.woff) format("woff"), url(../fonts/hinted-GothamNarrow-MediumItalic.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-MediumItalic.svg#GothamNarrow-MediumItalic) format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham Narrow'; src: url(../fonts/hinted-GothamNarrow-LightItalic.eot); src: local("Gotham Narrow Light Italic"), local(GothamNarrow-LightItalic), url(../fonts/hinted-GothamNarrow-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-GothamNarrow-LightItalic.woff2) format("woff2"), url(../fonts/hinted-GothamNarrow-LightItalic.woff) format("woff"), url(../fonts/hinted-GothamNarrow-LightItalic.ttf) format("truetype"), url(../fonts/hinted-GothamNarrow-LightItalic.svg#GothamNarrow-LightItalic) format("svg"); font-weight: 300; font-style: italic; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { body #header #logo { background-image: url(../images/indian-hills-community-college-life-changing8x.png); } body #footer #visiting-info .logo { background-image: url(../images/indian-hills-community-college-white8x.png); } } html, body { margin: 0; font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; background: #371318; -webkit-font-smoothing: antialiased; } #back-to-top { position: fixed; display: block; right: 0; bottom: 5%; width: 2em; height: 2em; line-height: 2em; text-align: center; font-size: 1.4em; color: #fff; background: #371318; background: rgba(55, 19, 24, 0.5); text-decoration: none; border-radius: 0.2em 0 0 0.2em; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 999; backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); } #back-to-top:before { font-family: 'FontAwesome'; display: block; content: '\f077'; } #back-to-top:hover, #back-to-top:focus { color: #fff; background: #9C3442; background: rgba(55, 19, 24, 0.8); } #back-to-top:active { color: #fff; background: #D3334F; background: rgba(156, 52, 66, 0.8); } #back-to-top.animating, #back-to-top:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .mobile-only { display: none !important; } h1, h2, h3, h4, h5, h6, .entry-title { margin: 0.5em 0; font-family: "Gotham Narrow", "Futura", sans-serif; } h1 { margin: 0.5em auto; text-align: left; font-size: 2.5em; font-weight: normal; color: #8A8177; border-bottom: 3px dotted #8A8177; text-transform: uppercase; } h1 strong { font-weight: bold; color: #9C3442; } h2 { font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; font-size: 1.6625em; font-weight: bold; color: #000; text-transform: uppercase; } h2.entry-title { margin-bottom: 0.2em; font-size: 2.4em; text-transform: none; } h2.entry-title a { text-decoration: none; } h3 { font-size: 2em; color: #808080; } h3.cta { font-size: 1.6em; text-align: center; color: #000; text-transform: uppercase; } h3.cta a { text-decoration: none; } h3.cta a:hover, h3.cta a:focus { text-decoration: underline; } h1, h2, h3 { clear: both; } h4 { font-size: 1.333em; font-weight: bold; color: #9C3442; } h5 { font-size: 1.167em; font-weight: bold; color: #000; } h6, span.entry-title { font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; font-size: 1em; font-weight: bold; color: #9C3442; } h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt { color: #6f675f; } strong strong { font-weight: 900; } ul { list-style-type: none; position: relative; margin-left: 40px; padding-left: 0; } ul li:before { content: '\25a0'; /* Square ('/2022' is a bullet) */ position: absolute; left: -14px; color: #9C3442; margin-right: 5px; line-height: 1em; } input, button, textarea, select { font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; font-size: 1em; outline-color: #FFB133; border-radius: 0; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, button, input[type="button"], input[type="reset"], input[type="submit"], body .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 0; padding: 0.2em 0.4em; text-indent: 0; border: 1px solid #C8C9CB; background: #fff; box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.1) inset; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } label { display: inline-block; } label.required:after { content: '*'; display: inline; color: #f00; } body .chosen-container-multi .chosen-choices li.search-field input[type="text"] { background: #fff !important; } .button, .button-secondary, .button-icon, button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { position: relative; display: inline-block; padding: 0.4em 1em; border: 0.2em solid #9C3442; font-weight: bold; text-align: center; line-height: 1em; color: #9C3442; background: none; text-decoration: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); border-radius: 0; cursor: pointer; -webkit-appearance: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .button:hover, .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { top: -1px; color: #FFB133; border-color: #FFB133; background: none; text-decoration: none; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .button:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { top: 0; color: #fff; border-color: #64232B; background: #64232B; text-decoration: none; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .button[disabled], input[disabled], button[disabled], a[disabled] { opacity: 0.6; pointer-events: none; } .button-secondary { position: relative; display: inline-block; padding: 0.4em 1em; border: 0.2em solid #808080; font-weight: bold; text-align: center; line-height: 1em; color: #808080; background: none; text-decoration: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); border-radius: 0; cursor: pointer; -webkit-appearance: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .button-secondary:hover, .button-secondary:focus { top: -1px; color: #FFB133; border-color: #FFB133; background: none; text-decoration: none; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .button-secondary:active { top: 0; color: #fff; border-color: #808080; background: #808080; text-decoration: none; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } input.button-icon, button.button-icon, a.button-icon { font-family: 'FontAwesome'; border: 0; background: none; } input.button-icon:hover, button.button-icon:hover, a.button-icon:hover, input.button-icon:focus, button.button-icon:focus, a.button-icon:focus { top: 0; background: none; box-shadow: none; } input.button-icon:active, button.button-icon:active, a.button-icon:active { top: 0; background: none; box-shadow: none; } .search-icon:before { content: '\f002'; display: inline; } .button-group .button, .button-group button { display: block; float: left; border-left-width: 0.15em; border-right-width: 0.15em; } .button-group .button:first-child, .button-group button:first-child { border-left-width: 0.2em; } .button-group .button:last-child, .button-group button:last-child { border-right-width: 0.2em; } .button-group .button.is-checked, .button-group button.is-checked { top: 0; color: #fff; border-color: #64232B; background: #64232B; text-decoration: none; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; cursor: default; } .button-group:after { content: ''; display: block; clear: both; } input:focus, textarea:focus, select:focus, body .chosen-container-active .chosen-single, body .chosen-container-active .chosen-choices, body .chosen-container-single .chosen-search input[type="text"] { outline: none; border-color: #FFB133; box-shadow: 0 0 0.3em #FFB133; } body .chosen-container-single .chosen-single { border-color: #995f00; color: #000; } body .chosen-container-single .chosen-single div b { background: none !important; } body .chosen-container-single .chosen-single div b:after { font-family: 'FontAwesome'; content: '\f0d7'; display: inline-block; color: #995f00; } body .chosen-container-active.chosen-with-drop .chosen-single div b:after { content: '\f0d8'; color: #aeafb2; } body .chosen-container-multi .chosen-choices { background: #F0EFF0; } body .chosen-container-multi .chosen-choices { padding: 0; } body .chosen-container-multi .chosen-choices li.search-field input[type="text"] { width: 100% !important; } body .chosen-container-multi .chosen-choices li.search-choice { margin-left: 3px; margin-right: 3px; } body .chosen-container-single .chosen-single, body .chosen-container-multi .chosen-choices li.search-choice { color: #000; background-color: #ffd899; background-image: -webkit-linear-gradient(#ffd899, #FFB133); background-image: linear-gradient(#ffd899, #FFB133); background-size: 100% 100%; } body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: none !important; font-size: 1em; } body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { font-family: 'FontAwesome'; content: '\f00d'; display: inline-block; color: #995f00; } body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:after, body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus:after { color: #64232B; } body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:active:after { color: #000; } body .chosen-container .chosen-results li.highlighted { background-color: #9C3442; background-image: -webkit-linear-gradient(#9C3442, #64232B); background-image: linear-gradient(#9C3442, #64232B); } input.use-styled-label { display: none; } label.checkbox:before, span.checkbox:before, label.radio:before, span.radio:before { position: relative; display: inline-block; margin: 0.1em 0.1em 0.2em 0; border: 2px solid #9C3442; width: 1em; height: 1em; line-height: 1em; text-align: center; font-family: 'FontAwesome'; font-size: 1.2em; color: #fff; background: rgba(0, 0, 0, 0.1); vertical-align: middle; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } label.checkbox:hover:before, label:hover span.checkbox:before, label.radio:hover:before, label:hover span.radio:before, label.checkbox:focus:before, label:focus span.checkbox:before, label.radio:focus:before, label:focus span.radio:before { top: -1px; border-color: #D3334F; background-color: #ffd899; background-image: -webkit-linear-gradient(#ffd899, #FFB133); background-image: linear-gradient(#ffd899, #FFB133); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } label.checkbox:active:before, label:active span.checkbox:before, label.radio:active:before, label:active span.radio:before { top: 0px; border-color: #64232B; background-color: #9C3442; background-image: -webkit-linear-gradient(#9C3442, #64232B); background-image: linear-gradient(#9C3442, #64232B); box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3) inset; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } label.checkbox:before, span.checkbox:before { content: ' '; border-radius: 0.3em; } input:checked + label.checkbox:before, input:checked + span.checkbox:before { content: '\f00c'; background-color: #9C3442; background-image: -webkit-linear-gradient(#9C3442, #64232B); background-image: linear-gradient(#9C3442, #64232B); } label.radio:before, span.radio:before { content: ' '; border-radius: 50%; } input:checked + label.radio:before, input:checked + span.radio:before { content: '\f00c'; background-color: #9C3442; background-image: -webkit-linear-gradient(#9C3442, #64232B); background-image: linear-gradient(#9C3442, #64232B); } .parsley-errors-list.filled { margin: 0 0 1em; padding: 0.1em 0.8em; border: 1px solid #c00; color: #fff; background: #900; list-style: none; border-radius: 0.3em; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .parsley-errors-list li { margin: 0.5em 0 !important; background: none !important; text-transform: none !important; } .parsley-errors-list li:before { display: none; } fieldset { border: 1px solid #C8C9CB; background: #F0EFF0; } a { color: #9C3442; text-decoration: underline; } a:hover, a:focus { color: #D3334F; text-decoration: underline; } a:active { color: #64232B; text-decoration: underline; } .continue-link { font-family: "Gotham Narrow", "Futura", sans-serif; font-weight: 900; text-decoration: none; } .continue-link:after { content: '\f054'; font-family: 'FontAwesome'; display: inline-block; margin: 0 0 0 0.1em; color: #FFB133; font-weight: normal; } hr { border: 0; height: 3px; background: #8A8177; } dl dt { margin: 0.5em 0; } dl dd { margin: 0.5em 0 2em; } body .tooltipster-default { font-size: 1em; line-height: 1.3em; border: none; color: #fff; background: #000; background: rgba(0, 0, 0, 0.9); border-radius: 12px; } body .tooltipster-default .tooltipster-content { font-size: 1em; line-height: 1.3em; border-radius: 12px; box-shadow: 0 0.3em 1em rgba(0, 0, 0, 0.4); padding: 0.2em 1em; } body .tooltipster-default .tooltipster-arrow { z-index: 1; border-color: #000; } body .mejs-poster { background-size: cover; } body .mejs-overlay-button { background: none; } body .mejs-overlay-button:after { font-family: 'FontAwesome'; content: '\f16a'; display: inline-block; text-align: center; vertical-align: middle; color: #fff; font-size: 6em; text-shadow: 0 0 0.2em rgba(156, 52, 66, 0.8); opacity: 0.9; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); transform: scale(0.96); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } body .mejs-overlay:hover .mejs-overlay-button:after, body .mejs-overlay:focus .mejs-overlay-button:after { color: #fff; text-shadow: 0 0 0.2em #9c3442, 0 0 0.2em #9c3442; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } body .mejs-overlay:active .mejs-overlay-button:after { color: #9C3442; text-shadow: 0 0 0.2em black, 0 0 0.2em #9c3442; opacity: 1; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } body .mejs-container .mejs-controls { background-color: rgba(156, 52, 66, 0.8); background-image: -webkit-linear-gradient(rgba(156, 52, 66, 0.8), #9c3442); background-image: linear-gradient(rgba(156, 52, 66, 0.8), #9c3442); } body .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFB133; } body table.dataTable thead .sorting, body table.dataTable thead .sorting_asc, body table.dataTable thead .sorting_desc { position: relative; background: none; } body table.dataTable thead .sorting:after, body table.dataTable thead .sorting_asc:after, body table.dataTable thead .sorting_desc:after { display: block; position: absolute; right: 0.2em; top: 50%; height: 1em; line-height: 1em; margin: -0.5em 0 0; font-family: 'FontAwesome'; } body table.dataTable thead .sorting:after { content: '\f0dc'; color: #C8C9CB; } body table.dataTable thead .sorting_asc:after { content: '\f0de'; color: #9C3442; } body table.dataTable thead .sorting_desc:after { content: '\f0dd'; color: #9C3442; } body table.dataTable tbody td > ul > li:before { display: none; } body table.dataTable.dtr-column > tbody > tr > td.control:before, body table.dataTable.dtr-column > tbody > tr > th.control:before { font-family: 'FontAwesome'; content: '\f078'; font-size: 1em; margin-left: -0.8em; margin-top: -0.8em; width: 1.5em; height: 1.5em; line-height: 1.4em; text-align: center; text-indent: 0; border: 0; color: #525252; background: none; box-shadow: none; opacity: 0.7; } body table.dataTable.dtr-column > tbody > tr > td.control:hover:before, body table.dataTable.dtr-column > tbody > tr > th.control:hover:before, body table.dataTable.dtr-column > tbody > tr > td.control:focus:before, body table.dataTable.dtr-column > tbody > tr > th.control:focus:before { opacity: 0.9; } body table.dataTable.dtr-column > tbody > tr > td.control:active:before, body table.dataTable.dtr-column > tbody > tr > th.control:active:before { opacity: 1; } body table.dataTable.dtr-column > tbody > tr.parent td.control:before, body table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '\f077'; color: #9C3442; background: none; } .container { margin: 0 auto; padding: 1px 0; width: 960px; } ul.social-nav, #footer ul.social-nav { margin: 0; padding: 0; font-family: 'FontAwesome'; font-size: 1.2em; list-style: none; } ul.social-nav .rss, ul.social-nav .google-plus, ul.social-nav .youtube, ul.social-nav .flickr, ul.social-nav .linkedin, #footer ul.social-nav .rss, #footer ul.social-nav .google-plus, #footer ul.social-nav .youtube, #footer ul.social-nav .flickr, #footer ul.social-nav .linkedin { display: none !important; /* Hide for now */ } ul.social-nav li, #footer ul.social-nav li { display: inline; } ul.social-nav li:before, #footer ul.social-nav li:before { display: none; } ul.social-nav a, ul.social-nav .call-details a em, #footer ul.social-nav a, #footer ul.social-nav .call-details a em { display: inline-block; margin: 0.7em 0 0.6em; padding: 0; width: 1.7em; text-align: center; line-height: 1.7em; color: #fff; text-decoration: none; background: none; background-position: center -2.5em; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 0.2em; box-shadow: 0 0 0.15em rgba(255, 255, 255, 0.2) inset; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } ul.social-nav a:hover, ul.social-nav .call-details a:hover em, ul.social-nav a:focus, ul.social-nav .call-details a:focus em, #footer ul.social-nav a:hover, #footer ul.social-nav .call-details a:hover em, #footer ul.social-nav a:focus, #footer ul.social-nav .call-details a:focus em { color: #fff; background-position: center center; text-decoration: none; box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset; } ul.social-nav a:active, ul.social-nav .call-details a:active em, #footer ul.social-nav a:active, #footer ul.social-nav .call-details a:active em { color: #F0EFF0; text-decoration: none; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.1); } ul.social-nav a:before, #footer ul.social-nav a:before { content: ''; display: inline; font-family: 'FontAwesome'; } ul.social-nav .rss a:before, #footer ul.social-nav .rss a:before { content: '\f09e'; } ul.social-nav .facebook a:before, #footer ul.social-nav .facebook a:before { content: '\f09a'; } ul.social-nav .twitter a:before, #footer ul.social-nav .twitter a:before { content: '\f099'; } ul.social-nav .google-plus a:before, #footer ul.social-nav .google-plus a:before { content: '\f0d5'; } ul.social-nav .instagram a:before, #footer ul.social-nav .instagram a:before { content: '\f16d'; } ul.social-nav .youtube a:before, #footer ul.social-nav .youtube a:before { content: '\f16a'; } ul.social-nav .flickr a:before, #footer ul.social-nav .flickr a:before { content: '\f16e'; } ul.social-nav .pinterest a:before, #footer ul.social-nav .pinterest a:before { content: '\f0d2'; } ul.social-nav .linkedin a:before, #footer ul.social-nav .linkedin a:before { content: '\f0e1'; } ul.social-nav .email a:before, #footer ul.social-nav .email a:before { content: '\f0e0'; } ul.social-nav .call a:before, #footer ul.social-nav .call a:before { content: '\f095'; } ul.social-nav .call-details a, #footer ul.social-nav .call-details a { width: auto; box-shadow: none !important; } ul.social-nav .call-details a span, #footer ul.social-nav .call-details a span { display: inline-block; font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; margin: 0 0 0 0.2em; font-size: 0.8em; line-height: 1em; vertical-align: middle; font-weight: bold; } ul.social-nav .rss a, #footer ul.social-nav .rss a { background-color: transparent; background-image: -webkit-linear-gradient(#ee802f, #ee802f); background-image: linear-gradient(#ee802f, #ee802f); } ul.social-nav .facebook a, #footer ul.social-nav .facebook a { background-color: transparent; background-image: -webkit-linear-gradient(#3b5998, #3b5998); background-image: linear-gradient(#3b5998, #3b5998); } ul.social-nav .twitter a, #footer ul.social-nav .twitter a { background-color: transparent; background-image: -webkit-linear-gradient(#4099FF, #4099FF); background-image: linear-gradient(#4099FF, #4099FF); } ul.social-nav .google-plus a, #footer ul.social-nav .google-plus a { background-color: transparent; background-image: -webkit-linear-gradient(#dd4b39, #dd4b39); background-image: linear-gradient(#dd4b39, #dd4b39); } ul.social-nav .instagram a, #footer ul.social-nav .instagram a { background-color: transparent; background-image: -webkit-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); background-image: radial-gradient( circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); } ul.social-nav .youtube a, #footer ul.social-nav .youtube a { background-color: transparent; background-image: -webkit-linear-gradient(#bb0000, #bb0000); background-image: linear-gradient(#bb0000, #bb0000); } ul.social-nav .flickr a, #footer ul.social-nav .flickr a { background-color: transparent; background-image: -webkit-linear-gradient(left, #0063DC 0%, #0063DC 50%, #FC329B 51%, #FC329B 100%); background-image: linear-gradient(to right,#0063DC 0%, #0063DC 50%, #FC329B 51%, #FC329B 100%); } ul.social-nav .pinterest a, #footer ul.social-nav .pinterest a { background-color: transparent; background-image: -webkit-linear-gradient(#C92228, #C92228); background-image: linear-gradient(#C92228, #C92228); } ul.social-nav .linkedin a, #footer ul.social-nav .linkedin a { background-color: transparent; background-image: -webkit-linear-gradient(#007bb6, #007bb6); background-image: linear-gradient(#007bb6, #007bb6); } ul.social-nav .email a, #footer ul.social-nav .email a { background-color: transparent; background-image: -webkit-linear-gradient(#4CC3EA, #4CC3EA); background-image: linear-gradient(#4CC3EA, #4CC3EA); } ul.social-nav .call a, ul.social-nav .call-details a em, #footer ul.social-nav .call a, #footer ul.social-nav .call-details a em { background-color: transparent; background-image: -webkit-linear-gradient(#A5D839, #A5D839); background-image: linear-gradient(#A5D839, #A5D839); } ul.social-nav .rss a:active, #footer ul.social-nav .rss a:active { background-color: transparent; background-image: -webkit-linear-gradient(#d86612, #d86612); background-image: linear-gradient(#d86612, #d86612); } ul.social-nav .facebook a:active, #footer ul.social-nav .facebook a:active { background-color: transparent; background-image: -webkit-linear-gradient(#2d4373, #2d4373); background-image: linear-gradient(#2d4373, #2d4373); } ul.social-nav .twitter a:active, #footer ul.social-nav .twitter a:active { background-color: transparent; background-image: -webkit-linear-gradient(#0d7eff, #0d7eff); background-image: linear-gradient(#0d7eff, #0d7eff); } ul.social-nav .google-plus a:active, #footer ul.social-nav .google-plus a:active { background-color: transparent; background-image: -webkit-linear-gradient(#c23321, #c23321); background-image: linear-gradient(#c23321, #c23321); } ul.social-nav .instagram a:active, #footer ul.social-nav .instagram a:active { background-color: transparent; background-image: -webkit-radial-gradient(33% 100%, circle, #fec340 4%, #ed2616 30%, #b32166 62%, #7a2a90 85%, #3341ba); background-image: radial-gradient( circle at 33% 100%, #fec340 4%, #ed2616 30%, #b32166 62%, #7a2a90 85%, #3341ba); } ul.social-nav .youtube a:active, #footer ul.social-nav .youtube a:active { background-color: transparent; background-image: -webkit-linear-gradient(#880000, #880000); background-image: linear-gradient(#880000, #880000); } ul.social-nav .flickr a:active, #footer ul.social-nav .flickr a:active { background-color: transparent; background-image: -webkit-linear-gradient(left, #004ca9 0%, #004ca9 50%, #f70482 51%, #f70482 100%); background-image: linear-gradient(to right,#004ca9 0%, #004ca9 50%, #f70482 51%, #f70482 100%); } ul.social-nav .pinterest a:active, #footer ul.social-nav .pinterest a:active { background-color: transparent; background-image: -webkit-linear-gradient(#9d1b1f, #9d1b1f); background-image: linear-gradient(#9d1b1f, #9d1b1f); } ul.social-nav .linkedin a:active, #footer ul.social-nav .linkedin a:active { background-color: transparent; background-image: -webkit-linear-gradient(#005983, #005983); background-image: linear-gradient(#005983, #005983); } ul.social-nav .email a:active, #footer ul.social-nav .email a:active { background-color: transparent; background-image: -webkit-linear-gradient(#1eb4e5, #1eb4e5); background-image: linear-gradient(#1eb4e5, #1eb4e5); } ul.social-nav .call a:active, ul.social-nav .call-details a:active em, #footer ul.social-nav .call a:active, #footer ul.social-nav .call-details a:active em { background-color: transparent; background-image: -webkit-linear-gradient(#8ab925, #8ab925); background-image: linear-gradient(#8ab925, #8ab925); } #top-bar { background: #9C3442; cursor: default; } #top-bar .container { padding: 0; } #top-bar ul.social-nav { float: left; text-align: left; } #top-bar ul.social-nav a, #top-bar ul.social-nav .call-details a em { margin: 0; padding: 0; line-height: 2.15em; border-radius: 0; box-shadow: none; } #top-bar ul.social-nav a:hover, #top-bar ul.social-nav .call-details a:hover em, #top-bar ul.social-nav a:focus, #top-bar ul.social-nav .call-details a:focus em { box-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.4) inset; } #top-bar ul.social-nav .call-details a { margin: 0 0.3em 0 0; } #top-bar #top-nav { float: right; text-align: right; font-size: 1em; font-weight: 600; margin: 0; padding: 0; list-style: none; } #top-bar #top-nav li { display: inline; } #top-bar #top-nav li:before { display: none; } #top-bar #top-nav a { display: inline-block; padding: 0.7em 0.5em 0.6em; color: #fff; text-decoration: none; } #top-bar #top-nav a:hover, #top-bar #top-nav a:focus { color: #FFB133; text-decoration: none; } #top-bar #top-nav a:active { color: #aeafb2; text-decoration: none; } #top-bar:after { content: ''; display: block; clear: both; } #nav-overlay { height: 0; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; font-size: 1.2em; color: #fff; background: #371318; background: rgba(55, 19, 24, 0.9); overflow: auto; -webkit-overflow-scrolling: touch; backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index: 9999; } #nav-overlay .container { padding-top: 55px; } #nav-overlay a { display: block; padding: 0.4em 0; color: #fff; text-decoration: none; } #nav-overlay a:hover, #nav-overlay a:focus { color: #ffd899; text-decoration: none; } #nav-overlay a:active { color: #FFB133; text-decoration: none; } #nav-overlay ul { margin: 0.5em 0 0.5em 1em; } #nav-overlay ul li { position: relative; } #nav-overlay ul li:before { display: none; } #nav-overlay a.expandable { position: absolute; right: 0; top: 0; border: none; width: 3em; text-align: center; background: #fff; background: rgba(0, 0, 0, 0.2); z-index: 1; } #nav-overlay a.expandable.open { color: #D3334F; } #nav-overlay a.expandable:hover, #nav-overlay a.expandable:focus { color: #ffd899; } #nav-overlay a.expandable:active { color: #FFB133; } #nav-overlay ul ul a.expandable { z-index: 2; } #nav-overlay ul ul ul a.expandable { z-index: 3; } #nav-overlay a.expandable:before { content: '\f067'; font-family: 'FontAwesome'; } #nav-overlay a.expandable.shown:before { content: '\f068'; } #nav-overlay ul.social-nav { text-align: center; } #nav-overlay ul.social-nav li { display: inline; border: none; line-height: normal !important; } #nav-overlay ul.social-nav a { display: inline-block; padding: 0; } #nav-overlay ul.social-nav a:hover, #nav-overlay ul.social-nav a:focus, #nav-overlay ul.social-nav a:active { color: #fff; } #nav-overlay ul.social-nav a, #nav-overlay ul.social-nav .call-details a em { box-shadow: 0 0 0.15em rgba(255, 255, 255, 0.2) inset !important; } #nav-overlay ul.social-nav .call-details a { box-shadow: none !important; } #nav-overlay ul.social-nav .call-details span { display: none; } #nav-overlay ul.social-nav .call-details em { margin: 0; } .is-sticky #header { padding: 0.5em 0; background: #fff; background: rgba(255, 255, 255, 0.95); box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3); } #header { padding: 1.63em 0; width: 100%; background: #fff; background: white; cursor: default; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); z-index: 9999999; backdrop-filter: blur(0.8em); -webkit-backdrop-filter: blur(0.8em); -moz-backdrop-filter: blur(0.8em); -ms-backdrop-filter: blur(0.8em); -webkit-transition-property: border-top, padding, box-shadow, background; -moz-transition-property: border-top, padding, box-shadow, background; transition-property: border-top, padding, box-shadow, background; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } #header #nav-toggle { display: none; position: fixed; left: 0; top: 10px; padding: 0 1em; line-height: 40px; color: #808080; text-decoration: none; z-index: 9999999; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #header #nav-toggle .menu-icon { display: block; float: left; font-size: 6px; width: 3.75em; height: 2.81em; position: relative; margin: 2em 0.8em 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } #header #nav-toggle .menu-icon span { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; display: block; position: absolute; height: 0.56em; width: 100%; background: #808080; border-radius: 0.56em; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #header #nav-toggle .menu-icon span:nth-child(1) { top: 0; } #header #nav-toggle .menu-icon span:nth-child(2) { top: 1.125em; } #header #nav-toggle .menu-icon span:nth-child(3) { top: 2.25em; } #header #nav-toggle.open .menu-icon span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -0.188em; left: 0.5em; } #header #nav-toggle.open .menu-icon span:nth-child(2) { width: 0%; opacity: 0; } #header #nav-toggle.open .menu-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 2.44em; left: 0.5em; } #header #nav-toggle:hover, #header #nav-toggle:focus { color: #64232B; } #header #nav-toggle:hover .menu-icon span, #header #nav-toggle:focus .menu-icon span { background: #64232B; } #header #nav-toggle:active { color: #222; } #header #nav-toggle:active .menu-icon span { background: #222; } #header #logo { display: block; width: 466px; height: 45px; background: url(../images/indian-hills-community-college-life-changing.png) no-repeat center center; background-size: 466px 45px; text-indent: -999em; } #header form.search { float: right; margin: 0.4em 0 0; height: 2em; line-height: 1em; background: #C8C9CB; border-radius: 1em; } #header form.search label { display: inline-block; padding: 0 0.2em 0 0.7em; text-transform: uppercase; } #header form.search input[type="text"], #header form.search input[type="search"] { margin: 0.1em 0; width: 16em; background: #F0EFF0; } #header form.search button.button-icon { margin: 0.1em 0; padding: 0.2em 0.7em 0.4em 0; color: #fff; } #header form.search button.button-icon:hover, #header form.search button.button-icon:focus { color: #9C3442; } #header form.search button.button-icon:active { color: #64232B; } #nav-bar { font-family: "Gotham Narrow", "Futura", sans-serif; font-weight: 800; background: #F0EFF0; cursor: default; } #nav-bar #nav { position: relative; margin: 0; padding: 0; list-style: none; font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.37em; font-weight: 800; text-align: center; text-transform: uppercase; z-index: 999; } #nav-bar #nav li { display: inline-block; } #nav-bar #nav li:before { display: none; } #nav-bar #nav a { display: block; padding: 0.29em 0.32em; text-decoration: none; } #nav-bar #nav ul { position: absolute; left: -999em; width: 12em; margin: -0.1em 0 0; padding: 0.2em 0; text-align: left; border-bottom: 3px solid #9C3442; list-style: none; font-size: 0.8em; font-weight: normal; text-transform: none; background: #fff; background: rgba(255, 255, 255, 0.86); box-shadow: 0 0.3em 0.35em rgba(0, 0, 0, 0.4); backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); } #nav-bar #nav ul li { display: block; } #nav-bar #nav ul a { display: block; padding: 0.3em 0.8em; line-height: 1.2em; } #nav-bar #nav ul a:hover, #nav-bar #nav ul a:focus { color: #333; background: #ffd899; background: rgba(255, 177, 51, 0.3); } #nav-bar #nav ul a:active { color: #111; background: #FFB133; background: rgba(255, 177, 51, 0.6); } #nav-bar #nav ul ul { margin-left: 11.5em; margin-top: -1.6em; font-size: 0.98em; } #nav-bar #nav li:hover > ul, #nav-bar #nav li:focus > ul { left: auto; } #nav-bar #nav > li:last-child ul { left: auto; right: 999em; } #nav-bar #nav > li:last-child:hover > ul, #nav-bar #nav > li:last-child:focus > ul { right: auto; } #nav-bar #nav > li:last-child ul li:hover > ul, #nav-bar #nav > li:last-child ul li:focus > ul { right: auto; } #nav-bar #nav > li:last-child ul ul { margin-left: -11.5em; } #nav-bar #nav:after { content: ''; display: block; clear: both; } body .flexslider { margin: 0; padding: 0; list-style: none; border: 0; border-radius: 0; box-shadow: none; background: none; overflow: hidden; } body .flexslider ul, body .flexslider li { position: static; margin: 0; padding: 0; list-style: none; } body .flexslider li:before { display: none; } body .flexslider .flex-direction-nav a { margin: -30px 0 0; width: 60px; height: 60px; line-height: 60px; } body .flexslider .flex-direction-nav a:before { font-family: 'FontAwesome'; content: '\f104'; text-shadow: 0; color: #eee; font-size: 50px; line-height: 60px; } body .flexslider .flex-direction-nav a.flex-next:before { content: '\f105'; } body .flexslider .flex-direction-nav a:active:before { color: #fff; } #banner { position: relative; z-index: 1; overflow: hidden; } #banner img { position: relative; display: block; width: 100%; height: auto; margin-top: -5%; margin-bottom: -10%; } #banner .slides img { margin: 0; } #banner .hero .slides li { display: none; } #banner .hero .slides li:first-child { display: block; } #banner .hero .flex-control-nav { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -480px; width: 960px; height: 45px; line-height: 45px; text-align: right; } #banner .hero .flex-control-nav li { display: inline; } #banner .hero .flex-control-nav li a { position: relative; display: inline-block; vertical-align: middle; margin: 0 0.5em; width: 18px; height: 18px; text-align: left; background: #9C3442; border-radius: 50%; z-index: 1; opacity: 0.7; box-shadow: none; } #banner .hero .flex-control-nav li a:hover, #banner .hero .flex-control-nav li a:focus { opacity: 0.9; } #banner .hero .flex-control-nav li a:active { opacity: 1; } #banner .hero .flex-control-nav li a.flex-active { background: #FFB133; cursor: default; opacity: 1; } #banner .hero:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background: #9C3442; background: rgba(156, 52, 66, 0.8); mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; -ms-mix-blend-mode: multiply; } #banner .container { position: relative; padding: 0; } #banner .overlay { position: absolute; left: 0; bottom: 0; width: 24em; color: #000; } #banner .overlay .slides li { display: none; } #banner .overlay .slides li:first-child { display: block; } #banner .overlay a { display: block; padding: 1em; color: inherit; text-decoration: none; background: #FFB133; background: rgba(255, 177, 51, 0.86); backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); } #banner .overlay a:hover, #banner .overlay a:focus { background: rgba(255, 177, 51, 0.9); } #banner .overlay a:active { background: #ffb133; } #banner .overlay h2 { margin: 0; font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 2.38em; color: #fff; font-weight: normal; line-height: 1em; } #banner .overlay p { margin: 0.2em 0; } #banner .overlay strong { margin: 0; font-size: 1.13em; font-weight: bold; color: #9C3442; } #banner .overlay .show-details { padding: 0.5em 0; font-size: 1.1em; text-align: center; color: #fff; text-transform: uppercase; } #banner:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3) inset; pointer-events: none; } #featured-nav-bar { background: #9C3442; cursor: default; } #featured-nav-bar #featured-nav { margin: 0; padding: 0; list-style: none; font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.38em; text-align: center; font-weight: bold; text-transform: uppercase; } #featured-nav-bar #featured-nav li { display: inline-block; margin: 0; padding: 0; border-left: 1px solid #fff; } #featured-nav-bar #featured-nav li:last-child { border-right: 1px solid #fff; } #featured-nav-bar #featured-nav li:before { display: none; } #featured-nav-bar #featured-nav a { display: inline-block; padding: 0.84em 0.9em; color: #fff; text-decoration: none; } #featured-nav-bar #featured-nav a:hover, #featured-nav-bar #featured-nav a:focus { color: #FFB133; text-decoration: none; } #featured-nav-bar #featured-nav a:active { color: #aeafb2; text-decoration: none; } #featured-nav-bar #featured-nav .show-details { padding: 0.5em 0; text-align: center; color: #fff; font-weight: normal; text-transform: uppercase; } .breadcrumb { margin: 1em 0 0.8em; font-size: 0.9em; color: #525252; cursor: default; opacity: 0.6; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity; transition: 0.5s opacity; } .breadcrumb a { color: #525252; text-decoration: underline; } .breadcrumb a:hover, .breadcrumb a:focus { color: #9C3442; } .breadcrumb a:active { color: #64232B; } .breadcrumb:hover, .breadcrumb:focus { opacity: 1; } .hentry { margin: 1em 0 3em; color: #6f675f; } .hentry .entry-title { margin-top: 0; } .hentry.minor { margin: 0; padding: 0; } .pagination { margin: 1em 0 4em; text-align: right; } .pagination a { margin: 0 0.5em 0.5em; } .pagination a:last-child { margin-right: 0; } .aside { position: relative; float: right; padding: 1em 2%; width: 28%; font-size: 0.96em; background: #F0EFF0; } .aside h3 { font-size: 1.3em; } .aside h3.cta { position: absolute; top: 100%; left: 0; margin: 1em 0; width: 100%; } .col-2of3.details { float: left; width: 62%; } ul.photo-nav { margin: 0; padding: 0; list-style: none; } ul.photo-nav li { position: relative; margin: 0; padding: 0; } ul.photo-nav .col-3 { width: 33.333%; } ul.photo-nav li:before { display: none; } ul.photo-nav div.sub-nav-container { position: absolute; left: 0; top: 0; width: 90%; height: 100%; margin: 0; padding: 0 5%; overflow: auto; -webkit-overflow-scrolling: touch; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); } ul.photo-nav div.sub-nav-container ul.sub-nav { margin: 0; padding: 2em 0; list-style: none; font-size: 0.8em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } ul.photo-nav div.sub-nav-container ul.sub-nav li { display: inline-block; width: 100%; } ul.photo-nav div.sub-nav-container ul.sub-nav a { display: block; padding: 0.1em; color: #000; text-decoration: none; } ul.photo-nav div.sub-nav-container ul.sub-nav a:hover, ul.photo-nav div.sub-nav-container ul.sub-nav a:focus { color: #525252; text-decoration: underline; } ul.photo-nav div.sub-nav-container ul.sub-nav a:active { color: #000; text-decoration: underline; } ul.photo-nav div.sub-nav-container .navbar-spacer { clear: both; height: 1em; } ul.photo-nav div.sub-nav-container.tech { background: #A5D839; background: rgba(165, 216, 57, 0.8); } ul.photo-nav div.sub-nav-container.art-sci { background: #FFB237; background: rgba(255, 178, 55, 0.8); } ul.photo-nav div.sub-nav-container.health { background: #4CC3EA; background: rgba(76, 195, 234, 0.8); } ul.photo-nav div.sub-nav-container * { position: relative; filter: inherit; } ul.photo-nav > li:hover div.sub-nav-container, ul.photo-nav > li:focus div.sub-nav-container { filter: alpha(opacity=92); opacity: 0.92; } ul.photo-nav > li:hover .overlay.tech, ul.photo-nav > li:focus .overlay.tech { box-shadow: 0 0 1em #a5d839, 0 0 1em #a5d839; } ul.photo-nav > li:hover .overlay.art-sci, ul.photo-nav > li:focus .overlay.art-sci { box-shadow: 0 0 1em #ffb237, 0 0 1em #ffb237; } ul.photo-nav > li:hover .overlay.health, ul.photo-nav > li:focus .overlay.health { box-shadow: 0 0 1em #4cc3ea, 0 0 1em #4cc3ea; } ul.photo-nav > li:active div.sub-nav-container { filter: alpha(opacity=100); opacity: 1; } ul.photo-nav > li > a { display: block; position: relative; overflow: hidden; height: 400px; background-size: cover; } ul.photo-nav > li > a .overlay { display: block; position: absolute; left: 0; bottom: 0; padding: 0.6em 0; width: 100%; text-align: center; color: #fff; font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.88em; font-weight: normal; background: #aeafb2; background: rgba(174, 175, 178, 0.8); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); -moz-backdrop-filter: blur(0.2em); -ms-backdrop-filter: blur(0.2em); z-index: 5; } ul.photo-nav > li > a .overlay span { display: inline-block; vertical-align: middle; padding: 0 0.8em 0.3em; line-height: 1.1em; } ul.photo-nav > li > a .overlay:after { content: ''; display: block; position: absolute; left: 0; bottom: 0.6em; width: 100%; border-bottom: 3px dotted #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } ul.photo-nav > li > a .overlay.tech { background: #A5D839; background: rgba(165, 216, 57, 0.8); } ul.photo-nav > li > a .overlay.art-sci { background: #FFB237; background: rgba(255, 178, 55, 0.8); } ul.photo-nav > li > a .overlay.health { background: #4CC3EA; background: rgba(76, 195, 234, 0.8); } ul.photo-nav > li > a:hover .overlay, ul.photo-nav > li > a:focus .overlay { padding-bottom: 1em; background: rgba(174, 175, 178, 0.9); } ul.photo-nav > li > a:hover .overlay:after, ul.photo-nav > li > a:focus .overlay:after { bottom: 1em; } ul.photo-nav > li > a:hover .overlay.tech, ul.photo-nav > li > a:focus .overlay.tech { background: rgba(165, 216, 57, 0.9); } ul.photo-nav > li > a:hover .overlay.art-sci, ul.photo-nav > li > a:focus .overlay.art-sci { background: rgba(255, 178, 55, 0.9); } ul.photo-nav > li > a:hover .overlay.health, ul.photo-nav > li > a:focus .overlay.health { background: rgba(76, 195, 234, 0.9); } ul.photo-nav > li > a:active .overlay { background: #aeafb2; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } ul.photo-nav > li > a:active .overlay.tech { background: #a5d839; } ul.photo-nav > li > a:active .overlay.art-sci { background: #ffb237; } ul.photo-nav > li > a:active .overlay.health { background: #4cc3ea; } .drop-cap { float: left; margin: 0 0.1em 0.1em 0; font-size: 6em; font-family: "Gotham Narrow", "Futura", sans-serif; font-weight: 900; text-decoration: underline; } .quick-stats { font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 0.94em; color: #9C3442; } .quick-stats h1 { margin: 1em 0 0; border-bottom: 0; text-align: left; } .quick-stats strong { font-weight: 900; } .quick-stats .col-4 { padding: 0 1%; width: 22%; border-left: 1px solid #aeafb2; } .quick-stats .col-4:first-child { border: 0; padding-left: 0; } .quick-stats .col-4:last-child { padding-right: 0; } .quick-stats .alignleft { margin-right: 0.5em; margin-bottom: 2em; } .quick-stats .drop-cap { display: inline-block; width: 34%; text-align: center; float: none; vertical-align: middle; } .quick-stats .drop-cap + span { display: inline-block; width: 60%; vertical-align: middle; } .gallery-select { max-height: 352px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .gallery-select img { float: left; margin: 0 0.8em 0.8em 0; width: 46%; height: auto; } .gallery-select a:nth-child(even) img { margin-right: 0; } .media-gallery { text-align: center; } .media-gallery img { margin: 0 1em 1em 0; } #upcoming-events, #latest-news { position: relative; padding: 0 0 4em; font-size: 1.3em; } #upcoming-events h1, #latest-news h1 { font-size: 1.6em; } #upcoming-events .feed a, #latest-news .feed a { display: block; padding: 1em 0; color: #8A8177; text-decoration: none; } #upcoming-events .feed a:hover, #upcoming-events .feed a:focus, #latest-news .feed a:hover, #latest-news .feed a:focus { color: #6f675f; text-decoration: none; } #upcoming-events .feed a:active, #latest-news .feed a:active { color: #222; text-decoration: none; } #upcoming-events .feed a:after, #latest-news .feed a:after { content: ''; display: block; clear: both; } #upcoming-events .feed a:hover .entry-title, #upcoming-events .feed a:focus .entry-title, #latest-news .feed a:hover .entry-title, #latest-news .feed a:focus .entry-title { color: #9C3442; } #upcoming-events .feed a:active .entry-title, #latest-news .feed a:active .entry-title { color: #64232B; } #upcoming-events .feed .entry-title, #upcoming-events .feed .entry-content, #latest-news .feed .entry-title, #latest-news .feed .entry-content { margin: 0; } #upcoming-events .feed .entry-title, #latest-news .feed .entry-title { line-height: 1em; } #upcoming-events .feed img.alignleft, #latest-news .feed img.alignleft { margin: 0 0.8em 0.8em 0; } #upcoming-events img.aligncenter, #latest-news img.aligncenter { width: 100%; height: auto; } #upcoming-events a.button, #latest-news a.button { position: absolute; left: 50%; bottom: 1em; display: block; width: 70%; margin: 0 0 0 -35%; text-transform: uppercase; } #upcoming-events a.button:hover, #upcoming-events a.button:focus, #latest-news a.button:hover, #latest-news a.button:focus { top: auto; bottom: 1.05em; } #upcoming-events a.button:active, #latest-news a.button:active { top: auto; bottom: 1em; } #upcoming-events .event-details { display: block; padding: 0 1em 0 4em; } #upcoming-events .event-date { position: relative; float: left; margin: 0; padding: 0.1em 0.4em 0.1em 0; border-right: 2px solid #9C3442; text-align: right; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #9C3442; } #upcoming-events .event-date span { display: block; } #upcoming-events .event-date strong { display: block; font-size: 1.7em; font-weight: 900; line-height: 1em; } #upcoming-events .event-date:after { position: absolute; right: -0.8em; top: 50%; margin: -0.25em 0 0; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.25em 0 0.25em 0.5em; border-color: transparent transparent transparent #9C3442; } #upcoming-events a:hover .event-date, #upcoming-events a:focus .event-date { color: #FFB133; } #upcoming-events a:active .event-date { color: #222; } #social-mashup, #social-scroll { margin: 1.4em 0 0; overflow: visible; } #social-mashup ul, #social-mashup li, #social-scroll ul, #social-scroll li { margin: 0; padding: 0; list-style: none; } #social-mashup li:before, #social-scroll li:before { display: none; } #social-mashup .hentry, #social-scroll .hentry { position: relative; float: left; margin: 0 30px 0 0; padding: 0 0 1px; width: 250px; background: #fff; border-radius: 0.2em; overflow: hidden; } #social-mashup .hentry .updated, #social-scroll .hentry .updated { display: block; margin: 0.4em 0; font-size: 0.8em; text-align: center; color: #aeafb2; } #social-mashup .hentry .entry-content, #social-scroll .hentry .entry-content { margin: 0 0.8em 0.8em; } #social-mashup .hentry .entry-content p, #social-scroll .hentry .entry-content p { margin: 0.3em 0; } #social-mashup .hentry .entry-content img, #social-scroll .hentry .entry-content img { width: 100%; height: auto; } #social-mashup .hentry:before, #social-scroll .hentry:before { content: ''; display: block; position: static; margin: 0; padding: 0.2em 0.5em; font-family: 'FontAwesome'; font-size: 1.5em; color: #fff; background: #C8C9CB; overflow: hidden; } #social-mashup .hentry.facebook:before, #social-scroll .hentry.facebook:before { content: '\f09a'; background: #3b5998; } #social-mashup .hentry.instagram:before, #social-scroll .hentry.instagram:before { content: '\f16d'; color: #000; background: #fafafa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } #social-mashup .hentry.instagram:hover:before, #social-mashup .hentry.instagram:focus:before, #social-scroll .hentry.instagram:hover:before, #social-scroll .hentry.instagram:focus:before { color: #458eff; } #social-mashup .hentry.twitter:before, #social-scroll .hentry.twitter:before { content: '\f099'; background: #4099FF; } #social-mashup .hentry.rss:before, #social-scroll .hentry.rss:before { content: '\f09e'; background: #ee802f; } #social-mashup .hentry.google-plus:before, #social-scroll .hentry.google-plus:before { content: '\f0d5'; background: #dd4b39; } #social-mashup .hentry.youtube:before, #social-scroll .hentry.youtube:before { content: '\f16a'; background: #bb0000; } #social-mashup .hentry.flickr:before, #social-scroll .hentry.flickr:before { content: '\f16e'; background: #FC329B; } #social-mashup .hentry.pinterest:before, #social-scroll .hentry.pinterest:before { content: '\f231'; background: #C92228; } #social-mashup .hentry.linkedin:before, #social-scroll .hentry.linkedin:before { content: '\f0e1'; background: #007bb6; } #social-mashup .flex-direction-nav .flex-prev, #social-scroll .flex-direction-nav .flex-prev { left: -50px; } #social-mashup .flex-direction-nav .flex-next, #social-scroll .flex-direction-nav .flex-next { right: -50px; } #social-mashup .flex-direction-nav a, #social-scroll .flex-direction-nav a { opacity: 1; } #social-mashup .flex-direction-nav a:before, #social-scroll .flex-direction-nav a:before { content: '\f053'; color: #9C3442; } #social-mashup .flex-direction-nav a.flex-next:before, #social-scroll .flex-direction-nav a.flex-next:before { content: '\f054'; } #social-mashup .flex-direction-nav a:hover:before, #social-mashup .flex-direction-nav a:focus:before, #social-scroll .flex-direction-nav a:hover:before, #social-scroll .flex-direction-nav a:focus:before { color: #D3334F; } #social-mashup .flex-direction-nav a:active:before, #social-scroll .flex-direction-nav a:active:before { color: #64232B; } #social-mashup:after, #social-scroll:after { content: ''; display: block; clear: both; } #social-mashup .hentry { margin: 0 2% 2em 0; width: 30%; border: 1px solid #E8E4DF; box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } #social-mashup .hentry:hover, #social-mashup .hentry:focus { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .content { padding: 1px 0; background: #fff; } .content .container { padding-top: 0; padding-bottom: 0; } .content:after { content: ''; display: block; clear: both; } .content.alt { background: #E8E4DF; } .content.featured { font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.1em; color: #000; background: #ffa10a; } .content.featured .hentry { margin: 0 auto; color: #000; } .content.featured a { color: #995f00; } .content.featured a:hover, .content.featured a:focus { color: #9C3442; } .content.featured a:active { color: #64232B; } .meta { font-size: 0.84em; color: #aeafb2; cursor: default; } .meta .author, .meta .updated { display: inline-block; } .meta .author:before { content: 'By '; display: inline; } .meta .updated:before { content: 'Updated on '; display: inline; } .meta span, .meta time { border-left: 1px solid #C8C9CB; margin: 0 0 0 0.2em; padding: 0 0 0 0.4em; } .meta span:first-child, .meta time:first-child { border-left: none; margin: 0; padding: 0; } .meta a { color: #aeafb2; text-decoration: underline; } .meta a:hover, .meta a:focus { color: #9C3442; text-decoration: underline; } .meta a:active { color: #64232B; text-decoration: underline; } #footer { padding: 3em 0 5em; font-size: 0.9em; border-top: 18px solid #FFB133; color: #fff; background-color: #9C3442; background-image: -webkit-linear-gradient(#9C3442, #371318); background-image: linear-gradient(#9C3442, #371318); } #footer ul, #footer li { margin: 0; padding: 0; list-style: none; } #footer li:before { display: none; } #footer a { color: #fff; text-decoration: none; } #footer a:hover, #footer a:focus { color: #FFB133; text-decoration: none; } #footer a:active { color: #aeafb2; text-decoration: none; } #footer a.button { position: relative; display: inline-block; padding: 0.4em 1em; border: 0.2em solid #fff; font-weight: bold; text-align: center; line-height: 1em; color: #222; background: #fff; text-decoration: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); border-radius: 0; cursor: pointer; -webkit-appearance: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; display: block; margin: 0.5em 0; border: 0; font-size: 1.6em; text-align: left; font-weight: normal; border-radius: 0.3em; } #footer a.button strong { color: #9C3442; text-transform: uppercase; } #footer a.button strong .fa { margin: 0 0.5em 0 0; position: relative; font-weight: normal; } #footer a.button strong .fa .accent { position: absolute; right: -0.8em; bottom: 0em; border: 0.23em solid #9C3442; width: 1.2em; line-height: 1.2em; text-align: center; font-size: 0.2em; background: #fff; border-radius: 50%; box-shadow: 0 0 0 0.2em #fff; } #footer a.button:hover, #footer a.button:focus { top: -1px; color: #6f675f; border-color: #FFB133; background: #FFB133; text-decoration: none; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } #footer a.button:hover strong, #footer a.button:focus strong { color: #D3334F; } #footer a.button:hover strong .fa .accent, #footer a.button:focus strong .fa .accent { border-color: #D3334F; background: #FFB133; box-shadow: 0 0 0 0.2em #FFB133; } #footer a.button:active { top: 0; color: #64232B; border-color: #ffa10a; background: #ffa10a; text-decoration: none; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } #footer a.button:active strong { color: #371318; } #footer a.button:active strong .fa .accent { border-color: #371318; background: #ffa10a; box-shadow: 0 0 0 0.2em #ffa10a; } #footer #footer-nav-section { margin: 0 0 1.2em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 1em 0 1.2em; } #footer #footer-nav-section #footer-actions { float: right; margin: 0; padding: 1em 0 0; } #footer #footer-nav-section #footer-nav { float: left; } #footer #footer-nav-section #footer-nav a { display: inline-block; padding: 0.2em 0; line-height: 1em; } #footer #footer-nav-section #footer-nav em { font-family: Georgia,Times,'Times New Roman',serif; } #footer #footer-nav-section #footer-nav > li { float: left; width: 24%; margin: 0 1% 0 0; } #footer #footer-nav-section #footer-nav > li > a { font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.5em; font-weight: bold; } #footer #footer-nav-section:after { content: ''; display: block; clear: both; } #footer #visiting-info { font-size: 1.05em; } #footer #visiting-info #footer-aside { float: right; margin: 0; } #footer #visiting-info #visiting-info-details { float: left; margin-left: 0; -webkit-transform: translateZ(0);} #footer #visiting-info .logo { display: inline-block; margin: 0 0 0.8em; width: 208px; height: 40px; background: url(../images/indian-hills-community-college-white.png) no-repeat center center; background-size: contain; text-indent: -999em; } #footer #visiting-info p, #footer #visiting-info address { margin: 0.2em 0; font-style: normal; } #footer #visiting-info iframe.alignleft { margin-top: 0; } #footer #visiting-info ul.social-nav { font-size: 1.5em; } #footer #visiting-info ul.social-nav li { margin: 0 0.3em 0 0; } #footer #visiting-info .credit, #footer #visiting-info #mobile-credit { font-size: 0.8em; cursor: default; } #footer #visiting-info #mobile-credit { display: none; } #footer #visiting-info .goog-te-gadget, #footer #visiting-info .goog-te-gadget a { color: #D3334F; } #footer #visiting-info:after { content: ''; display: block; clear: both; } body .goog-te-menu-frame { max-width: 100% !important; box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.4); overflow: auto !important; -webkit-overflow-scrolling: touch; } /* Homepage */ body.home h1 { max-width: 13em; text-align: center; } body.home #banner { height: auto; } body.home .hentry { margin: 0; } /* Left Sidebar */ body.left-sidebar .breadcrumb, body.left-sidebar .hentry, body.left-sidebar .pagination { clear: right; float: right; width: 72%; } body.left-sidebar #left-sidebar { margin: 1em 0; float: left; width: 24%; } body.left-sidebar #left-sidebar #side-nav { margin: 0.4em 0 1em; padding: 0; list-style: none; opacity: 0.8; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity; transition: 0.5s opacity; } body.left-sidebar #left-sidebar #side-nav a { display: block; font-family: "Gotham Narrow", "Futura", sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1em; text-decoration: none; } body.left-sidebar #left-sidebar #side-nav ul { margin: 0; } body.left-sidebar #left-sidebar #side-nav ul li { position: relative; margin: 0; } body.left-sidebar #left-sidebar #side-nav ul li a { display: block; padding: 0.3em 0; font-family: "Source Sans Pro", "Helvetica Neue", sans-serif; font-size: 1em; font-weight: normal; color: #525252; } body.left-sidebar #left-sidebar #side-nav ul li a:hover, body.left-sidebar #left-sidebar #side-nav ul li a:focus { color: #D3334F; text-decoration: underline; } body.left-sidebar #left-sidebar #side-nav ul li a:active { color: #64232B; } body.left-sidebar #left-sidebar #side-nav ul li ul { display: none; margin: 0.2em 0 1em; padding: 0 0 0 1.5em; font-size: 0.92em; } body.left-sidebar #left-sidebar #side-nav ul li ul li:before { display: block; left: auto; top: 50%; margin: -0.5em 0 0 -0.8em; color: #808080; } body.left-sidebar #left-sidebar #side-nav ul li:hover:before, body.left-sidebar #left-sidebar #side-nav ul li:focus:before { color: #D3334F; } body.left-sidebar #left-sidebar #side-nav ul li:active:before { color: #64232B; } body.left-sidebar #left-sidebar #side-nav ul li.current-page-ancestor > ul, body.left-sidebar #left-sidebar #side-nav ul li.current-page-item > ul { display: block; } body.left-sidebar #left-sidebar #side-nav ul li.current-page-item > a { color: #64232B; font-weight: bold; text-decoration: none; cursor: default; } body.left-sidebar #left-sidebar #side-nav li:before { display: none; } body.left-sidebar #left-sidebar #side-nav:hover, body.left-sidebar #left-sidebar #side-nav:focus { opacity: 1; } /* Calendar of Events */ .calendar-paging { margin: 1em 0; text-align: center; } .calendar-paging .prev { float: left; } .calendar-paging .next { float: right; } .calendar-paging .current-view { clear: none; margin: 0; } #event-sidebar #event-search { position: relative; margin: 1em 0; } #event-sidebar #event-search input[type="color"], #event-sidebar #event-search input[type="date"], #event-sidebar #event-search input[type="datetime"], #event-sidebar #event-search input[type="datetime-local"], #event-sidebar #event-search input[type="email"], #event-sidebar #event-search input[type="month"], #event-sidebar #event-search input[type="number"], #event-sidebar #event-search input[type="password"], #event-sidebar #event-search input[type="search"], #event-sidebar #event-search input[type="tel"], #event-sidebar #event-search input[type="text"], #event-sidebar #event-search input[type="time"], #event-sidebar #event-search input[type="url"], #event-sidebar #event-search input[type="week"], #event-sidebar #event-search input:not([type]), #event-sidebar #event-search textarea { width: 98%; } #event-sidebar #event-search .button-icon { position: absolute; right: 0; top: 0; } #event-sidebar .categories { margin: 1em 0; font-size: 0.9em; } #event-sidebar .categories h3 { border-bottom: 1px solid #8A8177; font-size: 1.3em; } #event-sidebar .categories ul { margin-top: 0.5em; margin-left: 20px; } #event-sidebar .categories a { text-decoration: none; } #event-sidebar .categories a:hover, #event-sidebar .categories a:focus { text-decoration: underline; } .calendar-paging:after { content: ''; display: block; clear: both; } table.calendar { width: 100%; } table.calendar thead th { padding: 1em 0; border-left: 1px solid #9C3442; border-right: 1px solid #9C3442; font-weight: bold; color: #fff; background-color: #9C3442; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table.calendar td { position: relative; box-sizing: border-box; color: #aeafb2; font-size: 0.9em; height: 110px; padding: 0 0 .5em; vertical-align: top; width: 14.28%; border: 1px solid #64232B; border-top: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } table.calendar td:hover, table.calendar td:focus { background: #fff !important; opacity: 1 !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 10; } table.calendar div[id*="events-daynum-"], table.calendar div[id*="events-daynum-"] a { display: block; background-color: #64232B; color: #fff; font-weight: bold; text-align: center; text-decoration: none; } table.calendar div[id*="events-daynum-"] { padding: 0.1em 0; font-size: 0.9em; } table.calendar td.events-present div[id*="events-daynum-"], table.calendar td.events-present div[id*="events-daynum-"] > a { background-color: #FFB133; color: #000; } table.calendar td.events-othermonth { opacity: 0.8; } table.calendar td.events-past { opacity: 0.5; } table.calendar div.event { padding: 6px 8px; border-bottom: 1px solid #e0e0e0; } table.calendar div.event:last-child { border-bottom: 0; } table.calendar div.events-viewmore { padding: 6px 8px; text-align: center; font-weight: bold; } table.calendar div.events-viewmore a { text-decoration: none; } table.calendar .events-month-event-title { margin: 0.1em 0; font-size: 1.1em; text-transform: none; } .event-list h3 { font-size: 1.4em; text-transform: none; } .event-list .vevent { margin: 1em 0; padding: 0.8em; border: 1px solid #64232B; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .event-list .vevent h3 { margin: 0.2em 0 0; } .event-list .vevent h3 a { text-decoration: none; } .event-list .vevent h3 a:hover, .event-list .vevent h3 a:focus { text-decoration: underline; } .event-list .vevent:hover, .event-list .vevent:focus { background: #fff !important; opacity: 1 !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /* Listing Page */ body.archive .hentry { margin-top: 1em; margin-bottom: 0; padding-bottom: 1em; border-bottom: 3px solid #E8E4DF; } body.archive .hentry.minor { margin: 0; padding: 0; border: none; } /* Directory */ #directory-search { padding: 0 0 1em; border-bottom: 3px solid #E8E4DF; } #directory-search label { width: 100%; text-transform: uppercase; } #directory-search .chosen-container { text-transform: none; } #directory-search input[type="color"], #directory-search input[type="date"], #directory-search input[type="datetime"], #directory-search input[type="datetime-local"], #directory-search input[type="email"], #directory-search input[type="month"], #directory-search input[type="number"], #directory-search input[type="password"], #directory-search input[type="search"], #directory-search input[type="tel"], #directory-search input[type="text"], #directory-search input[type="time"], #directory-search input[type="url"], #directory-search input[type="week"], #directory-search input:not([type]), #directory-search textarea, #directory-search select { width: 98%; } #directory-search .col-3of4 label { width: 78%; } .hentry.staff h2.entry-title { margin: 0.6em 0 0; color: #000; font-size: 1.9em; font-weight: normal; } .hentry.staff p { margin: 0.6em 0; } .hentry.staff .title { font-size: 1.13em; text-transform: uppercase; } .hentry.staff .type { margin-top: 1.5em; } .hentry.staff .type, .hentry.staff .expertise { text-align: right; text-transform: uppercase; } .hentry.staff .contact { margin-top: 2.1em; text-align: right; } .hentry.staff .contact a { font-weight: bold; text-decoration: none; } /* Directory Listing/Profile */ #banner img.vcard-backdrop { width: auto; min-width: 100%; height: auto; min-height: 600px; } #banner .vcard { position: absolute; left: 50%; top: 0; margin: 0 0 0 -480px; height: 100%; } #banner .vcard .info { position: relative; float: left; width: 64%; color: #fff; font-weight: bold; z-index: 2; } #banner .vcard .info h1 { margin: 1.8em 0 0; color: #fff; border-bottom: 0; font-size: 2.9em; text-transform: none; } #banner .vcard .info .title { margin: 0 0 0.4em; font-size: 1.6em; color: #fff; text-transform: uppercase; } #banner .vcard .info .type, #banner .vcard .info .expertise { margin: 0 0 0 8%; font-size: 1.3em; text-transform: uppercase; } #banner .vcard .info .contact { margin: 0.1em 0 0 8%; font-size: 1.3em; } #banner .vcard .info .contact a { color: #FFB133; text-decoration: none; } #banner .vcard .info .contact a:hover, #banner .vcard .info .contact a:focus { color: #ffd899; } #banner .vcard .info .contact a:active { color: #995f00; } #banner .vcard img.photo { position: absolute; right: 0; bottom: 0; margin: 0; width: 40%; height: auto; } #banner .vcard:after { content: ''; display: block; clear: both; } /*# sourceMappingURL=style.css.map */