/* Compiled Less CSS File */ /* Generated from "main.css" */ /**********[ Table of Contents ]**********/ /* ========================================================================== Modified BS styles for FACS design, Extend BS, DW display, etc. ========================================================================== */ /**********[ Adding inverse, custom buttons ]**********/ /**********[ Extending Bootstrap's dropdown ]**********/ /**********[ Restyling Bootstrap's Accordion ]**********/ /**********[ Adding alt thumbnail style ]**********/ /**********[ Restyling BS wells ]**********/ /**********[ Importing breakpoints into JS ]**********/ /**********[ Temporary BS modal bugfix ]**********/ /* ========================================================================== Typography ========================================================================== */ /**********[ General Rules For H, P tags ]**********/ /**********[ Block Quotes ]**********/ /**********[ Misc Typography ]**********/ /* ========================================================================== HTML elements ========================================================================== */ /**********[ LINKS ]**********/ /**********[ LISTS ]**********/ /**********[ Lining style Definition Lists ]**********/ /**********[ Dictionary style Def Lists ]**********/ /**********[ TABLES ]**********/ /**********[ FORMS ]**********/ /**********[ MISCELLANEOUS ELEMENTS ]**********/ /* ========================================================================== Layout and major section styles - General ========================================================================== */ /* ========================================================================== Header ========================================================================== */ /**********[ Top bar - UGA, Audiences ]**********/ /**********[ Banner ]**********/ /**********[ Social Media buttons ]**********/ /**********[ Google search ]**********/ /* ========================================================================== Navbars - #main-nav, .megamenu, local-nav, .right-nav ========================================================================== */ /**********[ Global rules - all navbars ]**********/ /**********[ Navbar - #main_nav ]**********/ /**********[ Submenu - megamenu ]**********/ /**********[ Local Nav - left, sub navbar ]**********/ /**********[ Navbar - below carousel ]**********/ /* ========================================================================== Carousel ========================================================================== */ /**********[ Defaults for all carousel styles ]**********/ /**********[ HEADER/HOME - fade, vert. caption]**********/ /**********[ ADDED STYLE - img thumbs 2 right ]**********/ /**********[ ADDED STYLE - full page width ]**********/ /**********[ ADDED STYLE - multi-scroller ]**********/ /**********[ ADDED STYLE - no captions ]**********/ /**********[ ADDED STYLE - carousel-sliced ]**********/ /**********[ optional "DonateNow!" button ]**********/ /* ========================================================================== Content Area ========================================================================== */ /**********[ Full page width elements ]**********/ /**********[ Sidebar boxes (callouts, asides)]**********/ /**********[ Styles for tabs ]**********/ /**********[ Highlight/News boxes, 3 col ]**********/ /**********[ Personnel, hcard list styles ]**********/ /* ========================================================================== Footer ========================================================================== */ /* ========================================================================== Reusable & Utility Classes ========================================================================== */ /**********[ Block-Grid ]**********/ /**********[ Block grid decorative layout ]**********/ /**********[ Fixed aspect images, video ]**********/ /**********[ Calendar ]**********/ /**********[ Responsive Youtube videos ]**********/ /**********[ Crop hdr img - dif aspct ratios ]**********/ /**********[ Flex Classes ]**********/ /**********[ News/Events Summary Listing ]**********/ /**********[ EE image galleries listing ]**********/ /**********[ Show / Hide XXS ]**********/ /**********[ BS Lightbox styles ]**********/ /**********[ Timeline widget ]**********/ /**********[ Footnotes ]**********/ /**********[ Hon-ee Pot Captcha ]**********/ /**********[ Login, contact box, ex: SSAC ]**********/ /* ========================================================================== Visually Decorative Classes ========================================================================== */ /**********[ Specialized link icons ]**********/ /**********[ .ir - image replacement ]**********/ /**********[ Drop-down as Select ]**********/ /**********[ Pull Quotes Markup ]**********/ /**********[ Photos - captions, tilt etc. ]**********/ /**********[ Accordion styling - Custom ]**********/ /**********[ Breadcrumbs ]**********/ /**********[ Media Object ]**********/ /**********[ CSS3 columns ]**********/ /**********[ Alert modified styles ]**********/ /**********[ Style list as table ]**********/ /**********[ Styles for scrollable table ]**********/ /**********[ Date icon ]**********/ /**********[ Date icon, small ]**********/ /**********[ Icon fonts ]**********/ /**********[ Fast FACS Circle Highlights ]**********/ /**********[ Promotional banners/flags ]**********/ /**********[ Full width background divs ]**********/ /**********[ Research theme labels ]**********/ /**********[ Miscellaneous ]**********/ /* ========================================================================== bootstrap-lightbox v0.7.0 - LightBox styles ========================================================================== */ /* ========================================================================== PRINT STYLES ========================================================================== */ /* ========================================================================== Classes for Expression Engine / Users ========================================================================== */ /**********[ End Table of Contents ]**********/ .gradient-gray { background-color: #f3f3f3; background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #f3f3f3 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe9e9e9', GradientType=0); } .gradient-grayDkr { background-color: #ddd; background-image: -webkit-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: -o-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: linear-gradient(to bottom, #eeeeee 0%, #c8c8c8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffc8c8c8', GradientType=0); } /* ========================================================================== Modified BS styles for FACS design, Extend BS, DW display, etc. ========================================================================== */ .popover-title { font-size: 14px!important; font-weight: normal!important; line-height: 18px!important; margin: 0!important; padding: 8px 14px; } .top { margin-top: 0 !important; } .bottom { margin-bottom: 0 !important; } .panel { background: none; } .text-blue { color: #004f74; } a.text-blue:hover, a.text-blue:focus { color: #002c41; } .bg-green { background-color: #257325; } .bg-blue { background-color: #0084c0; } body:not(.tab-focus-outline) button:focus, body:not(.tab-focus-outline) input:focus, body:not(.tab-focus-outline) select:focus, body:not(.tab-focus-outline) textarea:focus { outline: none; } /**********[ Adding inverse, custom buttons ]**********/ .btn-inverse, .btn-blue { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-inverse:active, .btn-blue:active, .btn-inverse.active, .btn-blue.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-inverse.disabled, .btn-blue.disabled, .btn-inverse[disabled], .btn-blue[disabled], fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-blue { -webkit-box-shadow: none; box-shadow: none; } .btn-inverse .badge, .btn-blue .badge { text-shadow: none; } .btn-inverse { color: #ffffff; background-color: #333333; border-color: #262626; } .btn-inverse:focus, .btn-inverse.focus { color: #ffffff; background-color: #1a1a1a; border-color: #000000; } .btn-inverse:hover { color: #ffffff; background-color: #1a1a1a; border-color: #080808; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { color: #ffffff; background-color: #1a1a1a; border-color: #080808; } .btn-inverse:active:hover, .btn-inverse.active:hover, .open > .dropdown-toggle.btn-inverse:hover, .btn-inverse:active:focus, .btn-inverse.active:focus, .open > .dropdown-toggle.btn-inverse:focus, .btn-inverse:active.focus, .btn-inverse.active.focus, .open > .dropdown-toggle.btn-inverse.focus { color: #ffffff; background-color: #080808; border-color: #000000; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { background-image: none; } .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active { background-color: #333333; border-color: #262626; } .btn-inverse .badge { color: #333333; background-color: #ffffff; } .btn-inverse { background-image: -webkit-linear-gradient(top, #333333 0%, #141414 100%); background-image: -o-linear-gradient(top, #333333 0%, #141414 100%); background-image: linear-gradient(to bottom, #333333 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff141414', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #0f0f0f; } .btn-inverse:hover, .btn-inverse:focus { background-color: #141414; background-position: 0 -15px; } .btn-inverse:active, .btn-inverse.active { background-color: #141414; border-color: #0f0f0f; } .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active { background-color: #141414; background-image: none; } .btn-blue { color: #ffffff; background-color: #049cdb; border-color: #048ac2; } .btn-blue:focus, .btn-blue.focus { color: #ffffff; background-color: #0378a9; border-color: #013145; } .btn-blue:hover { color: #ffffff; background-color: #0378a9; border-color: #025f86; } .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue { color: #ffffff; background-color: #0378a9; border-color: #025f86; } .btn-blue:active:hover, .btn-blue.active:hover, .open > .dropdown-toggle.btn-blue:hover, .btn-blue:active:focus, .btn-blue.active:focus, .open > .dropdown-toggle.btn-blue:focus, .btn-blue:active.focus, .btn-blue.active.focus, .open > .dropdown-toggle.btn-blue.focus { color: #ffffff; background-color: #025f86; border-color: #013145; } .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled.focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue.focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #049cdb; border-color: #048ac2; } .btn-blue .badge { color: #049cdb; background-color: #ffffff; } .btn-blue { background-image: -webkit-linear-gradient(top, #049cdb 0%, #03719f 100%); background-image: -o-linear-gradient(top, #049cdb 0%, #03719f 100%); background-image: linear-gradient(to bottom, #049cdb 0%, #03719f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff049cdb', endColorstr='#ff03719f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #036a95; } .btn-blue:hover, .btn-blue:focus { background-color: #03719f; background-position: 0 -15px; } .btn-blue:active, .btn-blue.active { background-color: #03719f; border-color: #036a95; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled.focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue.focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #03719f; background-image: none; } .btn-inverse:hover { background-color: #333; background-image: -webkit-linear-gradient(top, #595959 0%, #333333 100%); background-image: -o-linear-gradient(top, #595959 0%, #333333 100%); background-image: linear-gradient(to bottom, #595959 0%, #333333 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff595959', endColorstr='#ff333333', GradientType=0); } .btn-inverse:active { background: #707070; background-image: linear-gradient(to bottom, #707070 0%, #525252 100%); } .btn-inverse .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; } .btn-blue .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; } .btn-nav { padding: 1px 6px; font-size: 14px; line-height: 1.5; border-radius: 3px; line-height: 20px; } .btn-nav .caret { border-top: 4px solid #000 ; } /**********[ Extending Bootstrap's dropdown ]**********/ .dropdown-menu > li > p { border-top: 1px solid #ddd; color: #333333; margin: 5px 0 0; padding: 3px 20px; text-decoration: underline; white-space: nowrap; } .dropdown-menu > li > p .caret { float: right; margin-top: -10px; } .dropdown-menu > li > ul { padding: 0; } .dropdown-menu > li > ul a { clear: both; color: #333; display: block; font-weight: normal; line-height: 20px; padding: 3px 10px 3px 10px; white-space: nowrap; } .dropdown-menu .subnav-head a:hover, .dropdown-menu .subnav-head a:focus, .dropdown-menu > li > ul a:hover, .dropdown-menu > li > ul a:focus { background-color: #E9E9E9; background-image: linear-gradient(to bottom, #eeeeee, #e1e1e1); background-repeat: repeat-x; } /**********[ Restyling Bootstrap's Accordion ]**********/ .panel-group { margin-bottom: 20px; } .panel-default { border-left: none; border-right: none; border-top: none; } .panel-default > .panel-heading { background: none; } footer .panel-group .panel-heading + .panel-collapse .panel-body { border-top: none; } .panel-group.panel-no-pad .panel-heading, .panel-group.panel-no-pad .panel-body { padding: 0; } /**********[ Adding alt thumbnail style ]**********/ .thumbnail2 { border: 5px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); display: block; transition: all 200ms ease-out 0s; } .thumbnail2:hover, .thumbnail2:focus { box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } .thumbnail2.rounded { border-radius: 5px; } a.thumbnail2 { display: block; max-width: 100%; } .thumbnail2 > img, .thumbnail2 a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail2 .caption { padding: 9px; color: #333333; } /**********[ Restyling BS wells ]**********/ .well { background-image: none; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2); } .well-inverse { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); } .well-thin, .well-white { -webkit-box-shadow: none; box-shadow: none; } .well-white { background: none; border: none; } .tooltip-inner { border: 1px solid #f5f5f5; } /**********[ Importing breakpoints into JS ]**********/ body:before { content: "xxs"; display: none; /* Prevent from displaying. */ } @media (min-width: 480px) { body:before { content: "xs"; } } @media (min-width: 768px) { body:before { content: "sm"; } } @media (min-width: 992px) { body:before { content: "md"; } } @media (min-width: 1200px) { body:before { content: "lg"; } } #toplinks .container { text-align: center; } #curr_size { color: #999; font-size: 12px; margin: 0 auto; } /**********[ Temporary BS modal bugfix ]**********/ .modal { overflow-y: auto; } .modal-open { overflow: auto; } /* ========================================================================== Typography ========================================================================== */ @font-face { font-family: 'arial-black'; src: local('Arial Black'); } .font-sans-narrow { font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", "Nimbus Sans L", sans-serif; } .font-sans-wide { font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; } .font-sans-mono { font-family: Consolas, "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; } .font-sans-trebuchet { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } .font-black-narrow { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Bitstream Vera Sans Bold", "Arial Black", sans-serif; } .font-black-wide { font-family: "Arial Black", arial-black, "Arial Bold", Gadget, sans-serif; font-weight: 900; } .font-geometric { font-family: "Century Gothic", CenturyGothic, "Tw Cen MT", "AppleGothic", Futura, "URW Gothic L", Arial, sans-serif; } .font-serif-narrow { font-family: Cambria, "Times New Roman", Times, Utopia, "Century Schoolbook L", "Liberation Serif", serif; } .font-serif-wide { font-family: Georgia, "Lucida Bright", Lucidabright, "Lucida Serif", "Bitstream Vera Serif", "Liberation Serif", serif; } .font-serif-mono { font-family: "Courier New", Courier, "Lucida Typewriter", monospace; } .font-palatino { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } .font-bitter { font-family: 'Bitter', serif; } .font-delius { font-family: 'Delius', cursive; } .font-donegal { font-family: 'Donegal One', serif; } .font-prociono { font-family: 'Prociono', serif; } pre, code { margin: .75em 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; } code { padding: 0 .5em; color: #555555; border: 1px solid #eeeeee; font-size: 1em; } p code, figcaption code { border: none; } blockquote code { font-size: 1.25em; padding: 1em; color: #555555; border: none; } pre { background-color: #eeeeee; color: #333333; display: block; padding: 1em; } /**********[ General Rules For H, P tags ]**********/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .title { font-weight: bold; margin: 10px 0; } h1, .h1 { line-height: 1.1; } p, blockquote p, figcaption, pre, code { font-size: 14px; line-height: 1.4285714285714286; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { display: inline-block; line-height: 1.2; } h1 { font-size: 24px; } h2 { font-size: 21px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 .small, .h1 .small { font-size: 0.875em; } h2 .small, .h2 .small { font-size: 0.8571428571428571em; } h3 .small, .h3 .small { font-size: 0.8888888888888888em; } h4 .small, .h4 .small { font-size: 0.875em; } h5 .small, .h5 .small { font-size: 0.8571428571428571em; } h1 + p.subhead { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; color: #999999; font-size: 1.2857142857142858em; line-height: 1; margin: -5px 0 5px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: normal; } h2, .h2, h3, .h3, h4, .h4 { letter-spacing: 1px; } div > h1:first-child, div > h2:first-child, div > h3:first-child { margin-top: -8px; } .well > h1:first-child, .well > h2:first-child, .well > h3:first-child, .well > h4:first-child { padding-top: 0; min-height: 20px; } h1, .h1 { min-height: 40px; } h2, .h2, h3, .h3 { min-height: 30px; } h4, .h4, h5, .h5, h6, .h6 { min-height: 20px; } h1, .h1 { font-size: 30px; padding-top: 0; } h2, .h2 { font-size: 25px; padding-top: 6px; } h3, .h3 { font-size: 21px; padding-top: 11px; } h4, .h4 { font-size: 17px; padding-top: 0; } h5, .h5 { font-size: 14px; padding-top: 5px; } h6, .h6 { font-size: 12px; padding-top: 6px; } h1 + h2 { margin-top: -6px; min-height: 0!important; } h1 + h3, h2 + h3 { margin-top: -11px; min-height: 0!important; } h1 + h4, h2 + h4, h3 + h4 { margin-top: 0px; min-height: 0!important; } h2 + h5, h3 + h5, h4 + h5 { margin-top: -5px; min-height: 0!important; } h4 + h6, h5 + h6 { margin-top: -6px; min-height: 0!important; } h1 .small, .h1 .small { font-size: 0.8333333333333334em; } h2 .small, .h2 .small { font-size: 0.84em; } h3 .small, .h3 .small { font-size: 0.8095238095238095em; } h4 .small, .h4 .small { font-size: 0.8235294117647058em; } h5 .small, .h5 .small { font-size: 0.8571428571428571em; } h1 + p.subhead { font-size: 1.5em; } @media screen and (min-width: 992px) { h2, .h2, h3, .h3 { min-height: 40px; } h4, .h4, h5, .h5, h6, .h6 { min-height: 20px; } h1, .h1 { font-size: 36px; padding-top: 0; } h2, .h2 { font-size: 29px; padding-top: 6px; } h3, .h3 { font-size: 23px; padding-top: 11px; } h4, .h4 { font-size: 18px; padding-top: 0; } h5, .h5 { font-size: 14px; padding-top: 5px; } h6, .h6 { font-size: 12px; padding-top: 6px; } h1 .small, .h1 .small { font-size: 0.8055555555555556em; } h2 .small, .h2 .small { font-size: 0.7931034482758621em; } h3 .small, .h3 .small { font-size: 0.782608695652174em; } h4 .small, .h4 .small { font-size: 0.7777777777777778em; } h5 .small, .h5 .small { font-size: 0.8571428571428571em; } h1 + p.subhead { font-size: 1.6428571428571428em; margin-top: 0; } } /**********[ Block Quotes ]**********/ blockquote, .blockquote { font-style: italic; color: #666; font-family: Georgia, serif; position: relative; } blockquote > footer, blockquote > small, blockquote > .small { font-style: normal; } blockquote cite { color: #000; font-style: normal; } blockquote footer, blockquote small, blockquote .small { text-indent: -1em; margin-left: 1em; } .bq-footer-right { clear: both; float: right; } .blockquote { font-size: 16px; padding: 10px 20px; margin: 0 0 20px; max-width: 40ems; border-left: 5px solid #eeeeee; } blockquote:after { clear: both; content: " "; display: table; } .blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child { margin-bottom: 0; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .blockquote2 { border: none; padding: 10px; } .blockquote2 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .blockquote2::before { content: ""; } .blockquote2 > p { background: url('https://www.fcs.uga.edu/images/css/close-quote.gif') no-repeat right bottom; padding-left: 12px; text-indent: -12px; } .blockquote2 > p:after { content: '\0000a0'; } .blockquote2 > p:first-letter { background: url('https://www.fcs.uga.edu/images/css/open-quote.gif') no-repeat left top; padding-left: 12px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; } .blockquote2 > small, .blockquote2 > footer { padding: 0 0 10px 18px; } .well > .blockquote2 { margin-bottom: 0; padding: 0; } .blockquote3 { border-top: 1px solid #ddd; border-right: 2px solid #ddd; border-left: 15px solid #ddd; -webkit-box-shadow: 2px 2px 10px #ddd; -moz-box-shadow: 2px 2px 10px #ddd; box-shadow: 2px 2px 10px #ddd; padding: 15px 20px 10px 35px; position: relative; text-align: justify; } .blockquote3::before, .blockquote3::after { font-family: Georgia, "Lucida Bright", Lucidabright, "Lucida Serif", "Bitstream Vera Serif", "Liberation Serif", serif; font-size: 50px; font-weight: bold; color: #999; position: absolute; } .blockquote3::before { content: "\201C"; left: 0; top: 0; } .blockquote3::after { content: ""; } .blockquote4.blockquote4 { border-bottom: 1px solid #ccc; border-left: none; border-top: 1px solid #ccc; box-sizing: border-box; color: #444; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; font-style: italic; margin: 1.5em 0; padding: 0 1em; } .blockquote4 + .blockquote4 { margin-top: 2em; } .blockquote4 i, .blockquote4 em, .blockquote4 code, .blockquote4 cite { font-style: normal; } .blockquote4 p { margin: 1em 0; } .blockquote4 footer { border-top: 1px solid #ccc; font-family: Arial, sans-serif; font-size: 65%; font-style: normal; line-height: 1.1; padding: 1em 0 1em 1em; position: relative; } .blockquote4 footer cite::before { background-color: #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; content: ""; display: block; height: 1em; position: absolute; transform: rotate(45deg); left: 2em; top: -0.5em; width: 1em; } .testimonial { max-width: 500px; position: relative; padding: 10px 25px 40px 20px; } .testimonial blockquote, .testimonial blockquote p { font-size: 16px; } .testimonial blockquote { border-left: none; line-height: 1.4; quotes: "\201C" "\201D" "\2018" "\2019"; margin: 0; z-index: 10; } .testimonial blockquote:before { color: #b54848; font-size: 5em; position: absolute; z-index: -1; content: open-quote; left: -15px; top: -20px; } .testimonial-photo { border-bottom: 1px solid #ddd; margin: 10px auto; width: 55%; } .testimonial-name { font-size: 14px; line-height: 1.1; padding: 10px 0 5px; text-align: center; } /**********[ Misc Typography ]**********/ .text-accent { color: #0084c0; } code { background-color: transparent; border: none; } sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.6em; } sub { bottom: -0.3em; } .lead { font-style: italic; font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } .normal-leading { line-height: 1.2!important; } .single-line { line-height: 1.2!important; margin: 5px 0!important; } .smallfont { font-size: 75%; } .bigfont { font-size: 150%; } .no-hyphens { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .break-line { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .truncate-line { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .truncate-line:focus, .truncate-line:hover { overflow-x: visible; } @media (max-width: 1110px) { .spotlights #people ul h4 { font-size: 19px; } .spotlights .tab-content h2, .spotlights > article > h2 { font-size: 30px; } } @media (max-width: 1030px) { .spotlights #people ul h4 { font-size: 17px; } .spotlights .tab-content h2, .spotlights > article > h2 { font-size: 27px; } } @media (max-width: 1000px) { .spotlights #people ul h4 { font-size: 15px; } .spotlights .tab-content h2, .spotlights > article > h2 { font-size: 24px; } } @media (max-width: 910px) { .spotlights #people ul h4 { font-size: 13px; font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", "Nimbus Sans L", sans-serif; } .spotlights .tab-content h2 { font-size: 20px; } } /* ========================================================================== HTML elements ========================================================================== */ html { -ms-overflow-style: scrollbar; } /**********[ LINKS ]**********/ .dropdown-toggle { cursor: hand; cursor: pointer; } /**********[ LISTS ]**********/ .list-ruled li + li { border-top: 1px solid #e0e0e0; } .list-padded li, .list-ruled li { padding: 5px 0; } .list-pull-left { padding-left: 1.6em; } .list-p-padded > p { margin-bottom: 30px; } .list-h-padded > h2, .list-h-padded > h3, .list-h-padded > h4 { margin-top: 20px; } .list-h-padded > h2:first-child, .list-h-padded > h3:first-child, .list-h-padded > h4:first-child { margin-top: 10px; } .list-child-padded > * { margin-bottom: 20px; margin-top: 20px; } /*nested lists formatted as outline*/ .list-outline, .list-outline ul, .list-outline li li li li { font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", "Nimbus Sans L", sans-serif; font-size: 14px; line-height: 1.428571429; list-style: none; } .list-outline { margin-bottom: 20px; } h2 + ul.list-outline { margin-top: -10px; } .list-outline li { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } .list-outline li { font-size: 25px; padding-top: 11px; } /*h2*/ .list-outline li li { font-size: 21px; padding-top: 6px; } /*h3*/ .list-outline li li li { font-size: 17px; } /*h4*/ .list-outline li li li li li { font-style: italic; } /*h6*/ /*unordered lists with columns of items*/ @media (min-width: 768px) { /*Deprecated*/ .ul-col2:after, .ul-col3:after, .ul-col4:after { display: table; content: ""; line-height: 0; clear: both; } .ul-col2 li, .ul-col3 li, .ul-col4 li { float: left; } .ul-col2 li { width: 50%; } .ul-col3 li { width: 33.33333333%; } .ul-col4 li { width: 25%; } } /*New Multicoulmn rules - No MQ, col-width */ .col2:after, .col3:after, .col4:after { display: table; content: ""; line-height: 0; clear: both; } .col2, .col3, .col4 { column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; -webkit-perspective: 1; } /* (360px*2) + (2*20px) = 760px*/ .col2 { -webkit-columns: 360px 2; -moz-columns: 360px 2; columns: 360px 2; } /* (240px*3) + (3*20px) = 780px*/ .col3 { -webkit-columns: 240px 3; -moz-columns: 240px 3; columns: 240px 3; } /* (240px*4) + (3*20px) = 1020px*/ .col4 { -webkit-columns: 240px 4; -moz-columns: 240px 4; columns: 240px 4; } /**********[ Lining style Definition Lists ]**********/ .lining dt, .lining dd { display: inline; font-weight: bold; margin: 0; } .lining dt + dt:before, .lining dd + dt:before { content: "\A"; white-space: pre; } .lining dd + dd:before { content: ", "; } .lining dd:before { content: ": "; margin-left: -0.2rem; } /**********[ Dictionary style Def Lists ]**********/ .dictionary-style dt { display: inline; font-weight: bold; counter-reset: definitions; } .dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; } .dictionary-style dd { display: block; counter-increment: definitions; } .dictionary-style dd:before { content: counter(definitions, decimal) ". "; } /**********[ TABLES ]**********/ .table thead th { border-bottom: 1px #999 solid; } /**********[ FORMS ]**********/ legend.inset { padding: 0.1666666667em 0.4166666667em; } .inputs-block select, .inputs-block input[type="text"] { display: block; margin-bottom: 9px; } /**********[ MISCELLANEOUS ELEMENTS ]**********/ hr { border: 0; border-top: 1px solid #ccc; clear: both; display: block; height: 1px; margin: 0 0 1.5em; padding: 0; } /* tested! */ img, a img { border: none; margin: 0; } img, video { max-width: 100%; height: auto; } /* This is a new technique for table-like distributed spacing of elements */ .justified { text-align: justify!important; /*font-size: 0.1px;*/ /*hide whitespace between elements*/ } .justified li, .justified div, .justified img, .justified section { display: inline-block; } .justified:after { content: ''; width: 100%; display: inline-block; } /* ========================================================================== Layout and major section styles - General ========================================================================== */ .container { max-width: 1400px!important; margin: 0 auto; padding: 0; text-align: left; width: 100%!important; } @media (min-width: 1430px) { .container { padding: 0 30px; } } .container-shadow2 { position: relative; } .container-inner { margin: 0 30px 0; } .content { margin: 30px 30px 0; padding-bottom: 20px; } .content.interior.private .navbar.local-nav li.level_0 > a, .content.interior.private h1:first-child small, .content.interior.private h1:first-child .small { color: #CC0000; } .page-header { margin-bottom: 25px; } @media (max-width: 767px) { body { padding-right: 0; padding-left: 0; } } @media (min-width: 1170px) { .container { padding: 0 30px; } .row-shadow-left, .row-shadow-right { position: absolute; height: 100%; width: 24px; top: 0; bottom: 0; } .row-shadow-left { left: -24px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.25) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.02)), color-stop(100%, rgba(0, 0, 0, 0.25))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.25) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.25) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.25) 100%); } .row-shadow-right { right: -24px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.02) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.02) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.02) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.02) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.02) 100%); } } /* ========================================================================== Header ========================================================================== */ /**********[ Top bar - UGA, Audiences ]**********/ a:focus.sr-only.skiplink { background: #FFFF00; border: 2px solid #c00; clip: none; display: block; font-weight: bold; height: auto; margin: 0; overflow: hidden; padding: 10px; position: static; text-align: center; width: 100%; } #toplinks { background: url('https://www.fcs.uga.edu/images/css/banner_bak.png') repeat-x scroll center bottom #bb0000; } #toplinks > nav > div > a, .audience-nav > li > a { color: #ffffff !important; font-size: 12px; height: 40px; line-height: 40px; } .audience-nav > li { margin: 0; padding-right: 1em; } #toplinks > nav > ul { margin: 0 1em 0 0; } @media (min-width: 768px) { #toplinks .hidden-xs { display: inline-block !important; } } @media (max-width: 767px) { #toplinks .visible-xs { display: inline-block !important; } } .ugalinks > a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-left: 1em; padding: 0; } @media (min-width: 768px) { #toplinks { background: #000000 none; } #toplinks > nav > div > a, .audience-nav > li > a { height: 20px; line-height: 20px; } } /**********[ Banner ]**********/ #banner { background: #bb0000 url('https://www.fcs.uga.edu/images/css/banner_bak.png') repeat-x bottom; min-height: 60px; } #banner > .container { position: relative; } #facs_banner { float: left; margin: 20px 0; width: 60%; } #home { color: #ffffff; font-size: 1.25em; float: left; line-height: 2em; letter-spacing: -1px; text-shadow: 2px 3px 3px #292929; width: 60%; } @media (max-width: 400px) { #ugal { display: none; } } @media (max-width: 767px) { body { padding-right: 0; padding-left: 0; } #banner { padding-left: 10px; padding-right: 20px; } #facs_banner { display: none; } } #banner_badge { /*Commented values are for .fa-icon*/ position: absolute; left: 58.4%; top: 38px; width: 5.5vw; max-width: 73px; z-index: 1040; } #banner_badge:hover { /*top: 24px;*/ } #banner_badge .fa { color: #111; text-shadow: 0 0 2px #ffffff, 3px 3px 3px rgba(0, 0, 0, 0.5); font-size: 4.67vw; } #banner_badge:hover .fa { text-shadow: 0 0 4px #ffffff, 4px 4px 4px rgba(0, 0, 0, 0.5); } @media (min-width: 1199px) { #banner_badge { left: 700px; } #banner_badge .fa { font-size: 56px; } } /**********[ Social Media buttons ]**********/ .social-media { height: 30px; margin-top: 15px; /* left: 10px; position: relative; top: 15px;*/ } .social-media .btn-social-icon { margin: 0 10px 0 0; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); } @media (min-width: 900px) { .social-media .btn-social-icon { margin: 0 15px 0 0; } } .social-media .btn-social-icon:focus, .social-media .btn-social-icon:hover { top: 2px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); } .btn-social-icon .fa-facebook, .btn-social-icon .fa-instagram, .btn-social-icon .fa-linkedin, .btn-social-icon .fa-twitter, .btn-social-icon .fa-youtube { color: #fff; background: none; } .btn-social-icon .fa-flickr { color: #fff; background-size: 60% 60%; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; height: 34px; width: 34px; padding: 0; } .btn-social-icon i { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-lg i { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm i { line-height: 28px; width: 28px; font-size: 20px; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs i { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-facebook { background-color: #3b5998; } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { background-color: #30487b; } .btn-flickr { background-color: #ff0084; } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { background-color: #d6006f; } .btn-instagram { background-color: #A76B55; } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { background-color: #865542; } .btn-linkedin { background-color: #007bb6; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { background-color: #005f8d; } .btn-twitter { background-color: #55acee; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { background-color: #309aea; } .btn-youtube { background-color: #FF261B; } .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .open .dropdown-toggle.btn-youtube { background-color: #E62117; } /**********[ Google search ]**********/ #facs_search { width: 100%; margin: 0; } #g_search2 { margin: 8px 0 0 5px; width: 40%; } #g_search2 .gsc-clear-button, #g_search2 .gsc-search-button { display: none; } #g_search2 div.gsc-control-cse.gsc-control-cse-en { background: none repeat scroll 0 0 transparent; border: none; padding: 0; } #g_search2 table.gsc-search-box td.gsc-input { padding-right: 0; } #g_search2 #gsc-i-id1, #g_search2 form.gsc-search-box, #g_search2 table.gsc-search-box { margin: 0 !important; } #g_search2 input.gsc-input { background-clip: padding-box; border-radius: 0; font-size: 14px; } #g_search2 form.gsc-search-box { background: none; border: none; border-radius: 0; float: left; padding: 0!important; width: 100% !important; } .gsc-option-menu-container { min-width: 70px!important; padding: 0 !important; width: 74px !important; } .gsc-option-menu-container .gsc-selected-option-container { min-width: 70px; padding: 0 !important; width: 74px !important; } .gsc-selected-option { width: 70px !important; } .gsc-control-cse .gsc-table-result { margin: 0 8px; } @media (max-width: 767px) { #banner { display: none; } #main_nav { border-top: 4px solid #950000; } #toggle-search { background: #950000; color: #fff; cursor: pointer; display: inline-block; height: 40px; position: relative; top: -1px; margin: -10px 0 -10px 15px; width: 40px; } #toggle-search img { height: 25px; width: 30px; margin-left: -10px; } } @media (min-width: 768px) { #facs_search { margin-left: 6%; margin-top: 15px; width: 34%; } #g_search2 { display: none; } #g_search { width: 100%; } #g_search { /* Search input */ /* Search button */ } #g_search #gsc-i-id1, #g_search form.gsc-search-box, #g_search table.gsc-search-box { margin: 0!important; } #g_search div.gsc-control-cse.gsc-control-cse-en { background: transparent; border: none; height: 26px; padding: 0; } #g_search .gsc-search-box .gsc-input { font-size: 14px; height: 26px; margin-top: 0 !important; padding-right: 0; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #g_search div.gsc-input-box { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #g_search .gsib_a { padding: 2px 6px; } #g_search .gsc-search-button input.gsc-search-button-v2, #g_search input.gsc-search-button-v2 { background: #cc0000; border: 1px solid #CC0000; cursor: hand; height: 25px; margin: 5px 0 0 2px; padding: 4px; width: 26px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #g_search form.gsc-search-box { border: 1px solid #CA0000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #660000 url('https://www.fcs.uga.edu/images/css/facs_sprites.png') repeat-x 0 -250px; padding: 7px 10px; width: 90%; } } @media (min-width: 801px) and (max-width: 960px) { #facs_search { margin-left: 5%; width: 34%; } } /* ========================================================================== Navbars - #main-nav, .megamenu, local-nav, .right-nav ========================================================================== */ /**********[ Global rules - all navbars ]**********/ .menu-icon { position: relative; padding-left: 1.25em; } .menu-icon:before { content: ""; position: absolute; top: 0.2142857em; left: 0; width: 1em; height: 0.7142857em; border-top: 0.42857em double #000; border-bottom: 0.142857em solid #000; } .navbar { min-height: 40px; } .navbar a:link, .sidebar-nav a:link { text-decoration: none; } .navbar abbr, .sidebar-nav abbr { cursor: inherit; } .navbar .dropdown-menu { margin-top: 0px; border-radius: 0 0 6px 6px; } .navbar abbr { border-bottom: none; } .nav.nav-tabs > li > a { padding: 8px 12px; } .highlight-links { border-right: 1px solid #eee; } .highlight-links img { margin-left: -14px; } .highlight-links > div { position: relative; top: -24px; left: -10px; } @media (max-width: 767px) { .navbar-nav { margin-bottom: 0; margin-top: 0; } .navbar .nav li { margin: 0; padding: 0; } .navbar .nav > li { margin: 0 -30px 0 0; } .navbar .nav .row { margin: 0; padding: 0; } .navbar-nav > .dropdown > .dropdown-toggle { border-bottom: 1px solid #ddd; } } @media (max-width: 940px) { b.caret { display: none!important; } } @media (min-width: 768px) { .no-touch .navbar ul.nav li:hover > ul.dropdown-menu { display: block; margin-top: 0; } .no-touch .navbar-inverse .megamenu a:focus .nav-head, .no-touch .navbar-inverse .megamenu a:hover .nav-head, .no-touch .navbar-inverse .megamenu a:focus .nav-sub, .no-touch .navbar-inverse .megamenu a:hover .nav-sub { color: #333333 !important; } .no-touch .navbar-inverse .megamenu .nav > li > a:focus, .no-touch .navbar-inverse .megamenu .nav > li > a:hover, .no-touch .navbar-inverse .megamenu .nav > li.active > a:focus, .no-touch .navbar-inverse .megamenu .nav > li.active > a:hover { background-color: #fafafa; background-image: -webkit-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%); background-image: -o-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%); background-image: linear-gradient(to bottom, #eeeeee 0%, #aaaaaa 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffaaaaaa', GradientType=0); } .no-touch .navbar-inverse .megamenu .nav li.dropdown > a:hover .caret, .no-touch .navbar-inverse .megamenu .nav li.dropdown > a:focus .caret { border-top-color: #000; border-bottom-color: #000; } } @media (min-width: 992px) { .navbar-header { width: 100%; } .navbar-collapse { padding: 0; } } /**********[ Navbar - #main_nav ]**********/ #main_nav { background-color: #252525; z-index: 995; } #main_nav .navbar { margin-bottom: 0; } .navbar .megamenu .nav > li > a { padding: 10px 12px; } .megamenu .dropdown-toggle { cursor: default; } .navbar .dropdown-menu:before { content: none!important; } .navbar .dropdown-menu:after { content: none!important; } .navbar-inverse .megamenu a:link .nav-head, .navbar-inverse .megamenu a:visited .nav-head { font-weight: bold; text-shadow: none; color: #e4e4e4; } .navbar-inverse .megamenu a:link .nav-sub, .navbar-inverse .megamenu a:visited .nav-sub { font-size: 11px; text-shadow: none; color: #bfbfbf; } .navbar-inverse a { -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } #main_nav .navbar-brand { float: none; margin: 0 auto; padding: 10px; white-space: nowrap; } #main_nav .navbar-brand > a { color: #cc0000; padding: 10px 5px 10px 15px; } #main_nav .navbar-brand > a:hover { text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); } #main_nav .navbar-brand .btn { margin: -2px 0 -2px 3%; } .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { border-color: transparent; } #ugab { margin-top: -6px; } /**********[ Submenu - megamenu ]**********/ .megamenu { position: relative; } .megamenu ul { list-style: none; width: 100%; } .megamenu a.dropdown-toggle { padding: 7px 1em; display: block; text-decoration: none; } .megamenu > ul > li:first-child > a { border-left-width: 0; border-top-left-radius: 3px; } .megamenu > ul > li:last-child > a { border-right-width: 0; border-top-right-radius: 3px; } .megamenu .dropdown-menu { border-top-color: #ffffff; } .megamenu .dropdown-menu .subnav-head { border-bottom: 1px solid #ccc; display: block; font-weight: bold; padding: 3px 0 5px 14px; } .megamenu .subnav-head > a { border: none; color: #333; font-weight: bold; padding: 0; } .megamenu .dropdown-menu > li > .media > img { float: left; height: 94px; margin: 10px 20px 0 0; width: 125px; } .megamenu .dropdown-menu > li > .media { margin: 0; } .navbar .megamenu .nav > li > a { padding: 10px 12px; } .megamenu > ul > li ul a { display: block; border-style: solid; border-color: transparent; border-width: 1px; padding: 7px 14px; } .megamenu > ul > li ul a:hover { color: #cc0000; border-radius: 3px; } .megamenu > ul > li ul a:visited { color: #333; } .megamenu .dropdown-menu > li > p { border: none; padding: 5px 0; text-decoration: none; } .megamenu > ul.open > li > ul, .no-js .megamenu > ul:hover > li > ul { display: block; } .megamenu .media-object { padding: 12px 0 0 4px; } @media (max-width: 767px) { #main_nav .navbar-toggle { color: #fff!important; } .nav-sub { padding-left: 2em; } #main-nav { padding-left: 30px; padding-right: 30px; } /*Modified dropdown submenus*/ .megamenu a.dropdown-toggle { display: inline-block; width: 100%; } .megamenu .dropdown-menu > li { width: 100%; } .megamenu .dropdown-menu > li ul { background-color: #eee; margin: 0; } .megamenu .dropdown-menu > li ul:before, .megamenu .dropdown-menu > li ul:after { content: " "; display: table; } .megamenu .dropdown-menu > li ul:after { clear: both; } .megamenu .dropdown-menu > li li { float: left; margin: 0; padding: 0; width: 50%; } .megamenu .dropdown-menu > li li:nth-child(odd) > a { border-right: 1px solid #aaa; } .megamenu .dropdown-menu > li li:nth-child(odd):last-child > a { border-bottom: none; } .megamenu .dropdown-menu a { background-color: #eee; border-bottom: 1px solid #aaa; color: #000!important; font-weight: normal; margin: 0; padding: 10px; } .megamenu .dropdown-menu a:hover { background: #ddd none; } .megamenu .dropdown-menu .subnav-head { background: #ccc; border: none; padding: 10px; width: 100%; } .megamenu .dropdown-menu .subnav-head a { background: #ccc; font-weight: bold; letter-spacing: 1px; } } @media (min-width: 768px) { .megamenu > ul > li { width: 12.5%; } #admis { width: 13.388429752066116%; } #admis > .dropdown-menu { width: 746.9135802469136%; margin-left: 0; } #stud { width: 12.727272727272727%; } #stud > .dropdown-menu { width: 785.7142857142857%; margin-left: -105.1948051948052%; } #acad { width: 18.84297520661157%; } #acad > .dropdown-menu { width: 530.7017543859649%; margin-left: -138.5964912280702%; } #res { width: 16.03305785123967%; } #res > .dropdown-menu { width: 623.7113402061856%; margin-left: -280.4123711340206%; } #out { width: 14.214876033057852%; } #out > .dropdown-menu { width: 703.4883720930233%; margin-left: -429.06976744186045%; } #giv { width: 11.735537190082644%; } #giv > .dropdown-menu { width: 852.112676056338%; margin-left: -640.8450704225352%; } #abot { width: 13.057851239669422%; } #abot > .dropdown-menu { width: 765.8227848101266%; margin-left: -665.8227848101266%; } .megamenu .dropdown-menu { padding-bottom: 10px; } .megamenu .dropdown-toggle .nav-head, .megamenu .dropdown-toggle .nav-sub { display: block; } } @media (max-width: 767px) { #main_nav .navbar-header { text-align: center; } #main_nav .navbar-toggle { background: #eee; color: #333!important; } #main_nav #locl { color: #990000!important; text-transform: uppercase; } #main_nav .dropdown-menu img { display: none; } } /**********[ Local Nav - left, sub navbar ]**********/ /* Adds off-canvas behavior */ @media screen and (max-width: 767px) { .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas-right .sidebar-offcanvas { right: -50%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { left: -50%; /* 6 columns */ } .row-offcanvas-right.active { right: 50%; /* 6 columns */ } .row-offcanvas-left.active { left: 50%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; top: 0; width: 50%; /* 6 columns */ } /*Clears highlight & related people boxes*/ .sidebx, .sidebar { clear: both; } } .navbar .navbar-toggle { height: 38px; margin: 1px 0 0; } .content .navbar { z-index: 500; } #nv-local > ul { background: #fff; border: 1px solid #D4D4D4; border-radius: 4px 4px 4px 4px; padding-bottom: 20px; } .local-nav ul { list-style: none outside none; padding: 0; } .affix { top: 30px; } .affix-bottom { position: absolute; bottom: 559px; } .local-nav a { display: block; padding: 5px 14px; } .local-nav .nav ul a:link, .local-nav .nav ul a:visited { background: transparent url('https://www.fcs.uga.edu/images/css/local_nav_arrow.png') no-repeat top left; background-position: 100% -20px; color: #333; } .local-nav .nav ul a:focus, .local-nav .nav ul a:hover { background: #f0f0f0 url('https://www.fcs.uga.edu/images/css/local_nav_arrow.png') no-repeat top left; background-position: 100% 5px; color: #bb0000; text-decoration: none; } .local-nav hr { margin: 10px 20px 6px 14px; } .local-nav .level_0 { width: 100%; } .local-nav li.level_0 > a { border-bottom: #ddd solid 1px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset; color: #333; font-size: 20px; letter-spacing: 0; line-height: 1.1; margin-bottom: 5px; padding-top: 15px; font-family: Cambria, "Times New Roman", Times, Utopia, "Century Schoolbook L", "Liberation Serif", serif; background-color: #f3f3f3; background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #f3f3f3 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe9e9e9', GradientType=0); } .local-nav .navbar-btn { padding: 7px 10px 6px; } .local-nav .level_1 > a { font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; } .local-nav .level_2 > a { padding-left: 28px; font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", "Nimbus Sans L", sans-serif; } .local-nav .level_3 > a { padding-left: 42px; } .local-nav .level_4 > a { padding-left: 56px; } .local-nav .active_parent > a, .local-nav .active > a { font-weight: bold; } .node_honor-hall-of-recognition li { display: none; } .node_honor-hall-of-recognition li.active { display: block; } /*@media (max-width: 767px) { .local-nav { margin-bottom: 60px; min-height: 384px;} }*/ @media (max-width: 767px) { .local-nav { background: #fff none; border: none; border-radius: 0; box-shadow: none; min-height: 30px; margin-bottom: 0; position: absolute; left: -30px; right: -15px; /*.navbar-toggle { background-color: #ddd; float: none; margin: 0; position: absolute; right: 150px; top: -40px; width: 120px; }*/ } .local-nav li li > a, .local-nav .level_1 a { padding-left: 30px; } .local-nav li li li > a, .local-nav .level_2 a { padding-left: 45px ; } #nv-local { position: relative; } #nv-local li a { border-bottom: 1px #bbb solid; } #nv-local .nav > li:first-child > a:link, #nv-local .nav > li:first-child > a:visited { color: #000; } } @media (min-width: 768px) { .local-nav { margin-bottom: 60px; min-height: 384px; } .local-nav-bar li { background-color: #ddd; background-image: -webkit-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: -o-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: linear-gradient(to bottom, #eeeeee 0%, #c8c8c8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffc8c8c8', GradientType=0); } .local-nav-bar h4, .local-nav-bar .h4 { font-size: 21px!important; } } /**********[ Navbar - below carousel ]**********/ .midnav { background: #aa0000; margin: 0; } .midnav nav { background: #ddd; border-top: 1px solid #ccc; margin: 0; padding: 0; } .midnav nav ul { margin: 0 30px; padding: 0; text-align: center; } .midnav nav li { margin: 0; padding: 0; } .midnav nav a { margin: 0; padding: 0; } .midnav nav a:hover { background: none repeat scroll 0 0 #ccc; } .midnav nav h3 { color: #333; margin: 0; min-height: 10px; padding: 10px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .midnav nav a:hover h3 { color: #aa0000; } /* Additional code - Sort */ .local-nav.local-nav-custom { min-height: 48px; margin-bottom: 0; } .local-nav-custom #nv-local { border-radius: 4px 4px 0 0; padding-bottom: 0; } .local-nav-custom #nv-local li { height: 48px; } .sidebx.local-nav-custom div:first-child.well { border-radius: 0 0 4px 4px; } .local-nav hr { margin: 10px 20px 6px 14px; } /* ========================================================================== Carousel ========================================================================== */ /**********[ Defaults for all carousel styles ]**********/ #carouselBak { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0); -webkit-transition: background-color 0.6s ease-in-out 1s; -o-transition: background-color 0.6s ease-in-out 1s; transition: background-color 0.6s ease-in-out 1s; } .carousel-caption { text-align: left; } .carousel-caption a, .carousel-caption h2, .carousel-caption p { color: #fff; } .carousel-caption h2 { overflow: hidden; padding-top: 0; text-overflow: ellipsis; top: 0; } .carousel-caption p { overflow: hidden; text-overflow: ellipsis; } .carousel-caption .btn { padding: 4px 8px; } .carousel-indicators { top: 10px; left: 20px; margin: 0; font-size: 12px; width: auto; } .carousel-indicators li { border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4); margin: 1px 11px 1px 1px; } .carousel .carousel-indicators .active { margin: 0 10px 0 0; } .carousel-indicators li img { display: none; } /**********[ HEADER/HOME - fade, vert. caption]**********/ .carousel-header .carousel-caption { background: rgba(0,0,0,0.5); position: static; } .carousel-header .carousel-caption h2, .carousel-header .carousel-caption p { margin: 5px 5%; } .carousel-header .carousel-caption h2 { font-size: 24px; } .carousel-header .carousel-caption p { font-size: 13px; } .col-sm-9 .carousel-header .carousel-caption h2, .col-sm-9 .carousel-header .carousel-caption p { margin: 5px 5%; } .col-sm-9 .carousel-header .carousel-caption h2 { font-size: 20px; } .col-sm-9 .carousel-header .carousel-caption p { font-size: 12px; } @media (min-width: 992px) { .carousel-header .item { -webkit-transition: opacity 0.7s ease-in-out; -o-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out; } .carousel-header .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-header .carousel-inner .active { opacity: 1; } .carousel-header .carousel-inner .active.left, .carousel-header .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-header .carousel-inner .next.left, .carousel-header .carousel-inner .prev.right { opacity: 1; } .carousel-header .next, .carousel-header .prev { left: 0; z-index: 1; } .carousel-header .active.left, .carousel-header .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel-header .carousel-control { z-index: 3; } .carousel-header .item .carousel-caption { -webkit-transition: top 0.6s ease-in-out 1.8s; -o-transition: top 0.6s ease-in-out 1.8s; transition: top 0.6s ease-in-out 1.8s; } .carousel-header .next .carousel-caption { top: -300%; } .carousel-header .prev .carousel-caption { top: 300%; } .carousel-header .next.left .carousel-caption, .carousel-header .prev.right .carousel-caption { top: 0; } .carousel-header .active .carousel-caption { top: 0; } .carousel-header .active.left .carousel-caption { top: 300%; } .carousel-header .active.right.carousel-caption { top: -300%; } .carousel-header .carousel-caption p { overflow: hidden; } .carousel-header .carousel-caption h2 { overflow: hidden; text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.6); } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-header .carousel-inner > .item.next, .carousel-header .carousel-inner > .item.active.right, .carousel-header .carousel-inner > .item.prev, .carousel-header .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-header .carousel-inner > .item.next.left, .carousel-header .carousel-inner > .item.prev.right, .carousel-header .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-header .carousel-caption { background: #999; background: rgba(0, 0, 0, 0.5); bottom: 0; height: 100%; left: 67%; padding: 0; position: absolute; width: 33%; } .carousel-header .carousel-caption h2, .carousel-header .carousel-caption p { margin: 5px 4%; } .carousel-header .carousel-caption h2 { font-size: 20px; line-height: 1.1; max-height: 4.6em; min-height: 3.5em; } .carousel-header .carousel-caption p { font-size: 12px; line-height: 1.25; max-height: 6.45em; } .col-sm-9 .carousel-header .carousel-caption h2 { font-size: 18px; } .col-sm-9 .carousel-header .carousel-caption p { font-size: 12px; } /* ============================================================= */ .carousel-header .carousel-caption h2, .carousel-header .carousel-caption p { margin: 10px 10%; } .carousel-header .carousel-caption h2 { font-size: 29px; } .carousel-header .carousel-caption p { font-size: 14px; } .carousel-header .carousel-caption carousel-indicators { left: 30px; } .col-sm-9 .carousel-header .carousel-caption h2, .col-sm-9 .carousel-header .carousel-caption p { margin: 5px 5%; } .col-sm-9 .carousel-header .carousel-caption h2 { font-size: 24px; } .col-sm-9 .carousel-header .carousel-caption p { font-size: 13px; } } @media (min-width: 1200px) { .carousel-header .carousel-caption h2, .carousel-header .carousel-caption p { margin: 20px 10%; } .carousel-header .carousel-caption h2 { font-size: 29px; } .carousel-header .carousel-caption p { font-size: 14px; } .col-sm-9 .carousel-header .carousel-caption h2, .col-sm-9 .carousel-header .carousel-caption p { margin: 5px 5%; } } /**********[ ADDED STYLE - carousel-horizontal]**********/ .carousel-horizontal .carousel-caption, .carousel-thumbs .carousel-caption { background: #222222; /* Old browsers */ background-image: linear-gradient(to bottom, #404040 0%, #262626 100%); background-repeat: repeat-x; padding: 0 10px 5px; position: relative; top: auto; bottom: auto; left: auto; right: 0; width: 100%; } .carousel-horizontal .carousel-caption h2, .carousel-thumbs .carousel-caption h2, .carousel-horizontal .carousel-caption p:not(.btn), .carousel-thumbs .carousel-caption p:not(.btn) { line-height: 1; overflow: hidden; margin: 0; padding: 0; } .carousel-horizontal .carousel-caption h2, .carousel-thumbs .carousel-caption h2 { height: 29px; max-height: 29px; white-space: nowrap; } .carousel-horizontal .carousel-caption p:not(.btn), .carousel-thumbs .carousel-caption p:not(.btn) { float: left; height: 34px; line-height: 17px; max-height: 34px; width: 80%; } .carousel-horizontal .carousel-caption .btn, .carousel-thumbs .carousel-caption .btn { float: right; margin-bottom: 0; margin-left: 3%; width: 16%; } .carousel-horizontal.carousel-donate .carousel-donate-link { display: none; } /**********[ ADDED STYLE - no captions ]**********/ .carousel-no-caption .carousel-caption, .carousel-no-caption .carousel-donate-link { position: absolute; visibility: hidden; } .carousel-no-caption.carousel-donate .carousel-donate-link { display: none; } /**********[ ADDED STYLE - img thumbs 2 right ]**********/ .carousel-thumbs .item { background: #353535; } .carousel-thumbs .carousel-caption.carousel-caption { width: 80%; } .carousel-thumbs .carousel-indicators { background: #000; bottom: 0; left: 80%; margin: 0; top: 0; font-size: 12px; padding: 20px; width: 20%; } .carousel-thumbs .carousel-indicators > li, .carousel-thumbs .carousel-indicators > li.active { border: none; border-radius: 0; display: block; float: left; height: auto; margin: 0 0 20px 0; padding: 2px; text-indent: 0; width: 45%; } .carousel-thumbs .carousel-indicators > li:nth-of-type(2n) { margin-left: 4%; } .carousel-thumbs .carousel-indicators > li > div { overflow: hidden; } .carousel-thumbs .carousel-indicators > li img { display: block; margin-left: -96.1377870563%; max-width: 292.2755741%; width: 292.2755741%; } .carousel-thumbs .carousel-donate-link { bottom: 0; left: 80%; margin: 0; font-size: 12px; padding: 10px 20px; width: 20%; } .carousel-thumbs .carousel-donate-link a { float: right; width: 45%; } .carousel-thumbs .carousel-donate-link p { float: left; margin: 30px 0 0; width: 45%; } /**********[ ADDED STYLE - full page width ]**********/ .full-page-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .full-page-width .carousel-inner .item img { width: 100%; } /**********[ Added style - multi-scroller ]**********/ .multi-scroller { background: #eee; margin: 20px 0; padding: 0 20px; } .multi-scroller-nav.row { margin-bottom: 5px; margin-top: 10px; padding-bottom: 0; } .multi-scroller-nav > div > h2:first-child { margin-bottom: 0; margin-top: 0; } .multi-scroller-nav > .col-sm-3 { text-align: right; white-space: nowrap; } .multi-scroller .carousel-control { background: none #222222; border: 3px solid #FFFFFF; border-radius: 0; display: inline-block; font-size: 50px; height: 40px; line-height: 24px; margin: 8px 0 0; position: static; width: 25%; max-width: 40px; min-width: 30px; } .multi-scroller .carousel-control.right { margin: 0 20px 0 10px; } .multi-scroller .carousel-control:hover { text-decoration: none; } .multi-scroller .carousel-inner { margin: 0 -1%; } .multi-scroller .carousel-inner .row { margin: 0; } .multi-scroller .carousel-inner .row > div { float: left; width: 25%; overflow: hidden; padding: 1.5%; } .multi-scroller .carousel-inner .row > div img { width: 100%; } .multi-scroller .carousel-inner .row > div p { font-size: .85em; margin-top: 3px; } .multi-scroller .carousel-inner .row > div:hover { background: #ccc; } /**********[ ADDED STYLE - carousel-sliced ]**********/ .carousel-sliced a { border: 1px solid #fff; display: block; float: left; position: relative; } .carousel-sliced a:before { background: none; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .carousel-sliced a:hover:before { background: rgba(0, 0, 0, 0.2); } .carousel-sliced a h4 { background: rgba(0, 0, 0, 0.4); color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: calc(12px + (18px - 12px) * ((100vw - 800px) / (1400px - 800px))); margin: 0; min-height: 0; padding: 5px; position: absolute; text-align: center; text-transform: capitalize; width: 100%; } .carousel-sliced a img { width: 100%; } .three-pics a { width: 33.333333%; } .four-pics a { width: 25%; } .five-pics a { width: 20%; } .six-pics a { width: 16.6666%; } /**********[ ADDED STYLE - Narrow, ex: SSAC ]**********/ .carousel-narrow > .carousel-inner > .item > img { width: 70%; } .carousel-narrow .carousel-caption { width: 35%; left: 65%; position: absolute; top: 0; bottom: 0; display: block; padding: 2% 2% 2% 6%; background: -moz-linear-gradient(left, rgba(12, 12, 12, 0.05) 0%, #0c0c0c 10%, #0c0c0c 100%); background: -webkit-linear-gradient(left, rgba(12, 12, 12, 0.05) 0%, #0c0c0c 10%, #0c0c0c 100%); background: linear-gradient(to right, rgba(12, 12, 12, 0.05) 0%, #0c0c0c 10%, #0c0c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d111111', endColorstr='#111111', GradientType=1); } .carousel-narrow .carousel-caption h2, .carousel-narrow .carousel-caption p { margin: 10px 0; overflow: visible; } .carousel-narrow .carousel-caption h2 { font-size: 24px; margin-top: 0; } .carousel-narrow .carousel-caption p { margin-bottom: 30px; } /**********[ optional "DonateNow!" button ]**********/ .carousel-donate-link { display: none; } @media (min-width: 768px) { .carousel-donate .carousel-donate-link { color: white; display: block; position: absolute; white-space: nowrap; z-index: 200; } .carousel-donate .carousel-donate-link:visited, .carousel-donate .carousel-donate-link:hover { color: white; } .carousel-donate .carousel-donate-link p { line-height: 1.2; } .carousel-header.carousel-donate .carousel-donate-link { bottom: -7%; right: 10px; } .carousel-header.carousel-donate .carousel-donate-link p { margin: 15px 95px 0 0; text-shadow: 0 0 3px #000000; } .col-sm-9 .carousel-header.carousel-donate .carousel-donate-link { bottom: -15%; right: 0px; } .col-sm-9 .carousel-header.carousel-donate .carousel-donate-link p { display: none; } .col-sm-9 .carousel-thumbs.carousel-donate .carousel-donate-link p { display: none; } } .carousel.fade { opacity: 1; } .carousel.fade .item { -moz-transition: opacity ease-in-out 0.7s; -o-transition: opacity ease-in-out 0.7s; -webkit-transition: opacity ease-in-out 0.7s; transition: opacity ease-in-out 0.7s; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; z-index: 1; } .carousel.fade .item:first-child { top: auto; position: relative; } .carousel.fade .item.active { opacity: 1; -moz-transition: opacity ease-in-out 0.7s; -o-transition: opacity ease-in-out 0.7s; -webkit-transition: opacity ease-in-out 0.7s; transition: opacity ease-in-out 0.7s; z-index: 2; } /* ========================================================================== Content Area ========================================================================== */ .content .row, .content .row { margin-bottom: 1em; padding-bottom: 1em; } .content .row.rule, .content .row.rule, .content article.rule { border-bottom: 1px solid #eeeeee; margin-bottom: .75em; padding-bottom: .75em; } .row-offcanvas.active .local-nav { margin-left: -15px; padding-right: 0; } /**********[ Full page width elements ]**********/ .full-page-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .full-page-width .container { background: inherit; padding: 30px; } /******[ sidebar boxes (asides) ]******/ .callout { background-color: #fffccc; border-color: #eeeeee #777777 #777777 #eeeeee; border-style: solid; border-width: 1px; padding: 10px; margin-bottom: 1.5em; } .sidebar .well { margin-top: 1.5em; } .sidebar div.well:first-child { margin-top: 0; } /******[ styles for tabs ]******/ .nav-tabs { margin-bottom: 0px; } .nav-tabs-thirds > li { width: 32%; } .nav-tabs h4 { margin: 8px 0 4px; letter-spacing: 0; } .tab-content, .tab-pane { background: #fff; border: 1px #ddd solid; border-top: none; } .tab-pane { padding: 8px; } .tab-pane h2:first-child { margin-top: -5px; margin-bottom: 10px; padding-bottom: 10px; } .tab-pane .lead { font-size: 19px; font-family: Cambria, "Times New Roman", Times, Utopia, "Liberation Serif", serif; line-height: 1.3; margin: 10px 0; } /**********[ Highlight/News boxes (home page) ]**********/ .spotlights .caption { background-color: #444; background-image: linear-gradient(to bottom, #444444, #1a1a1a); background-repeat: repeat-x; border-top: 1px solid #555555; color: #fff; } .spotlights .caption > * { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); } .spotlights img { width: 100%; } .spotlights .tab-pane h2 + h3 { color: #fff; text-decoration: none; background-color: #444; background-image: linear-gradient(to bottom, #444444, #1a1a1a); background-repeat: repeat-x; border-top: 1px solid #555555; padding: 2px 10px 8px; margin-bottom: 0; } .spotlights .tab-pane h2 + h3 a:visited, .spotlights .tab-pane h2 + h3 a:hover, .spotlights .tab-pane h2 + h3 a:focus, .spotlights .caption a, .spotlights .caption a:link, .spotlights .caption a:hover, .spotlights .caption a:focus { color: #eee!important; text-decoration: underline; } .spotlights .nav-tabs { margin-top: 10px; } .spotlights > article > p { margin-left: 5px; margin-right: 5px; } .spotlights #people #stds { width: 36%; } /**********[ Personnel, hcard list styles ]**********/ /* Directory */ #directory { border: 1px solid #ccc; list-style: none; margin: 20px 0 0; } #directory li { border-bottom: 1px solid #ccc; clear: both; height: 126px; margin: 0; padding: 0 10px 0 0; overflow: hidden; position: relative; } #directory li:nth-child(even) { background: #ffffff url('https://www.fcs.uga.edu/images/css/personnel-table-even-bak.jpg'); } #directory li:nth-child(odd) { background: #f0faef url('https://www.fcs.uga.edu/images/css/personnel-table-odd-bak.jpg'); } #directory li img { float: left; height: auto; padding-right: 1.4%; width: 11.529126%; } #directory p, #directory h5 { margin: 0; } #directory .vcard .name { overflow: hidden; padding-top: 5px; width: 60%; white-space: nowrap; } #directory .vcard .contact { float: right; overflow: hidden; padding-top: 5px; text-align: right; width: 24%; white-space: nowrap; } #directory .vcard .fn { font-size: 1.5em; font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } #directory .vcard .title { font-size: 1.16em; line-height: 20px; } #directory .vcard .role { padding-top: 5px; } #directory .vcard .email a[href^="mailto:"] { padding-right: 0; background: none; } #directory .vcard .more-info.btn.btn-primary.url a { color: #ffffff; } #directory .more-info { display: block; position: absolute; bottom: 5px; right: 10px; } /* Profile */ .profile.vcard .organization-unit { font-style: italic; } /* ========================================================================== Footer ========================================================================== */ body > footer { background: #000; border-top: 1px solid #777777; clear: both; color: #eeeeee; margin: 0; padding: 1em 0; position: relative; } body > footer .panel, body > footer .panel-heading, body > footer .panel-collapse { background: #000!important; border: none; border-radius: 0; color: inherit; } body > footer .panel-heading, body > footer .panel-body, body > footer .panel-collapse { margin: 0!important; padding: 0!important; } body > footer ul, body > footer ol { margin-left: 10px; padding-left: 5px; } body > footer .container a:link, body > footer .container a:visited { color: #eeeeee; } body > footer .container a:focus, body > footer .container a:hover { color: #ffffff; } body > footer h4 { color: #ffffff; font-size: 21px; margin: 10px 0; } body > footer select, body > footer textarea, body > footer input[type="text"], body > footer input[type="email"] { font-size: 12px; padding: 0 3px; max-width: 300px; width: 100%; } body > footer legend { color: #ffffff; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; padding-bottom: 2px; } body > footer .submit_button, body > footer label { margin-top: 10px; } /*.copyright a { text-decoration: none; } .copyright a:hover { color: @gray-light; }*/ @media (max-width: 767px) { body > footer .panel { border-bottom: 1px solid #eeeeee; margin-bottom: 0; } body > footer .copyright { margin-top: 20px; } } @media (min-width: 768px) { footer .row div { margin-bottom: 30px; } } @media (max-width: 991px) { .related { clear: left; } } /* Local "footer" (altnav) */ .altnav { border-top: 1px solid #555555; padding: .5em 0; background-color: #ddd; background-image: -webkit-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: -o-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background-image: linear-gradient(to bottom, #eeeeee 0%, #c8c8c8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffc8c8c8', GradientType=0); } /* ========================================================================== Reusable & Utility Classes ========================================================================== */ /**********[ Block-Grid ]**********/ [class*="block-grid-"] { display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; padding: 0; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; width: 0; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li, [class*="block-grid-"] > div { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 10px 20px; width: 100%; } .no-js [class*="block-grid-"] > li { display: inline; float: left; } [class*="block-grid-"] > li:before, [class*="block-grid-"] > li:after, [class*="block-grid-"] > div:before, [class*="block-grid-"] > div:after { content: " "; display: table; } [class*="block-grid-"] > li:after, [class*="block-grid-"] > div:after { clear: both; } [class*="block-grid-"] .thumbnail { margin-bottom: 0; } /* 480*/ @media (min-width: 240px) { .block-grid-xs-1 > li { width: 100%; } .block-grid-xs-2 > li { width: 50%; } .block-grid-xs-3 > li { width: 33.3333%; } .block-grid-xs-4 > li { width: 25%; } .block-grid-xs-5 > li { width: 20%; } .block-grid-xs-6 > li { width: 16.6667%; } [class*="block-grid-xs-"] > li { list-style: none outside none; } [class*="block-grid-xs-"] > li:nth-of-type(n) { clear: none; } .block-grid-xs-1 > li:nth-of-type(n+1), .block-grid-xs-2 > li:nth-of-type(2n+1), .block-grid-xs-3 > li:nth-of-type(3n+1), .block-grid-xs-4 > li:nth-of-type(4n+1), .block-grid-xs-5 > li:nth-of-type(5n+1), .block-grid-xs-6 > li:nth-of-type(6n+1) { clear: both; } } /* 768*/ @media (min-width: 480px) { .block-grid-sm-1 > li { width: 100%; } .block-grid-sm-2 > li { width: 50%; } .block-grid-sm-3 > li { width: 33.3333%; } .block-grid-sm-4 > li { width: 25%; } .block-grid-sm-5 > li { width: 20%; } .block-grid-sm-6 > li { width: 16.6667%; } [class*="block-grid-sm-"] > li { list-style: none outside none; } [class*="block-grid-sm-"] > li:nth-of-type(n) { clear: none; } .block-grid-sm-1 > li:nth-of-type(n+1), .block-grid-sm-2 > li:nth-of-type(2n+1), .block-grid-sm-3 > li:nth-of-type(3n+1), .block-grid-sm-4 > li:nth-of-type(4n+1), .block-grid-sm-5 > li:nth-of-type(5n+1), .block-grid-sm-6 > li:nth-of-type(6n+1) { clear: both; } } /* 992*/ @media (min-width: 768px) { .block-grid-md-1 > li { width: 100%; } .block-grid-md-2 > li { width: 50%; } .block-grid-md-3 > li { width: 33.3333%; } .block-grid-md-4 > li { width: 25%; } .block-grid-md-5 > li { width: 20%; } .block-grid-md-6 > li { width: 16.6667%; } .block-grid-md-7 > li { width: 14.2857%; } .block-grid-md-8 > li { width: 12.5%; } [class*="block-grid-md-"] > li { list-style: none outside none; } [class*="block-grid-md-"] > li:nth-of-type(n) { clear: none; } .block-grid-md-1 > li:nth-of-type(n+1), .block-grid-md-2 > li:nth-of-type(2n+1), .block-grid-md-3 > li:nth-of-type(3n+1), .block-grid-md-4 > li:nth-of-type(4n+1), .block-grid-md-5 > li:nth-of-type(5n+1), .block-grid-md-6 > li:nth-of-type(6n+1), .block-grid-md-7 > li:nth-of-type(7n+1), .block-grid-md-8 > li:nth-of-type(8n+1) { clear: both; } } /*992 - 1200*/ @media (min-width: 992px) { .block-grid-lg-1 > li { width: 100%; } .block-grid-lg-2 > li { width: 50%; } .block-grid-lg-3 > li { width: 33.3333%; } .block-grid-lg-4 > li { width: 25%; } .block-grid-lg-5 > li { width: 20%; } .block-grid-lg-6 > li { width: 16.6667%; } .block-grid-lg-7 > li { width: 14.2857%; } .block-grid-lg-8 > li { width: 12.5%; } .block-grid-lg-9 > li { width: 11.1111%; } .block-grid-lg-10 > li { width: 10%; } .block-grid-lg-11 > li { width: 9.09091%; } .block-grid-lg-12 > li { width: 8.33333%; } [class*="block-grid-lg-"] > li { list-style: none outside none; } [class*="block-grid-lg-"] > li:nth-of-type(n) { clear: none; } .block-grid-lg-1 > li:nth-of-type(n+1), .block-grid-lg-2 > li:nth-of-type(2n+1), .block-grid-lg-3 > li:nth-of-type(3n+1), .block-grid-lg-4 > li:nth-of-type(4n+1), .block-grid-lg-5 > li:nth-of-type(5n+1), .block-grid-lg-6 > li:nth-of-type(6n+1), .block-grid-lg-7 > li:nth-of-type(7n+1), .block-grid-lg-8 > li:nth-of-type(8n+1), .block-grid-lg-9 > li:nth-of-type(9n+1), .block-grid-lg-10 > li:nth-of-type(10n+1), .block-grid-lg-11 > li:nth-of-type(11n+1), .block-grid-lg-12 > li:nth-of-type(12n+1) { clear: both; } } /*1300 - */ @media (min-width: 1300px) { .block-grid-xl-1 > li { width: 100%; } .block-grid-xl-2 > li { width: 50%; } .block-grid-xl-3 > li { width: 33.3333%; } .block-grid-xl-4 > li { width: 25%; } .block-grid-xl-5 > li { width: 20%; } .block-grid-xl-6 > li { width: 16.6667%; } .block-grid-xl-7 > li { width: 14.2857%; } .block-grid-xl-8 > li { width: 12.5%; } .block-grid-xl-9 > li { width: 11.1111%; } .block-grid-xl-10 > li { width: 10%; } .block-grid-xl-11 > li { width: 9.09091%; } .block-grid-xl-12 > li { width: 8.33333%; } [class*="block-grid-xl-"] > li { list-style: none outside none; } [class*="block-grid-xl-"] > li:nth-of-type(n) { clear: none; } .block-grid-xl-1 > li:nth-of-type(n+1), .block-grid-xl-2 > li:nth-of-type(2n+1), .block-grid-xl-3 > li:nth-of-type(3n+1), .block-grid-xl-4 > li:nth-of-type(4n+1), .block-grid-xl-5 > li:nth-of-type(5n+1), .block-grid-xl-6 > li:nth-of-type(6n+1), .block-grid-xl-7 > li:nth-of-type(7n+1), .block-grid-xl-8 > li:nth-of-type(8n+1), .block-grid-xl-9 > li:nth-of-type(9n+1), .block-grid-xl-10 > li:nth-of-type(10n+1), .block-grid-xl-11 > li:nth-of-type(11n+1), .block-grid-xl-12 > li:nth-of-type(12n+1) { clear: both; } } .thumb-grid > li { padding: 3px; } .thumb-grid > li > a > img { border: 1px solid #999; } /**********[ Block grid decorative layout ]**********/ .block-full { margin: 0 0 30px!important; padding: 0!important; } .block-full > li { margin: 0!important; padding: 0!important; } .block-full.block-full-no-borders > li { border: none!important; } .block-full .thumbnail2 { box-shadow: none; padding: 20px; } .block-full .thumbnail2 .bar a { background: #fff; } .block-full .thumbnail2 > p { color: #333; font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", sans-serif; margin: 10px 0 20px; } .block-full .thumbnail2 > .bar { background: #e5e5e5; display: block; height: 24px; overflow: hidden; } .block-full .thumbnail2 > .bar:hover { background: #333; } .block-full .thumbnail2 > .bar a:hover { color: #333; } .block-full .thumbnail2 > .bar h4 { background: #fff; float: left; font-size: 17px; height: 24px; letter-spacing: 0; line-height: 24px; margin: 0 0 0 18px; padding: 0 14px 0; } .block-full dt { font-size: inherit; font-weight: inherit; margin: 0; padding: 0; } .block-full dd { display: none; } @media (min-width: 240px) and (max-width: 479px) { [class*="block-grid-xs"].block-full li { border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-xs-1.block-full li:nth-of-type(1), .block-grid-xs-2.block-full li:nth-of-type(-n+2) { border-top: none; } .block-grid-xs-1.block-full li:nth-of-type(n+1), .block-grid-xs-2.block-full li:nth-of-type(2n+1) { border-left: none; } } @media (min-width: 480px) and (max-width: 767px) { [class*="block-grid-sm"].block-full li { border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-sm-1.block-full li:nth-of-type(1), .block-grid-sm-2.block-full li:nth-of-type(-n+2), .block-grid-sm-3.block-full li:nth-of-type(-n+3) { border-top: none; } .block-grid-sm-1.block-full li:nth-of-type(n+1), .block-grid-sm-2.block-full li:nth-of-type(2n+1), .block-grid-sm-2.block-full li:nth-of-type(3n+1) { border-left: none; } } @media (min-width: 768px) and (max-width: 991px) { [class*="block-grid-md"].block-full li { border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-md-1.block-full li:nth-of-type(1), .block-grid-md-2.block-full li:nth-of-type(-n+2), .block-grid-md-3.block-full li:nth-of-type(-n+3), .block-grid-md-4.block-full li:nth-of-type(-n+4) { border-top: none; } .block-grid-md-1.block-full li:nth-of-type(n+1), .block-grid-md-2.block-full li:nth-of-type(2n+1), .block-grid-md-3.block-full li:nth-of-type(3n+1), .block-grid-md-4.block-full li:nth-of-type(4n+1) { border-left: none; } .block-grid-md-2.block-full li:nth-of-type(odd):last-of-type { border-right: 1px solid rgba(0, 0, 0, 0); } .block-grid-md-2.block-full li:nth-of-type(odd):last-of-type .thumbnail2 { margin: 0 auto; } .block-grid-md-2.block-full.block-grid-text li:nth-of-type(odd):last-of-type .thumbnail2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } /*-------------------------------*/ .block-grid-md-3.block-full li:nth-of-type(3n+1):last-of-type .thumbnail2 { margin: 0 auto; } .block-grid-md-3.block-full.block-grid-text li:nth-of-type(3n+1):last-of-type .thumbnail2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-md-3.block-full li:nth-of-type(3n+2):last-of-type .thumbnail2, .block-grid-md-3.block-full li:nth-of-type(3n+1):nth-last-of-type(2) .thumbnail2 { margin: 0 auto; } } @media (min-width: 992px) { [class*="block-grid-lg"].block-full > li { border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-lg-1.block-full > li:nth-of-type(1), .block-grid-lg-2.block-full > li:nth-of-type(-n+2), .block-grid-lg-3.block-full > li:nth-of-type(-n+3), .block-grid-lg-4.block-full > li:nth-of-type(-n+4), .block-grid-lg-6.block-full > li:nth-of-type(-n+6) { border-top: none; } .block-grid-lg-1.block-full > li:nth-of-type(n+1), .block-grid-lg-2.block-full > li:nth-of-type(2n+1), .block-grid-lg-3.block-full > li:nth-of-type(3n+1), .block-grid-lg-4.block-full > li:nth-of-type(4n+1), .block-grid-lg-6.block-full > li:nth-of-type(6n+1) { border-left: none; } .block-grid-lg-2.block-full > li:nth-of-type(odd):last-of-type .thumbnail2 { margin: 0 auto; } .block-grid-lg-3.block-full > li:nth-of-type(3n+1):last-of-type .thumbnail2 { margin: 0 auto; } .block-grid-lg-3.block-full.block-grid-text li:nth-of-type(3n+1):last-of-type .thumbnail2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } .block-grid-lg-3.block-full > li:nth-of-type(3n+2):last-of-type .thumbnail2, .block-grid-lg-3.block-full > li:nth-of-type(3n+1):nth-last-of-type(2) .thumbnail2 { margin: 0 auto; } .block-grid-lg-4.block-full > li:nth-of-type(4n+1):last-of-type .thumbnail2 { margin: 0 auto; } .block-grid-lg-4.block-full > li:nth-of-type(4n+2):last-of-type .thumbnail2, .block-grid-lg-4.block-full > li:nth-of-type(4n+1):nth-last-of-type(2) .thumbnail2 { margin: 0 auto; } .block-grid-lg-2.block-full.block-grid-text li:nth-of-type(2n+1):last-of-type .thumbnail2, .block-grid-lg-3.block-full.block-grid-text li:nth-of-type(3n+1):last-of-type .thumbnail2, .block-grid-lg-4.block-full.block-grid-text li:nth-of-type(4n+1):last-of-type .thumbnail2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } } /**********[Block grid layout - SSAC personnel]**********/ .block-bio { margin-left: -20px; margin-right: -20px; } .block-bio img { width: 100%; } .block-bio li { padding: 0; } .block-bio .border { border: 1px #ccc solid; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.75); margin: 10px 15px; position: relative; width: 100%; } .block-bio .block-bio-info { background-color: #fff; height: 240px; margin: 0 10px; padding: 1px 10px 0; position: relative; top: -35px; z-index: 999; } .block-bio .block-bio-info h3 { margin-top: 2px; } .block-bio .block-bio-summary { padding: 0 10px; position: relative; top: -50px; z-index: 1000; } .block-bio-full { position: absolute; bottom: 0; left: 20px; } .block-bio-full .fa-info-circle { position: relative; top: 5px; } /* The block-grid-card layout is broken and there seems to be no reason for its different layout. Declarations for block-bio now also style block-grid-card */ /**********[ Block grid layout - cards ]**********/ .block-grid-card { margin-left: -20px; margin-right: -20px; } .block-grid-card img { width: 100%; } .block-grid-card li { padding: 0; } .block-grid-card .border { border: 1px #ccc solid; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.75); margin: 10px 15px; position: relative; width: 100%; } .block-grid-card .block-bio-info { background-color: #fff; height: 200px; margin: 0 10px; padding: 1px 10px 0; position: relative; top: -35px; z-index: 999; } .block-grid-card .block-bio-info h3 { margin-top: 2px; } .block-grid-card .block-bio-summary { padding: 0 10px; position: relative; top: -50px; z-index: 1000; } .block-bio-full { position: absolute; bottom: 0; left: 20px; } .block-bio-full .fa-info-circle { position: relative; top: 5px; } /**********[ Fixed aspect images, video ]**********/ .aspect { height: 0; position: relative; } .aspect div, .aspect img, .aspect video { display: block; height: 100%; position: absolute; min-width: 100%; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } .aspect-1x1, .aspect-square { padding-bottom: 100%; } /* landscape */ .aspect-3x2 { padding-bottom: 66.666%; } .aspect-4x3 { padding-bottom: 75%; } .aspect-16x9 { padding-bottom: 56.25%; } .aspect-21x9, .aspect-wide { padding-bottom: 42.5532%; } /* portrait */ .aspect-2x3 { padding-bottom: 150%%; } .aspect-3x4, .aspect-portrait { padding-bottom: 133.33%; } .aspect-personnel { padding-bottom: 145.0592885%; } /**********[ Calendar ]**********/ .calendar { border-collapse: collapse; border: 1px solid #ccc; margin-bottom: 1.5em; table-layout: fixed; width: 100%; } .calendar caption { padding-bottom: 0; text-align: center; } .calendar caption > a { display: inline-block; font-weight: bold; padding: 4px 2px; } .calendar caption > a:hover { background: #f1f1f1; } .calendar caption > .prev { float: left; width: 40px; } .calendar caption > .next { float: right; width: 40px; } .calendar caption > .active { width: calc(20%); } .calendar th { background: #eee; border-bottom: 1px solid #ccc; color: #555; text-align: center; text-shadow: 1px 1px 1px #fff; } .calendar tfoot { border-top: 1px solid #ccc; } .calendar td { text-align: center; color: #000; padding: 2px 4px; } .calendar td a { display: block; } .calendar tbody { background: #fff; } .calendar tbody tr:nth-child(even) { background: #f0f0f0; } .calendar tbody tr:nth-child(even), .calendar tbody td:nth-child(even) { background: rgba(0, 0, 0, 0.05); } .calendar td.given { font-weight: bold; background: #ffc; } .calendar td.today { background: #900!important; } .calendar td.today a { color: #fff; font-weight: bold; } @media screen { .calendar tr th:first-child { display: none; } } @media (max-width: 900px) and (min-width: 769px) { .col-sm-3 .calendar td > a { font-size: 11px; } } /**********[ Responsive Youtube videos ]**********/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg-cover { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } /**********[ Crop hdr img - dif aspct ratios ]**********/ .hdr-crop-1-1, .hdr-crop-4-3, .hdr-crop-16-9, .hdr-crop-wide { border: 1px solid #ccc; overflow: hidden; } .hdr-crop-1-1 > img { margin-left: -96.2%; max-width: 292.3%; width: 292.3%; } .hdr-crop-1-1.show-right > img { margin-left: -192.3%; } .hdr-crop-4-3 > img { margin-left: -59.9%; max-width: 219.8%; width: 219.8%; } .hdr-crop-4-3.show-right > img { margin-left: -119.8%; } .hdr-crop-16-9 > img { margin-left: -32.1%; max-width: 164.2%; width: 164.2%; } .hdr-crop-16-9.show-right > img { margin-left: -64.2%; } .hdr-crop-wide > img { margin-left: -12.2%; max-width: 124.4%; width: 124.4%; } .hdr-crop-wide.show-right > img { margin-left: -24.4%; } .hdr-crop-1-1 .show-left > img, .hdr-crop-4-3 .show-left > img, .hdr-crop-16-9 .show-left > img, .hdr-crop-wide .show-left > img { margin-left: 0; } /**********[ Flex Classes ]**********/ .flex-justify { display: flex; justify-content: space-around; } /**********[ News/Events Summary Listing ]**********/ .news-summary .date-icon { min-width: 50px; } .news-summary .col-sm-3 { padding-right: 0; } .news-summary h4 { margin: -4px 0 2px; } .news-summary p { margin: 2px 0; } .news-summary-lg .row { border-bottom: 1px solid #ddd; width: 100%; } .news-summary-lg .hdr-crop-1-1, .news-summary-lg .hdr-crop-4-3, .news-summary-lg .hdr-crop-16-9, .news-summary-lg .hdr-crop-wide { margin-top: 20px; } .news-summary.news-summary-lg .date-icon { margin-top: 10px; min-width: 75px; } /**********[ EE image galleries listing ]**********/ .gallery-items [class*="col-"] { min-width: 170px; } .gallery-items p, .gallery-items h4 { margin: 7px 0; line-height: 1.1; } .gallery-items h4 { font-size: 20px; top: 0; height: 48px; overflow: hidden; } .gallery-items p { height: 16px; overflow: hidden; } .gallery-items h4 + p { height: 31px; overflow: hidden; } /**********[ Show / Hide XXS ]**********/ .visible-xxs { display: none!important; } @media (max-width: 480px) { .hidden-xxs { display: none!important; } .visible-xxs { display: inline!important; } } /**********[ BS Lightbox styles ]**********/ #lightbox-modal { text-align: center; } #lightbox-modal .modal-dialog { display: inline-block; width: auto; } #lightbox-modal .close { opacity: 1; color: #ffffff; background-color: #191919; padding: 5px 8px; border-radius: 30px; border: 2px solid #ffffff; position: absolute; top: -15px; right: -15px; z-index: 1032; } .lightbox-bs p { display: none; } .lightbox-bs-dl img { display: none; } /**********[ Timeline widget ]**********/ .timeline { list-style: none; padding: 20px 0; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eee; left: 40px; margin-left: -1.5px; } .timeline > li { margin-bottom: 30px; margin-top: 30px; position: relative; } .timeline > li.time-panel-move-down { margin-top: 70px; } .timeline > li.time-panel-move-down-more { margin-top: 110px; } .timeline > li:first-child { margin-top: 0; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 90px); float: right; border: 1px solid #d4d4d4; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; left: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 0 solid #ccc; border-right: 15px solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; left: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 0 solid #fff; border-right: 14px solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-panel.timeline-heading-text:after { border-left-color: #eee; border-right-color: #eee; } .timeline > li > .timeline-badge { color: #fff; width: 24px; height: 24px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 18px; left: 28px; z-index: 100; } .timeline-badge > a { color: #b00; } .timeline-badge a:hover { color: #000; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading { background-color: #f0f0f0; border-top: 1px solid #eee; } .timeline-heading > h2 { border-bottom: 1px solid #ccc; padding: 20px 20px 15px; margin: 0; } .timeline-heading > h2 + p { background-color: inherit; border-bottom: 1px solid #ccc; padding: 20px 20px 15px; margin: -30px 0 0; } .timeline-body > p, .timeline-body > ul { padding: 20px; margin-bottom: 0; min-height: 120px; } .timeline-body > p + p { margin-top: 5px; } .timeline-footer { padding: 20px; background-color: #f4f4f4; } .timeline-footer > a { cursor: pointer; text-decoration: none; } .timeline-footer > p { margin-bottom: 0; } /* tooltip modified */ .timeline-badge .tooltip.left .tooltip-arrow { border-width: 0 0 0 0; border-left-color: transparent; } .timeline-badge .tooltip.right .tooltip-arrow { border-width: 0 0 0 0; border-right-color: transparent; } .timeline-badge .tooltip-inner { border: 1px solid #fff; width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #313131; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*Responsive change for larger screens*/ @media (min-width: 768px) { .timeline:before { left: 50%; } .timeline > li { float: right; clear: right; width: 50%; } .timeline > li:nth-child(2n+1) { float: left; clear: left; } .timeline > li:nth-child(2) { margin-top: 60px!important; } .timeline > li > .timeline-panel { width: 95%; } .timeline > li:nth-child(2n+1) > .timeline-panel { float: left; } .timeline > li:nth-child(2n+1) > .timeline-panel:before { border-left-width: 15px; border-right-width: 0; right: -15px; left: auto; } .timeline > li:nth-child(2n+1) > .timeline-panel:after { border-left-width: 14px; border-right-width: 0; right: -14px; left: auto; } .timeline > li > .timeline-badge { left: auto; right: -12px; } .timeline > li:nth-child(2n+2) > .timeline-badge { left: -12px; } } /**********[ Footnotes ]**********/ article { counter-reset: footnotes; } a[aria-describedby="footnote-label"] { counter-increment: footnotes; /* 1 */ text-decoration: none; /* 2 */ color: inherit; /* 2 */ cursor: default; /* 2 */ outline: none; /* 2 */ } a[aria-describedby="footnote-label"]::after { content: '[' counter(footnotes) ']'; /* 1 */ vertical-align: super; /* 2 */ font-size: 0.5em; /* 3 */ margin-left: 2px; /* 4 */ color: #900; /* 5 */ text-decoration: underline; /* 5 */ cursor: pointer; /* 5 */ } p > a[aria-describedby="footnote-label"]::after { font-size: 0.8em; /* 3 */ } a[aria-describedby="footnote-label"]:focus::after { outline: thin dotted; outline-offset: 2px; } footer :target { background: #F6F89E; } /**********[ Hon-ee Pot Captcha ]**********/ /* (https://github.com/davist11/Hon-ee-Pot-Captcha) for hiding this form field */ .honeepot { display: block !important; left: -9999px !important; position: absolute !important; } .hiddenFields { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /**********[ Login, contact box, ex: SSAC ]**********/ .login-box, .contact-box, .contact-box2 { float: left; padding: 20px; position: relative; top: -20px; width: 100%; z-index: 1000; } .login-box { background: #900; } .login-box h2, .login-box p, .login-box label { color: #fff; } .login-box label { margin-right: 10px; } .contact-box { background: #e0e0e0; } .contact-box2 { background: #111; } .contact-box2, .contact-box2 a:link, .contact-box2 a:visited, .contact-box2 a:hover, .contact-box2 a:active { color: #fff; } /* ========================================================================== Visually Decorative Classes ========================================================================== */ /**********[ Specialized link icons ]**********/ /* General properties */ .content a[target="_blank"]:after, .content a[download]:after, .content a[rel="external"]:after, .content a[href*="//"]:not([href*="fcs.uga.edu"]):after, .content a[href^="mailto:"]:after, .content a[href$=".doc"]:after, .content a[href$=".docx"]:after, .content a[href$=".rtf"]:after, .content a[href$=".txt"]:after, .content a[href$=".xls"]:after, .content a[href$=".xlsx"]:after, .content a[href$=".csv"]:after, .content a[href$=".xlt"]:after, .content a[href$=".rss"]:after, .content a[href$=".atom"]:after, .content a[href$=".vcard"]:after, .content .contact a:after, .content a[href$=".ppt"]:after, .content a[href$=".pptx"]:after, .content a[href$=".pps"]:after, .content a[href$=".pdf"]:after, .content a[href$=".dmg"]:after, .content a[href$=".gzip"]:after, .content a[href$=".gz"]:after, .content a[href$=".rar"]:after, .content a[href$=".tar"]:after, .content a[href$=".tgz"]:after, .content a[href$=".zip"]:after, .content a[href$=".ical"]:after, .content a[href$=".mov"]:after, .content a[href$=".wmv"]:after, .content a[href$=".mp4"]:after, .content a[href$=".avi"]:after, .content a[href$=".swf"]:after, .content a[href$=".mpg"]:after, .content a[href$=".mp3"]:after, .content a[href$=".wav"]:after, .content a[href$=".ogg"]:after, .content a[href$=".wma"]:after, .content a[href$=".m4a"]:after, .content a[href*="//www.facebook.com"]:after, .content a[href*="//www.twitter.com"]:after, .content a[href*="//www.flickr.com"]:after, .content a[href*="//www.youtube.com"]:after { font-family: 'FontAwesome'; padding-left: 5px; white-space: nowrap; } .content.content button a[href*="."]:after, .content.content a.btn[href*="."]:after { color: inherit; color: currentColor; padding-left: 6px; } /* external links */ .content a[target="_blank"]:after, .content a[rel="external"]:after, .content a[href*="//"]:not([href*="fcs.uga.edu"]):after { content: "\f08e"; } /* download links */ .content a[download]:after { content: "\f019"; } /* email */ .content a[href^="mailto:"]:after { color: #444; color: currentColor; content: "\f003"; } /* telephone */ a[href^="tel:"]:after { content: "\260e"; padding-left: 5px; white-space: nowrap; } /* file extensions */ .content a[href$=".doc"]:after, .content a[href$=".docx"]:after, .content a[href$=".rtf"]:after { color: #285395; content: "\f1c2"; } .content a[href$=".txt"]:after { color: #444; color: currentColor; content: "\f0f6"; } .content a[href$=".xls"]:after, .content a[href$=".xlsx"]:after, .content a[href$=".csv"]:after, .content a[href$=".xlt"]:after { color: #197d47; content: "\f1c3"; } .content a[href$=".rss"]:after, .content a[href$=".atom"]:after { color: #eb4209; content: "\f09e"; } .content a[href$=".vcard"]:after { color: #444; content: "\f133"; } .content a[href$=".ppt"]:after, .content a[href$=".pptx"]:after, .content a[href$=".pps"]:after { color: #d04424; content: "\f1c4"; } .content a[href$=".pdf"]:after { color: #aa000; content: "\f1c1"; } .content a[href$=".dmg"]:after, .content a[href$=".gzip"]:after, .content a[href$=".gz"]:after, .content a[href$=".rar"]:after, .content a[href$=".tar"]:after, .content a[href$=".tgz"]:after, .content a[href$=".zip"]:after { color: #444; content: "\f1c6"; } .content a[href$=".ical"]:after { color: #444; content: "\f073"; } .content a[href$=".mov"]:after, .content a[href$=".wmv"]:after, .content a[href$=".mp4"]:after, .content a[href$=".avi"]:after, .content a[href$=".swf"]:after, .content a[href$=".mpg"]:after { color: #444; content: "\f1c8"; } .content a[href$=".mp3"]:after, .content a[href$=".wav"]:after, .content a[href$=".ogg"]:after, .content a[href$=".wma"]:after, .content a[href$=".m4a"]:after { color: #444; content: "\f1c7"; } /* use this class to remove icons, especially from image links */ a.no-icon.no-icon:after, .no-icon.no-icon a:after { content: none!important; } /* social links */ .fa-facebook, .fa-facebook-official, .fa-facebook-f, .fa-facebook-square { color: #3b5998; } .content.content a[href*="//www.facebook.com"]:after { content: "\f082"; color: #3b5998; } .fa-flickr, .content.content a[href*="//www.flickr.com"]:after { content: "\f16e"; color: #fff; background-image: linear-gradient(to right, #0062da 50%, #ff0084 50%); background-size: 80% 70%; background-position: center; background-repeat: no-repeat; background-origin: content-box; text-shadow: 0 0 1px #000000; } .fa-google-plus, .fa-google-plus-square { color: #dd4b39; } .fa-instagram { color: #517fa4; } .fa-linkedin, .fa-linkedin-square { color: #007bb6; } .fa-pinterest, .fa-pinterest-square { color: #cb2027; } .fa-twitter, .fa-twitter-square { color: #55acee; } .content.content a[href*="//www.twitter.com"]:after { content: "\f099"; color: #55acee; } .fa-tumblr, .fa-tumblr-square { color: #32506d; } .fa-vimeo-square { color: #aad450; } .fa-vine { color: #00bf8f; } .fa-youtube, .fa-youtube-play, .fa-youtube-square { color: #cd210f; } .content.content a[href*="//www.youtube.com"]:after { content: "\f166"; color: #cd210f; } #atstbx > a { border-radius: 3px; margin-right: 10px; } #atstbx > a:hover { transform: scale(1.1) translateY(-5px); } .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-11x { font-size: 11em; } .fa-12x { font-size: 12em; } .fa-rotate-45 { transform: rotate(45deg); } .fa-rotate-135 { transform: rotate(135deg); } .fa-rotate-225 { transform: rotate(225deg); } .fa-rotate-315 { transform: rotate(315deg); } *:root .fa-rotate-45, *:root .fa-rotate-135, *:root .fa-rotate-225, *:root .fa-rotate-315 { filter: none; } .fa-round, .fa-circled { box-sizing: content-box !important; -moz-border-radius: 50%; border-radius: 50%; height: 1em; text-align: center; width: 1em; } .fa-round { background: #222; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #222, 0px 0px 0px 7px #222; box-shadow: inset 0px 0px 0px 1px #222, 0px 0px 0px 7px #222; margin: 0 7px; } .fa-round.text-primary { background: #ba0c2f; -webkit-box-shadow: inset 0px 0px 0px 1px #ba0c2f, 0px 0px 0px 7px #ba0c2f; box-shadow: inset 0px 0px 0px 1px #ba0c2f, 0px 0px 0px 7px #ba0c2f; } .fa-round.text-success { background: #404e08; -webkit-box-shadow: inset 0px 0px 0px 1px #404e08, 0px 0px 0px 7px #404e08; box-shadow: inset 0px 0px 0px 1px #404e08, 0px 0px 0px 7px #404e08; } .fa-round.text-info { background: #777777; -webkit-box-shadow: inset 0px 0px 0px 1px #777777, 0px 0px 0px 7px #777777; box-shadow: inset 0px 0px 0px 1px #777777, 0px 0px 0px 7px #777777; } .fa-round.text-warning { background: #b45f00; -webkit-box-shadow: inset 0px 0px 0px 1px #b45f00, 0px 0px 0px 7px #b45f00; box-shadow: inset 0px 0px 0px 1px #b45f00, 0px 0px 0px 7px #b45f00; } .fa-round.text-blue { background: #004f74; -webkit-box-shadow: inset 0px 0px 0px 1px #004f74, 0px 0px 0px 7px #004f74; box-shadow: inset 0px 0px 0px 1px #004f74, 0px 0px 0px 7px #004f74; } .fa-circled { margin: 0 10px; box-shadow: inset 0px 0px 0px 1px #fff, 0px 0px 0px 7px #fff, 0px 0px 0px 10px #222; } .fa-circled.text-primary { box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 7px #ffffff, 0px 0px 0px 10px #ba0c2f; } .fa-circled.text-success { box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 7px #ffffff, 0px 0px 0px 10px #404e08; } .fa-circled.text-info { box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 7px #ffffff, 0px 0px 0px 10px #777777; } .fa-circled.text-warning { box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 7px #ffffff, 0px 0px 0px 10px #b45f00; } .fa-circled.text-blue { box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 7px #ffffff, 0px 0px 0px 10px #004f74; } .fa-round.fa-lg, .fa-circled.fa-lg { line-height: 1.1em; vertical-align: 0; } @media screen { /**********[ .ir - image replacement ]**********/ /*.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }*/ .ir br { display: none; } .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } /**********[ Drop-down as Select ]**********/ .drop-down-select .dropdown-toggle { border: 1px solid #ddd; color: #333; display: block; padding: 2px 2px 2px 4px; text-decoration: none; } .drop-down-select .caret { border-width: 5px; float: right; margin: 7px 5px 0 0; } .drop-down-select .dropdown-menu, .drop-down-select .dropdown-menu > li, .drop-down-select .dropdown-menu > li > a { width: 100%; } .drop-down-select .dropdown-menu > li > a { line-height: 1.2; padding: 5px 20px; white-space: normal; word-wrap: break-word; } /**********[ Pull Quotes Markup ]**********/ /* ".pull-quote" won't work */ .pull-quotes { background: #f0f0f0; } .pull-quotes blockquote { border: none; margin: 0px; } /*.pull-quotes-data:before { content: attr(data-pullquote); font-size: 23px; line-height: 30px; position: relative; top: 1px; }*/ /**********[ Photos - captions, tilt etc. ]**********/ img.col-xs-1, img.col-sm-1, img.col-md-1, img.col-lg-1, img.col-xs-2, img.col-sm-2, img.col-md-2, img.col-lg-2, img.col-xs-3, img.col-sm-3, img.col-md-3, img.col-lg-3, img.col-xs-4, img.col-sm-4, img.col-md-4, img.col-lg-4, img.col-xs-5, img.col-sm-5, img.col-md-5, img.col-lg-5, img.col-xs-6, img.col-sm-6, img.col-md-6, img.col-lg-6, img.col-xs-7, img.col-sm-7, img.col-md-7, img.col-lg-7, img.col-xs-8, img.col-sm-8, img.col-md-8, img.col-lg-8, img.col-xs-9, img.col-sm-9, img.col-md-9, img.col-lg-9, img.col-xs-10, img.col-sm-10, img.col-md-10, img.col-lg-10, img.col-xs-11, img.col-sm-11, img.col-md-11, img.col-lg-11, img.col-xs-12, img.col-sm-12, img.col-md-12, img.col-lg-12 { padding-left: 0; padding-right: 0; } .figure { border-bottom: 1px dotted #ba0c2f; border-top: 1px dotted #ba0c2f; margin: 1.5em 0; position: relative; text-align: center; } .figure blockquote { margin: 1.5em 0 0.75em -1.5em; } .figure img { margin: 1.5em auto 0; } .figcaption { clear: left; font-style: italic; line-height: 1.5em; margin: .75em; text-align: center; } .img-thumbnail.img-thumbnail { padding: 4px; } .polaroid, .polaroid-thin { background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: block; transition: box-shadow 0.15s ease-in-out 0s; } .polaroid.polaroid { padding: 8px; } .polaroid-thin.polaroid-thin { padding: 4px; } .polaroid:hover, .polaroid-thin:hover, .img-thumbnail:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .polaroid .caption { border-top: 1px solid #333; padding: 0 10px 5px; } .polaroid .caption a { text-decoration: none; } .polaroid .caption > * { line-height: 1.1; margin: 0; } .polaroid .caption > p { line-height: 1.4; margin-top: 4px; } .polaroid .caption > p > a { text-decoration: underline; } .figure.polaroid { border: 1px solid #777777; padding: .75em; -moz-box-shadow: 4px 4px 4px #333333; -webkit-box-shadow: 4px 4px 4px #333333; box-shadow: 4px 4px 4px #333333; } /* float shrinks div width to widest content*/ .polaroid .figcaption { margin: .75em 0 0; } .spotlights .polaroid { margin-bottom: 20px; } .tab-pane .polaroid { border-bottom: 1px solid #e5e5e5; box-shadow: none; margin: -8px -8px 20px -9px; } .tiltLeft { -webkit-transform: rotate(355deg); -ms-transform: rotate(355deg); -o-transform: rotate(355deg); transform: rotate(355deg); margin-left: 20px!important; } .tiltRight { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); margin-right: 20px!important; } .rotate-15 { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } .rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rotate-135 { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .rotate-225 { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .rotate-315 { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); } .rotate-345 { -webkit-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); } .flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } *:root .rotate-15, *:root .rotate-45, *:root .rotate-90, *:root .rotate-135, *:root .rotate-180, *:root .rotate-225, *:root .rotate-270, *:root .rotate-315, *:root .rotate-345, .flip-horizontal, .flip-vertical { filter: none!important; } /**********[ Accordion styling - Custom ]**********/ .panel-heading { cursor: pointer; } .accordion-toggle { padding-right: 60px; position: relative; } .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'FontAwesome'; content: "\f077"; color: inherit; position: relative; left: 40px; } .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\f078"; } /* custom styled accordion - To Do */ .service-table { border-top: 1px solid #777777; border-left: 1px solid #777777; border-right: 1px solid #777777; } .service-title { background: url('https://www.fcs.uga.edu/images/css/service-table-odd-bg.png') bottom left repeat-x; color: #ffffff; font-size: 20px; border-bottom: 1px solid #777777; padding: 5px 0 10px 10px; text-shadow: 1px 1px 3px #848484; font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } .service-title:hover { color: #eeeeee; text-shadow: 1px 1px 3px #333333; text-indent: 1px; } .panel-group:nth-child(odd) .service-title { background: url('https://www.fcs.uga.edu/images/css/service-table-even-bg.png') bottom left repeat-x !important; } /**********[ Breadcrumbs ]**********/ .breadcrumbs { font-size: 12px; margin-top: 10px; } .breadcrumbs a { padding: 0 .5em; } .breadcrumbs a:link, .breadcrumbs a:visited { color: #999; } .breadcrumbs a:hover, .breadcrumbs a.active { color: #333; } .breadcrumbs li { margin: 0; padding: 0 !important; } .breadcrumbs li span { background: url('https://www.fcs.uga.edu/images/css/slash.png') no-repeat center center; float: left; height: 10px; margin: 5px 0 0; width: 6px; } /**********[ Media Object ]**********/ .media { margin: 20px 0; } .media-object.thumb { width: 25%; } .media-object.pull-left { margin-right: 2%; } .media-object.pull-right { margin-left: 2%; } .media-body :first-child { margin-top: 0; } .media .pull-left { margin-right: 10px; } .media .pull-right { margin-left: 10px; } .media > .col-sm-2, .media > .col-sm-3, .media > .col-sm-4, .media > .col-sm-5, .media > .col-sm-6 { padding-left: 0; padding-right: 0; } /**********[ CSS3 columns ]**********/ .columns { margin-bottom: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .columns.columns2 { -webkit-columns: 2 240px; -moz-columns: 2 240px; columns: 2 240px; } .columns.columns3 { -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; } .columns.columns4 { -webkit-columns: 4 200px; -moz-columns: 4 200px; columns: 4 200px; } .columns li, .columns p { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -ms-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; } /**********[ Alert modified styles ]**********/ .alert a:link, .alert a:visited { color: #b45f00; text-decoration: underline; } .alert a:hover { color: #333!important; } .alert-success a:link, .alert-success a:visited { color: #404e08; } .alert-success a:hover { background: #c1e2b3; color: #1a2003; } .alert-danger a:link, .alert-danger a:visited, .alert-error a:link, .alert-error a:visited { color: #dd0000; } .alert-danger a:hover, .alert-error a:hover { background: #e4b9b9; color: #aa0000; } .alert-info a:link, .alert-info a:visited { color: #777777; } .alert-info a:hover { background: #afd9ee; color: #5e5e5e; } /**********[ Style list as table ]**********/ .list-table { background-color: transparent; display: table; list-style: none; margin: 20px auto; padding: 0; width: 100%; max-width: 80rem; } .list-table li { padding-left: 0; } .list-table .caption { display: table-caption; text-align: center; padding-top: 8px; padding-bottom: 8px; } .list-table .thead { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: table-header-group; } .list-table .tbody { display: table-row-group; } .list-table .tr { display: table-row; } .list-table .td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; display: table-cell; padding: 8px; text-align: left; vertical-align: top; } .list-table .td:first-of-type { border-left: 1px solid #ddd; } .list-table .tr:last-of-type .td { border-bottom: 1px solid #ddd; } .list-table-col2 .td { width: 50%; } .list-table-col3 .td { width: 33.333333%; } .list-table-col4 .td { width: 25%; } /*.list-table { border: 1px solid #999; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/templates/default_site/includes.group/boxsizing.htc); display: table; width: 100%; ul {display: table-row;} li { display: table-cell; padding: .25em .25em; text-align: center; } li:first-child { padding-left: 2em; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } }*/ /**********[ Styles for scrollable table ]**********/ /* define height and width of scrollable area. Add 16px to width for scrollbar */ div.table-fixed-header { clear: both; border: 1px solid #ddd; height: 300px; overflow: hidden; width: 100%; } /* Change Bootstrap defaults */ .table-fixed-header table { border-radius: 0!important; } .table-fixed-header table thead, div.table-fixed-header table tr { display: table; width: 100%; } /* make the TH elements pretty */ .table-fixed-header thead th { background: #ddd; border-left: 1px solid #bbb; } .table-fixed-header thead th:first-child, .table-fixed-header thead th:last-child { border-left: none; } /* define the table content to be scrollable (tbody - block) */ /* side effect is that child TDs no longer accept width: auto */ div.table-fixed-header tbody { display: block; height: 276px; overflow: auto; width: 100%; } /* define width of TH & TD elements */ .table-fixed-header thead th, .table-fixed-header tbody td { border-radius: 0!important; width: 33%; } /**********[ Date icon ]**********/ .date-icon { border: 1px solid #ccc; font-size: 1em; display: block; position: relative; width: 100%; max-width: 7em; height: 7em; background-color: #fff; margin: 0 auto; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: rotate(0deg) skewY(0deg); -webkit-transform-origin: 50% 10%; transform-origin: 50% 10%; } .date-icon * { display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center; } .date-icon strong { position: absolute; top: 0; padding: 0.4em 0; color: #fff; background-color: #900; } .date-icon em { position: absolute; bottom: 0.3em; color: #900; } .date-icon span { width: 100%; font-size: 2.8em; letter-spacing: -0.05em; padding-top: 0.75em; color: #2f2f2f; } .date-icon.date-icon-sm { font-size: .857142857em; } /**********[ Date icon, small ]**********/ .date-icon-sm.date-icon-sm { height: 40px; width: 40px; float: left; margin: 0 10px 5px 0; } .date-icon-sm.date-icon-sm strong { font: bold 11px "Arial Narrow", Arial, sans-serif; letter-spacing: 1px; position: static; padding: 0 1px 1px; } .date-icon-sm.date-icon-sm span { font-size: 14px; padding: 1px 2px 2px; } #events li { min-height: 55px; padding-top: 15px; } #events li:first-child { padding-top: 0; } .u { text-decoration: underline!important; } .u:hover { text-decoration: none!important; } .slider-wrapper { margin-bottom: 40px; } .video-container { margin-bottom: 40px; } p.lead + div.row { margin-top: 40px; } /**********[ Icon fonts ]**********/ .icon-pad-left { padding-left: 0.857142857em; } .icon-pad-right { padding-right: 0.857142857em; } .no-fontface .glyphicon, .no-fontface .fa, .no-fontface .fcs-icon { display: none; } .fa-6x.fa-6x { font-size: 6em; } .fa-8x.fa-8x { font-size: 8em; } .fa-10x.fa-10x { font-size: 10em; } .fa-15x.fa-15x { font-size: 15em; } .fa-20x.fa-20x { font-size: 20em; } /**********[ Fast FACS Circle Highlights ]**********/ .block-circle { min-width: 160px; overflow: hidden; } .block-circle .img-circle { display: table; height: 100%; position: absolute; width: 100%; bottom: 0; left: 0; right: 0; top: 0; } .block-circle .img-circle p { display: table-cell; height: 100%; padding: 10%; text-align: center; vertical-align: middle; width: 100%; } .block-circle .stat, .block-circle .desc { color: #fff!important; display: block; min-height: 1px; padding: 0; } .block-circle .stat { font: 48px/1 Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; margin: -2px 0 0; } .block-circle .desc { font: 20px/1.1 Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; margin: 0; } /**********[ Promotional banners/flags ]**********/ /* Banner - General */ .banner, #banner_bak_print { position: absolute; } #banner_bak_print { height: 0; width: 0; } .banner a, .banner a:visited, .banner a:hover { color: inherit; font-weight: bold; } .banner h4 { background-color: #c00; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 3px 1px 2px 0px #000; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; position: relative; text-align: center; } .banner.banner-green h4 { background-color: #BFDC7A; color: #555; } /* Banner - Diagonal */ .banner.banner-diag { height: 93px; overflow: hidden; right: 15px; top: 0; width: 90px; } .banner-diag:before, .banner-diag:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; } .banner.banner-diag h4 { background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#990000)); background-image: -webkit-linear-gradient(top, #cc0000, #990000); background-image: -moz-linear-gradient(top, #cc0000, #990000); background-image: -ms-linear-gradient(top, #cc0000, #990000); background-image: -o-linear-gradient(top, #cc0000, #990000); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 0; padding: 5px 0; left: -10px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); top: 20px; width: 130px; } .banner-diag h4:before { left: 0; } .banner-diag h4:after { right: 0; } .banner.banner-diag.banner-green h4 { background-image: -webkit-gradient(linear, left top, left bottom, from(#bfdc7a), to(#8ebf45)); background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45); background-image: -moz-linear-gradient(top, #bfdc7a, #8ebf45); background-image: -ms-linear-gradient(top, #bfdc7a, #8ebf45); background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45); text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); } /* Banner - Horizontal Flag */ .banner.banner-flag { height: 30px; right: 5px; top: 10px; } .banner.banner-flag h4 { margin: 0; padding: 2px 20px 3px; text-shadow: 1px 1px 1px #000; } .banner.banner-flag.banner-green h4 { text-shadow: 1px 1px 1px #fff; } .banner.banner-flag h4:after { content: ' '; position: absolute; width: 0; height: 0; right: 0px; top: 100%; border-width: 3px 6px; border-style: solid; border-color: #600 transparent transparent #600; } .banner.banner-flag h4:before { content: ' '; position: absolute; width: 20px; height: 0; right: -8px; top: 6px; border-width: 12px 6px; border-style: solid; border-color: #c00 transparent #c00 #c00; } .banner.banner-flag.banner-green h4:after { border-color: #5f802e transparent transparent #5f802e; } .banner.banner-flag.banner-green h4:before { border-color: #BFDC7A transparent #BFDC7A #BFDC7A; } /**********[ Full width background divs ]**********/ #full-bak { background: #dddddd url('/images/uploads/facs-open-house-bak.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: -23px -30px 0 -30px; min-height: 66.666%; opacity: 0.9; filter: alpha(opacity=90); } .content .row.row-offcanvas.row-offcanvas-left { margin-bottom: -20px; padding-bottom: 0; } #full-bak h2, #full-bak h3, #full-bak h4, #full-bak p { color: #fff; line-height: 1.3; text-shadow: 0px 0px 5px #000000; } /**********[ Research theme labels ]**********/ .label-health, .label-nutrition, .label-family, .label-homes, .label-finance, .label-design { font-size: 11px; margin: 0 5px; padding: 2px 5px; } .label-health { background-color: #c00; } .label-health[href]:hover, .label-health[href]:focus { background-color: #900; } .label-nutrition { background-color: #b45f00; } .label-nutrition[href]:hover, .label-nutrition[href]:focus { background-color: #814400; } .label-family { background-color: #4386d0; } .label-family[href]:hover, .label-family[href]:focus { background-color: #2655ae; } .label-homes { background-color: #090; } .label-homes[href]:hover, .label-homes[href]:focus { background-color: #070; } .label-finance { background-color: #999; } .label-finance[href]:hover, .label-finance[href]:focus { background-color: #808080; } .label-design { background-color: #333; } .label-design[href]:hover, .label-design[href]:focus { background-color: #555; } /**********[ Miscellaneous ]**********/ /* Background icons for Featured Service on front page. See "featured-service" reference in site homepage. */ .featured-service { background-position: top right; background-repeat: no-repeat; } ul.button-list > li a.btn { padding: 4px 6px; } .floatleft, .floatleft_extra { float: left; } img.floatleft { margin: 0px 15px 10px 0px; } img.floatleft_extra { margin: 15px 15px 15px 0px; } .floatright, .floatright_extra { float: right; } img.floatright { margin: 0px 0px 10px 15px; } img.floatright_extra { margin: 15px 0px 15px 15px; } .border { border: 1px solid #777777; border-radius: 3px; } .clear { clear: both; } .accent { color: #e77a00 !important; } .accentdark { color: #9b5200 !important; } .blue { color: #0084c0 !important; } .bluedark { color: #004f74 !important; } .green { color: #667c0d !important; } .greenbright { color: #257325 !important; } .red { color: #ba0c2f !important; } .black { color: #333!important; } .dropcap { display: block; float: left; line-height: 1; margin: 0; padding: 0 7px 0 0; } p img.pull-left { margin: 10px .75em .75em 0; } p img.pull-right { margin: 10px 0 .75em .75em; } .highlight { background-color: #fffccc; } .highlight2 { color: #bb0000; font-size: 150%; line-height: 1.1; font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; } .plain { background: none; border: none; text-decoration: none; } .plain:focus, .plain:hover { background: none; border: none; text-decoration: none; } div.rule { border-bottom: 1px solid #777777; } .shadow { -webkit-box-shadow: 0 0 3px 0 #000000; box-shadow: 0 0 3px 0 #000000; } .phonenumber { float: right; margin: 25px -10px 0px 0px; } .phonenumber span { font-family: delicious; font-size: 24px; color: #555555; letter-spacing: 1px; } .nowrap { white-space: nowrap; } } @media screen and (max-width: 1000px) { .date-icon { font-size: .857142857em; } .date-icon.date-icon-sm { font-size: .714285714em; } } /* ========================================================================== bootstrap-lightbox v0.7.0 - LightBox styles ========================================================================== */ /*! * bootstrap-lightbox.css v0.7.0 * Copyright 2014 Jason Butz * https://www.apache.org/licenses/LICENSE-2.0.txt */ .lightbox-open { overflow: hidden; } body.lightbox-open, .lightbox-open .navbar-fixed-top, .lightbox-open .navbar-fixed-bottom { margin-right: 15px; } .lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .lightbox .fade .lightbox-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .lightbox .in .lightbox-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .lightbox .lightbox-dialog { z-index: 1050; width: auto; /*padding: 10px;*/ margin-right: auto; margin-left: auto; } .lightbox .lightbox-dialog .lightbox-header { float: right; } .lightbox .lightbox-dialog .lightbox-header .close { margin-top: -2px; } .lightbox .lightbox-dialog .lightbox-content { position: relative; display: inline-block; padding: 10px; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .lightbox .lightbox-dialog .lightbox-content .lightbox-caption { position: absolute; right: 8px; bottom: 8px; left: 10px; padding: 2%; font-size: 14px; line-height: 18px; color: white; text-align: center; text-shadow: 0 -1px 0 #000000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #000; background: rgba(0, 0, 0, 0.6); } .lightbox { z-index: 1041; } /* ========================================================================== PRINT STYLES ========================================================================== */ @media print { @page { margin: 1cm 0.5cm 0.5cm; } .content a, .content a:visited { text-decoration: underline; } .content a[href]:after { color: #666; content: " (" attr(href) ")"; font: italic normal 11px/130% Arial, Helvetica, sans-serif; } .content abbr[title]:after { color: #666; content: " (" attr(title) ")"; font: italic normal 11px/130% Arial, Helvetica, sans-serif; } .content .btn { white-space: normal; } .content .breadcrumbs a[href]:after, .content .carousel a[href]:after, .content .sidebar a[href]:after, .content .btn a[href]:after { content: ""; } p, h2, h3, h4 { orphans: 3; widows: 3; } h2, h3, h4 { page-break-after: avoid; } * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } footer, #toplinks, #facs_search, .breadcrumbs, .carousel, .local-nav { display: none; } .content, .content > .row { margin: 0; padding: 0; } .content > .row > .col-sm-9 { width: 100%; } #banner { position: relative; overflow: hidden; } #banner_bak_print { height: 100%; width: 100%; z-index: 0; } #facs_banner { margin: 0; position: absolute; z-index: 100; } #main_nav { display: none; } /* Remove FF page-break */ .content { padding: 0; page-break-before: ""; } /* Show hrefs for content links */ /* Don't show hrefs for nav links */ .local-nav a[href]:after, .content .breadcrumbs a[href]:after, .content .carousel a[href]:after, .content .sidebar a[href]:after, .content .btn a[href]:after { content: ""; } /* Show hrefs for contact links */ .content .sidebar .contact a[href]:after { content: " " attr(href) " "; } .btn, .well { border: none!important; } .well-inverse { box-shadow: none; } .sidebx { width: 100%; } } /* ========================================================================== Classes for Expression Engine / Users ========================================================================== */ .news-entry img { max-width: 33%!important; height: auto!important; } /* ========================================================================== NEW RULES ========================================================================== */ /* Link to top of page - fixed position */ #back-to-top { position: fixed; bottom: -50px; right: 10px; transition: bottom 0.5s ease; } .uga-badge { background: url('https://www.fcs.uga.edu/images/css/UGA-logo-bak-black.50.png') no-repeat right top; } /* ========================================================================== TEMPORARY / UTILITY - Just for generating test color swatches ========================================================================== */ .swatch { margin: 0 0 20px; padding: 0; } .swatch-row { display: block; margin: 0; padding: 0; width: 250px; clear: both; } .swatch-row-one { background-color: #000000; } .swatch-row-two { background-color: #ffffff; } .swatch-row span { display: block; float: left; width: 50px; height: 50px; } /* primary */ .swatch-primary span:nth-child(1) { background: rgba(186, 12, 47, 0.8); } .swatch-primary span:nth-child(2) { background: rgba(186, 12, 47, 0.6); } .swatch-primary span:nth-child(3) { background: rgba(186, 12, 47, 0.4); } .swatch-primary span:nth-child(4) { background: rgba(186, 12, 47, 0.2); } .swatch-primary span:nth-child(5) { background: rgba(186, 12, 47, 0.1); } /* success */ .swatch-success span:nth-child(1) { background: rgba(64, 78, 8, 0.8); } .swatch-success span:nth-child(2) { background: rgba(64, 78, 8, 0.6); } .swatch-success span:nth-child(3) { background: rgba(64, 78, 8, 0.4); } .swatch-success span:nth-child(4) { background: rgba(64, 78, 8, 0.2); } .swatch-success span:nth-child(5) { background: rgba(64, 78, 8, 0.1); } /* warning */ .swatch-warning span:nth-child(1) { background: rgba(180, 95, 0, 0.8); } .swatch-warning span:nth-child(2) { background: rgba(180, 95, 0, 0.6); } .swatch-warning span:nth-child(3) { background: rgba(180, 95, 0, 0.4); } .swatch-warning span:nth-child(4) { background: rgba(180, 95, 0, 0.2); } .swatch-warning span:nth-child(5) { background: rgba(180, 95, 0, 0.1); } /* danger (error) */ .swatch-error span:nth-child(1) { background: rgba(221, 0, 0, 0.8); } .swatch-error span:nth-child(2) { background: rgba(221, 0, 0, 0.6); } .swatch-error span:nth-child(3) { background: rgba(221, 0, 0, 0.4); } .swatch-error span:nth-child(4) { background: rgba(221, 0, 0, 0.2); } .swatch-error span:nth-child(5) { background: rgba(221, 0, 0, 0.1); } /* info */ .swatch-info span:nth-child(1) { background: rgba(119, 119, 119, 0.8); } .swatch-info span:nth-child(2) { background: rgba(119, 119, 119, 0.6); } .swatch-info span:nth-child(3) { background: rgba(119, 119, 119, 0.4); } .swatch-info span:nth-child(4) { background: rgba(119, 119, 119, 0.2); } .swatch-info span:nth-child(5) { background: rgba(119, 119, 119, 0.1); } /* accent (blue) */ .swatch-accent span:nth-child(1) { background: rgba(0, 132, 192, 0.8); } .swatch-accent span:nth-child(2) { background: rgba(0, 132, 192, 0.6); } .swatch-accent span:nth-child(3) { background: rgba(0, 132, 192, 0.4); } .swatch-accent span:nth-child(4) { background: rgba(0, 132, 192, 0.2); } .swatch-accent span:nth-child(5) { background: rgba(0, 132, 192, 0.1); } /* default grays */ .default-gray .swatch-row-one span:nth-child(1) { background-color: #eeeeee; } .default-gray .swatch-row-one span:nth-child(2) { background-color: #777777; } .default-gray .swatch-row-one span:nth-child(3) { background-color: #555555; } .default-gray .swatch-row-one span:nth-child(4) { background-color: #333333; } .default-gray .swatch-row-one span:nth-child(5) { background-color: #222222; } .zg_div { margin: 0px 5px 5px 0px; width: 113px; } .zg_div_inner { border: solid 1px #FFFFFF; background-color: #000000; color: #FFF; text-align: center; font-family: arial, helvetica; font-size: 11px; width: 113px; } .zg_div a, .zg_div a:hover, .zg_div a:visited { color: #CC0000; background: inherit !important; text-decoration: none !important; } #zg_whatlink, zg_whatdiv { display: none !important; } a.selected-check[aria-selected="true"]:after { color: #257325; content: "\f00c"; font-family: 'FontAwesome'; padding-left: 10px; white-space: nowrap; } a.selected-check[aria-selected="true"]:hover, a.selected-check[aria-selected="true"]:focus { text-decoration: none!important; } .icon-fancy-circle { display: inline-block; width: 45px; height: 45px; margin-right: 10px; border-radius: 50%; border: 4px solid #fff; outline: none; text-align: center; } .icon-fancy-circle .fa { border-radius: 50%; color: #fff; font-size: 21px!important; height: 38px; line-height: 38px; width: 38px; } a.icon-fancy-circle:after { content: none!important; } a.color-change { background-color: #000; } a.color-change .fa { mix-blend-mode: screen; } a.color-change:visited { background-color: #bbb; } a.color-change:hover { background-color: #666; } .color-change.text-primary .fa { background-color: #ba0c2f; } .color-change.text-success .fa { background-color: #257325; } .color-change.text-info .fa { background-color: #777777; } .color-change.text-warning .fa { background-color: #b45f00; } .color-change.text-accent .fa { background-color: #0084c0; }