/* Minification failed. Returning unminified contents. (13099,1): run-time error CSS1019: Unexpected token, found '@' (13099,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (13105,1): run-time error CSS1019: Unexpected token, found '@' (13105,2): run-time error CSS1019: Unexpected token, found '@keyframes' (13106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' */ /*! * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-dialog {z-index:10000} .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* CUSTOM FIELDS */ .even { background-color:#f6f6f6;} .odd { background-color:#fff;} .dataTables_filter label { float:right;padding:5px; } .dataTables_length label { float:right;padding:5px; } .dataTable td {padding:4px;} .ui-icon {margin: 2px;} .ui-button {margin:3px;} /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=660000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=336699&iconColorDefault=cc0000&bgColorHover=ffffff&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=10&borderColorHover=cccccc&fcHover=0033cc&iconColorHover=cc0000&bgColorActive=660000&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=333333&fcActive=ffffff&iconColorActive=cc0000&bgColorHighlight=e7e4d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=100&borderColorHighlight=cecaad&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: inherit; font-size: 1.1em; overflow: hidden; z-index: 11;} .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #8a6666; background: #ffffff url(jqueryuithemeroller/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #8a6666; } .ui-widget-content a { color: #333333; } .ui-widget-header { border-bottom: 1px solid #eee9e9; color: #8a6666; font-weight: 400; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; font-weight: 400; color: #8a6666; text-align: center;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #336699; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #eee9e9; font-weight: 600; color: #562626; } .ui-state-hover a, .ui-state-hover a:hover { color: #0033cc; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #333333; background: #660000 url(jqueryuithemeroller/ui-bg_flat_100_660000_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #8a6666; color: #fff; font-weight: 600} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(jqueryuithemeroller/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } .ui-widget-content .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } .ui-widget-header .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } .ui-state-active .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_004276_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(jqueryuithemeroller/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #a6a6a6 url(jqueryuithemeroller/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(jqueryuithemeroller/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.17 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; margin-top: -8px; } .ui-button-icon-only .ui-icon { margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 15em; padding: 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border-radius: 0 0 0 0} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0px; width: 35px; height: 36px; background: #eee9e9;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0px; border: none; background: #8a6666} .ui-datepicker .ui-datepicker-prev { left:0px; border-radius: 0 0 0 0 !important; background-image: linear-gradient(135deg, transparent 52%, #562626 50%), linear-gradient(225deg, #562626 52%, transparent 48%); background-position: calc(100% - 16px) 13px, calc(100% - 16px) 18px, 100% 0; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;} .ui-datepicker .ui-datepicker-next { right:0px; border-radius: 0 0 0 0 !important; background-image: linear-gradient(225deg, transparent 48%, #562626 50%), linear-gradient(135deg, #562626 52%, transparent 48%); background-position: calc(100% - 15px) 13px, calc(100% - 15px) 18px, 100% 0; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;} .ui-datepicker .ui-datepicker-prev-hover {background-image: linear-gradient(135deg, transparent 52%, #fff 50%), linear-gradient(225deg, #fff 52%, transparent 48%); background-position: calc(100% - 16px) 13px, calc(100% - 16px) 18px, 100% 0; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;} .ui-datepicker .ui-datepicker-next-hover {background-image: linear-gradient(225deg, transparent 48%, #fff 50%), linear-gradient(135deg, #fff 52%, transparent 48%); background-position: calc(100% - 15px) 13px, calc(100% - 15px) 18px, 100% 0; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; font-size: 16px;line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: 14px; border-collapse: collapse; margin:0 0 .4em} .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 300; border: 0; } .ui-datepicker td { border: 0; padding: 1px; text-align: center;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .test-color{background-color:#500000;} @charset "UTF-8"; /* Style Name: homepagestyles Author: Brandon Cozart Author URI: Description: */ #alertbar { position: relative; display: flex; margin: 0; padding: 12px; width: 100%; height: auto; align-items: center; z-index: 10000; justify-content: center; } #alertbar.danger-red { background: #f04f4e; } #alertbar.caution-yellow { background: #fff202; } #alertbar.pibd { background: #104b8a; background-image: url(images/giving/passitbackday/2023pibdbgpattern.jpg); background-position: top left; background-repeat: repeat; background-size: 250px auto; } #alertbar.pibd::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(5, 114, 186, 0.6); z-index: 0; } #alertbar.holiday { background-image: url(images/heroslides/treesweater-bg.jpg); background-position: left bottom; background-size: auto 200%; background-repeat: repeat-x; } #alertbar.rivalry { background-image: url(../../Giving/flat/images/rivalrychallengebg.jpg); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; background-color: #562626; background-blend-mode: multiply; } #alertbar p { position: relative; display: block; margin-bottom: 0; padding: 0; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; text-align: center; } #alertbar p a { line-height: 24px; color: #fff; padding-bottom: 0px; border-bottom: 2px solid white; cursor: pointer; } #alertbar p > .livebug + a { text-align: left; } #alertbar p .livebug { position: relative; top: 1px; left: 0; margin-right: 10px; padding: 7px 10px 3px; font-size: 12px; line-height: 12px; background: #fff; color: #f04f4e; border-radius: 4px; animation: flash 2s linear infinite; } #alertbar .alertbar-corner { position: absolute; display: block; bottom: 0; left: 0; width: auto; height: 100%; } #alertbar .pibdlogo { position: relative; display: inline-block; margin: 0 15px 0 0; width: 85px; height: auto; } #alertbar .pibdlogo img { width: 100%; height: auto; } #alertbar.pibd { font-weight: 600; font-size: 20px; line-height: 20px; color: #fff; letter-spacing: 1px; justify-content: flex-start; } @media (max-width: 767px) { #alertbar.pibd { font-size: 17px; line-height: 17px; } } #alertbar .clock { position: relative; top: 2px; } #alertbar .clock ul.countdown { list-style: none; margin: 0; padding: 0; display: block; text-align: center; z-index: 2; } #alertbar ul.countdown li { margin-bottom: 0; font-family: 'proxima-nova'; font-weight: 300; display: inline-block; letter-spacing: 1px; } #alertbar ul.countdown li span { width: 100%; font-size: 26px; font-weight: 300; line-height: 26px; color: #fff; } #alertbar ul.countdown li.seperator { font-family: "proxima-nova"; font-weight: 300; min-width: unset !important; font-size: 26px; line-height: 24px; vertical-align: top; color: #fff; } #alertbar ul.countdown li p { color: #371e1e; font-size: 14px; } #alertbar .pibdtease { font-weight: 600; font-size: 20px; line-height: 20px; color: #fff; letter-spacing: 0.5px; } @keyframes flash { 0% { opacity: 1; } 20% { opacity: 0.25; } 30% { opacity: 1; } } @media (max-width: 1199px) { #alertbar p { font-size: 16px; line-height: 20px; } } td { padding: 5px; } .argos-reportlist-holder { max-height: 500px; overflow: auto; display: block; } .top-buffer { margin-top: 40px; } .top-buffer-md { margin-top: 25px; } .top-buffer-sm { margin-top: 15px; } .left-buffer { margin-left: 20px; } .right-buffer { margin-right: 20px; } input { color: #555; } /* News Editor Classes */ .postheader { font-size: 26px; font-weight: bold; } .postsubheader { font-size: 24px; font-weight: bold; color: #888; } .postquote { margin: 5px; font-style: italic; } .postimgcomment { font-size: .9em; color: #666; } /* */ .activeprofile { color: #006600; } .pendingprofile { color: #006600; } .cancelledprofile { color: #990000; } .suspendedprofile { color: #990000; } .expiredprofile { color: #990000; } .inputField8 { margin-top: 20px; } .whatToExpect { border: solid 3px #ddd; background-color: #f1f1f1; padding: 10px; } .whatToExpect h3 { font-weight: bold; margin: 0; font-size: 17px; } .whatToExpect h3 span { font-size: .65em; text-transform: lowercase; } .whatToExpect p { font-size: .8em; padding: 0; margin: 0; padding-top: 10px; } #delay { margin-left: 5px; } svg:not(:root) { overflow: hidden; } @media screen and (min-width: 1200px) { .container { width: 1200px !important; max-width: 1200px !important; padding-right: 0; padding-left: 0; } .container-fluid .row { margin-left: 0; margin-right: 0; } .col-lg-height { display: table-cell; float: none !important; } } @media (min-width: 992px) { .col-md-height { display: table-cell; float: none !important; } } @media screen and (min-width: 768px) { .container-fluid { padding-right: 5% !important; padding-left: 5% !important; } .col-sm-height { display: table-cell; float: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .container { width: 750px !important; max-width: 750px !important; } } @media screen and (max-width: 767px) { .container { max-width: 100%; } .container-fluid { padding-right: 15px !important; padding-left: 15px !important; } } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } html { position: relative; margin: 0 auto; padding: 0; width: 100%; height: 100%; font-size: 100%; background: #fff; box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { margin: 0 auto; padding: 0; width: 100%; height: 100%; background: #fff; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 300; font-size: 16px; color: #555; } @media screen and (max-width: 991px) { body { background: #562626; } } @media screen and (min-width: 992px) { #allwrap { position: relative; min-height: 100%; } } h1 { margin: 0 0 10px 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; font-size: 50px; color: #562626; text-transform: uppercase; } h5 { margin: 40px 0 0 0; font-family: "proxima-nova-extra-condensed", sans-serif; font-weight: 300; font-size: 30px; line-height: 30px; color: #562626; } @media screen and (max-width: 767px) { h1 { font-size: 35px; } h5 { font-size: 26px; line-height: 26px; } } a { font-weight: 400; color: #08639C; border: 0; outline: none; } a, a:link, a:visited, a:active, a:hover { text-decoration: none; } a:hover { color: #562626; } img { border: none; outline: none; } form { margin: 0; padding: 0; } .error { color: #ff0000; } p, li { margin: 0 0 20px 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #555; } p a { font-weight: 600; } li { margin: 0 0 10px 0; } @media screen and (min-width: 1200px) { p, li { margin: 0 0 25px 0; font-size: 18px; line-height: 26px; } li { margin: 0 0 15px 0; } } p.white, .sectiontitle.white, li.white { color: #fff; } p.white, li.white { font-weight: 400; } p.maroon { color: #562626; } a .linkarrow { content: " "; position: relative; display: inline-block; margin-top: 10px; margin-left: 10px; width: 9px; height: 9px; border-top: 1px solid #08639c; border-right: 1px solid #08639c; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a:hover .linkarrow { border-top: 1px solid #562626; border-right: 1px solid #562626; } .showme-xs { display: none; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .aggienetworkfullscreencontentwrapper { position: relative; display: flex; display: -ms-flexbox; margin: -90px 0 0 0; width: 100%; height: calc(100vh - 75px) !important; min-height: 700px; max-height: 1200px; } .aggienetworkfullscreencontentwrapper.downpage { margin: -90px 0 0 0; height: 100vh; } .aggienetworkpagenav { position: relative; display: flex; flex-flow: row wrap; align-items: center; } .aggienetworkpagenavitem { flex: 1 auto; } .aggienetworksectioncontentwrapper { position: relative; display: block; margin: 0 auto; padding: 70px 0; width: 80%; max-width: 1200px; } .aggienetworkcalloutboxtitle { position: absolute; display: inline-block; top: 0px; padding: 0 10px; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 26px; line-height: 26px; color: #562626; background: #fff; } @media (max-width: 991px) { .aggienetworkfullscreencontentwrapper { margin: -40px 0 0 0; height: calc(100vh - 91px); max-height: 750px; } } @media (max-width: 767px) { .aggienetworkfullscreencontentwrapper { width: 100%; height: calc(100vh - 40px); } } .aggienetworkflexcontainer { position: relative; display: flex; display: -ms-flexbox; -ms-flex-flow: row wrap; flex-flow: row wrap; } .aggienetworkflexcontainer .textblocks > * + * { margin-left: 30px; } .aggienetworkflexcontainer .flex-one { flex: 1; } .aggienetworkflexcontainer .flex-onepointfive { flex: 1.5; } .aggienetworkflexcontainer .flex-two { flex: 2; } .aggienetworkvideoembed-responsive { position: relative; padding-bottom: 56.25%; background-color: #000; overflow: hidden; cursor: pointer; } .aggienetworkvideoembed-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------HEADER/NAVIGATION-------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #headerwrapper { position: relative; display: block; width: 100%; height: 75px; padding: 0; background-image: url(images/ringbg.jpg); background-position: center -200px; background-size: 1440px; -webkit-box-shadow: 0px 1px 15px -6px #999; -moz-box-shadow: 0px 1px 15px -6px #999; box-shadow: 0px 1px 15px -6px #999; z-index: 2000; } #logocontainer { position: relative; left: 0; right: 0; margin: -80px auto 0 auto; width: 275px; height: 135px; background: #fff; text-align: center; background-image: url(images/ringbg.jpg); background-position: center -195px; background-size: 1440px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 1px 15px -6px #999; -moz-box-shadow: 0px 1px 15px -6px #999; box-shadow: 0px 1px 15px -6px #999; z-index: 30; } .logo { position: relative; display: block; margin-top: -120px; left: 50%; margin-left: -75px; width: 150px; height: 94px; z-index: 4000; background: url(images/afsstackedlogo-maroon.svg) center center no-repeat; background-size: 150px 94px; } .no-svg .logo, .no-inlinesvg .logo { background: url(images/pngfallbacks/afsstackedlogo-maroon.png) no-repeat center center; background-size: 150px 94px; } #navcontainer { position: relative; margin: 0 auto; width: 100%; height: 75px; background: #fff; background-image: url(images/ringbg.jpg); background-position: center -200px; background-size: 1440px; z-index: 2001; } #lnav { margin: 0 auto; position: relative; width: 1200px; z-index: 2001; } #lnav ul { position: absolute; display: block; margin: 25px 0 0; /*margin: 69px 0 0; /*with alertbar*/ /*margin: 82px 0 0; /*with pibd alertbar*/ width: 44%; padding: 0 0 0 0; list-style: none; } #lnav li a { outline: none; } #lnav ul.menu li { display: inline; } #lnav ul li h3 { position: relative; display: inline; clear: both; margin: 0; padding: 5px 10px 18px 10px; overflow: hidden; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; line-height: 18px; color: #562626; letter-spacing: 1px; cursor: pointer; } #lnav .menuicon { display: none; } #lnav ul.left, #secondnav ul.left { left: 0; text-align: left; } #lnav .left li.toplevel { margin: 0 57px 0 0; } #lnav ul.right, #secondnav ul.right { right: 0; text-align: right; } #lnav ul.right li.toplevel { margin: 0 0 0 70px; } #lnav ul.right li.floatrfirst { margin-left: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { #headerwrapper, #logocontainer, #navcontainer { background-image: url(images/ringbg@2x.jpg); } } @media all and (min-width: 992px) { .menu li { position: relative; } .menu li > div { position: inherit; margin-top: 10px; left: 0; background-color: #fff; border: 1px solid #562626; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 1000000000; } .menu li.floatr > div { left: auto; right: 4px; text-align: left !important; } .menu li.floatrfirst > div { left: auto; right: 4px; text-align: left !important; } .menu li.floatrlast > div { left: auto; right: 0; text-align: left !important; } .menu .cols1, .menu .cols2, .menu .cols3 { position: absolute; display: none; /* for transition visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; */ overflow: auto; } .menu .cols1, .menu .col1 { width: 200px; overflow: hidden; margin: -25px 30px 0 0; } .menu .col1last { width: 180px; margin-left: 20px; margin-right: 0; overflow: hidden; text-align: center; } .menu .cols2last { margin: -25px 0 0 0 !important; } .menulinks { position: relative; display: block; border-right: 1px solid #e1e1e1; width: 440px; overflow: hidden; } .menu .cols2, .menu .col2 { padding: 20px 20px 10px 20px; width: auto; overflow: hidden; } .menu .cols2 .menulinks { border-right: none; } .menu .cols2.careers { padding-bottom: 20px; } .menu .cols3 { width: 643px; padding: 20px 20px 10px 20px; } .menu .col3 { position: relative; display: flex; width: 100%; margin: 20px 0 0 0; padding: 15px 0 0; border-top: 1px solid #e1e1e1; align-items: center; justify-content: space-between; } .menu > li:hover > div { display: block; /* for transition visibility:visible; opacity:1; transition-delay:0s; */ } .menu .col1, .menu .col1last, .menu .col2 { float: left; } .menu > li:hover > h3 { background-color: #562626; color: #fff !important; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .menu > li > a img, .menu li > ul > li > a img { border: 0; margin-right: 7px; } .difference { margin-top: 13px; width: 125px; height: auto; } .ringad { width: 140px; height: auto; } .menu h4, .menu h4 a { font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 20px; color: #888; margin: 25px 0 3px 0; padding: 0; } .menu h5 { margin: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 20px; color: #ddd; } .menu h4 a, .menu h5 a { color: #888; } .menu h4 a:hover, .menu h5 a:hover { color: #562626; text-decoration: none; } .menu ol { list-style: none; margin: 0 0 0 0; padding: 0; } .menu ol li a { position: relative; display: block; width: 100%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; color: #888; font-size: 14px; line-height: 16px; margin: 5px 0 0 0; } .menu ol li a:hover { color: #562626; text-decoration: none; } .menu p { color: #555; font-size: 12px; line-height: 16px; margin: 10px 10px; padding: 0; } .menu p a { color: #888; text-decoration: underline; } .menu p a:hover { color: #555; } #lnav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #lnav .search { display: none; } #lnav li h3 { display: inline-block; } #lnav li:last-child h3 { border-right: none; } } @media screen and (min-width: 768px) { #rnav-btn-acct, #rnav-btn-login { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } /*----------------------------SMALLER DESKTOP NAVIGATION STYLES----------------------------*/ @media (min-width: 2189px) { #lnav ul { /*margin: 72px 0 0 0;*/ } } @media (min-width: 992px) and (max-width: 1199px) { #lnav { width: 992px; } #lnav ul { margin: 30px 0 0 0; /*margin: 72px 0 0 0; /*with alertbar*/ /*margin: 85px 0 0 0; /*with pibd alertbar*/ } #lnav ul li h3 { font-size: 16px; } #lnav .left li.toplevel { margin-right: 30px; } #lnav ul.right li.toplevel { margin-left: 40px; } #logocontainer { width: 225px; height: 110px; margin: -70px auto 0 auto; } .logo { width: 125px; height: 78px; margin-left: -62px; margin-top: -100px; background-size: 125px 78px; } } /*----------------------------TABLET NAVIGATION STYLES----------------------------*/ .slidebodygray { background: #f6f6f6 !important; } .slidebodymaroon { background: #faf9fa !important; } @media screen and (min-width: 992px) { #slidebody { position: relative; margin: 0; padding: 0; min-height: 100%; } } @media screen and (max-width: 991px) { #slidebody { position: relative; margin: 0 0 0 0; width: 100%; height: 100%; background: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-overflow-scrolling: touch; } #headerwrapper { position: relative; top: 0; left: 0; height: 56px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #navcontainer { height: 56px; } #logocontainer { margin: -70px auto 0 auto; width: 250px; height: 116px; background-position: center -185px; } .logo { margin-top: -95px; margin-left: -63px; width: 126px; height: 79px; background-size: 126px 79px; } #lnav-btn, #rnav-btn-acct, #rnav-btn-login a { position: absolute; display: block; top: 12px; left: 10px; padding: 7px 9px 5px 10px; height: auto; font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 22px; line-height: 20px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #562626; outline: none; border: 0; border-radius: 4px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; } .nav-btn-label { position: relative; display: inline-block; } #lnav::-webkit-scrollbar, #rnav::-webkit-scrollbar { display: none; } #lnav { position: fixed; margin: 0 auto; padding-top: 14px; height: 100%; background: #562626; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; } #lnav { left: -40%; width: 40%; } #lnav .search { position: relative; display: block; margin: 0; padding: 0 0 15px 0; text-align: center; border-bottom: 1px solid #784649; } #lnav .search input[type="text"] { background: #fff; border: 1px solid #562626; font: 1em "proxima-nova", Helvetica, sans-serif; color: #fafafa; width: 75%; height: 25px; padding: 0 20px 0 10px; margin: 0 0 0 8%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #lnav .search input[type="text"]:focus { border: 0 none; outline: 0 none; background: #fafafa; color: #562626; border: 1px solid #562626; overflow: hidden; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #lnav .search input[type="submit"] { position: relative; display: inline-block; display: -moz-inline-stack; vertical-align: top; padding: 0; height: 20px; width: 20px; top: 5px; right: 25px; outline: 0 none; border: 0 none; background: url(images/spotlight.svg) no-repeat center center; background-size: 20px 20px; -webkit-appearance: none; } #lnav ul { position: relative; display: block; margin: 0; padding: 0; width: 100%; } .cols3, .cols2 { background: #8a6666; } #lnav .left li.toplevel, #lnav ul.right li.toplevel { margin: 0; } #lnav ul.right { text-align: left; } #lnav ul li.toplevel { clear: both; position: relative; display: block; width: 100%; font-size: 16px; line-height: 16px; background: #562626; border-bottom: 1px solid #8a6666; } #lnav ul li h3 { position: relative; display: inline-block; margin: 0; width: 100%; color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 1px; cursor: pointer; overflow: hidden; } #lnav ul li h3 a { color: #fff; } .menu h4, .menu h4 a, .menu h5, .menu h5 a { font-family: "proxima-nova-extra-condensed"; font-weight: 400; font-size: 20px; line-height: 22px; color: #fff; letter-spacing: 1px; text-transform: uppercase; } .menu h4, .menu h5 { margin: 25px 0 10px 27px; } .menu h4:first-child { margin: 0 0 10px 27px; padding-top: 25px; } #lnav .menusection { color: #333; } #lnav ul > li { position: relative; display: block; } #lnav .cols3, #lnav .cols2 { display: none; padding: 0 0 10px 0; background: #8a6666; z-index: 1; } #lnav .col1 { width: 100%; } #lnav ol li a { position: relative; display: block; margin: 0 0 10px 5px; padding: 0; font-size: 14px; font-weight: 300; color: #fff; letter-spacing: 1px; border-top: none; overflow: auto; } #lnav .menuicon, #rnav .menuicon { position: relative; display: inline-block; top: 8px; margin: 0 12px 0 5px; height: 27px; width: 27px; } .ring { background: url(images/ring-whitestroke.svg) no-repeat; background-position: center center; background-size: 23px 23px; margin-top: 5px; } .gift { background: url(images/gift-whitestroke.svg) no-repeat; background-position: center center; background-size: 22px 25px; margin-top: 4px; } .people { background: url(images/people.svg) no-repeat; background-position: center center; background-size: 22px 25px; margin-top: 4px; } .menubriefcase { background: url(images/briefcase-whitestroke.svg) no-repeat; background-position: center center; background-size: 22px 25px; margin-top: 4px; } .calendar { background: url(images/calendar-whitestroke.svg) no-repeat; background-position: center center; background-size: 22px 25px; margin-top: 5px; } .info { background: url(images/info-whitestroke.svg) no-repeat; background-position: center center; background-size: 22px 22px; margin-top: 5px; } .gigem { background: url(images/gigem.svg) no-repeat; background-position: center center; background-size: 22px 22px; margin-top: 5px; } .shirt { background: url(images/shirt.svg) no-repeat; background-position: center center; background-size: 27px 22px; margin-top: 5px; } .dropdownarrow { position: relative; display: inline-block; float: right; margin: 17px 20px 0 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #562626; } #slidebody.lnopen { position: fixed; -webkit-transform: translate(40%,0); -moz-transform: translate(40%,0); transform: translate(40%,0); } #lnav.rnclose { right: 40%; -webkit-transition: all 0.0s ease-out 1s; -moz-transition: all 0.0s ease-out 1s; transition: all 0.0s ease-out 1s; } #slidebody.rnopen { -webkit-transform: translate(-40%,0); -moz-transform: translate(-40%,0); transform: translate(-40%,0); } #lnav.lnopen { left: 0px; } #lnav.lnclose { left: -40%; -webkit-transition: all 0.0s ease-out 1s; -moz-transition: all 0.0s ease-out 1s; transition: all 0.0s ease-out 1s; } #lnav h3 { width: 100%; display: block; text-decoration: none; } } /*----------------------------SMARTPHONE NAVIGATION STYLES----------------------------*/ @media screen and (max-width: 767px) { #headerwrapper { height: 40px; } #navcontainer { height: 40px; background-image: none; } #logocontainer { margin: -50px auto 0 auto; width: 150px; height: 69px; background-image: none; } .logo { margin-top: -50px; margin-left: -22px; width: 44px; height: 39px; background: url(images/afsringlogo-maroon.svg) center center no-repeat; background-size: 44px 39px; } #lnav-btn, #rnav-btn-acct, #rnav-btn-login a { top: 0; left: 0; padding: 0; height: 100%; font-size: 22px; line-height: 16px; color: #562626; background: none; border-radius: 0; } #rnav-btn-acct, #rnav-btn-login a { left: auto; right: 0; } #rnav-btn-login a { padding: 12px 5px 0 0; } .nav-btn-icon.visible-xs { display: inline-block !important; } .nav-btn-icon { position: relative; margin: 0 5px 0 0; width: 7px; height: 15px; background: url(images/nav-btn.svg) no-repeat center top; background-size: cover; } #rnav-btn-acct .nav-btn-icon { margin: 0 0 0 5px; } #lnav { left: -256px; width: 256px; } #rnav { position: absolute; right: 1000px; margin: 0 auto; padding-top: 14px; width: 256px; height: 100%; background: #eee; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; } #slidebody.lnopen { -webkit-transform: translate(256px, 0); -moz-transform: translate(256px, 0); transform: translate(256px, 0); } #lnav.lnopen { position: fixed; left: 0px; } #lnav.rnclose { right: 256px; -webkit-transition: all 0.0s ease-out 1s; -moz-transition: all 0.0s ease-out 1s; transition: all 0.0s ease-out 1s; } #slidebody.rnopen { -webkit-transform: translate(-256px, 0); -moz-transform: translate(-256px, 0); transform: translate(-256px, 0); } #rnav.rnopen { right: 0; } #lnav.lnclose { left: -256px; -webkit-transition: all 0.0s ease-out 1s; -moz-transition: all 0.0s ease-out 1s; transition: all 0.0s ease-out 1s; } #rnav.rnclose { right: 1000px; -webkit-transition: all 0.0s ease-out 1s; -moz-transition: all 0.0s ease-out 1s; transition: all 0.0s ease-out 1s; } #lnav .search { display: block; } } /*-------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------SECONDARY NAVIGATION------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #secondnav { position: relative; margin: 0 auto; width: 1000px; height: 40px; background: #562626; z-index: 1000; } #secondnav:before { content: " "; position: absolute; width: 0; height: 0; border-top: 40px solid #562626; border-left: 40px solid transparent; left: -40px; } #secondnav:after { content: " "; position: absolute; width: 0; height: 0; border-top: 40px solid #562626; border-right: 40px solid transparent; right: -40px; } #secondnav ul.secondnavmenu { position: absolute; display: inline-block; margin: 11px 0 0 0; width: 50%; padding: 0; list-style: none; } #secondnav ul.secondnavmenu > li { position: relative; display: inline-block; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 18px; display: -moz-inline-stack; vertical-align: top; } #secondnav ul.secondnavmenu > li > a { color: #fff; } #secondnav ul.left > li { margin-right: 30px; } #secondnav ul.right > li { margin-left: 20px; } #secondnav ul.right { left: 50%; } #secondnav ul > li.first { margin-left: 10px; } #secondnav ul > li.last { margin-right: -10px; } #secondnav ul > li.taps { margin-right: -10px; } .giftbutton a { position: relative; display: inherit; top: 1px; font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 16px; line-height: 16px; letter-spacing: 1px; font-weight: 800; text-transform: uppercase; color: #562626; padding: 2px 0 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; } .giftstar { position: relative; display: inline-block; display: -moz-inline-stack; vertical-align: top; top: 1px; margin: 0 5px; height: 14px; width: 14px; background: url(images/giftstar.svg) no-repeat; background-position: center center; background-size: 14px 14px; } @media (min-width: 992px) and (max-width: 1199px) { .giftstar { top: 4px; } } .no-svg .giftstar, .no-inlinesvg .giftstar { background: url(images/pngfallbacks/giftstar.png) no-repeat; background-size: 14px 14px; } #navsearch { position: relative; display: block; top: -2px; padding: 0; } #navsearch input[type="text"] { position: relative; background: #fff; border: 0 none; font: 16px "proxima-nova", Helvetica, sans-serif; line-height: 16px; width: 100px; height: 22px; padding: 0px 20px 0px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: width 0.3s ease 0s; -moz-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s; overflow: hidden; } #navsearch input[type="text"]:focus { height: 22px; padding: 0px 20px 0px 10px; outline: 0 none; font: 16px "proxima-nova", Helvetica, sans-serif; color: #6a6f75; width: 200px; overflow: hidden; } #navsearch input[type="submit"] { position: relative; display: inline-block; display: -moz-inline-stack; vertical-align: top; height: 17px; width: 17px; top: 6px; right: 17px; outline: 0 none; border: 0 none; background: url(images/spotlight.svg) no-repeat; background-size: cover; -webkit-appearance: none; } #secondnav #accountmenu > a { position: relative; padding: 15px 10px 10px 10px; overflow: hidden; } #secondnav #accountmenu > a:focus { background: #fff; color: #562626; text-decoration: none; } #secondnav #accountmenu a .dropdownarrow { position: relative; display: inline-block; margin: -2px 10px 0 7px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #fff; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; transition: transform 0.2s linear; } #secondnav #accountmenu a:focus .dropdownarrow { position: relative; display: inline-block; margin: -2px 10px 0 7px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #562626; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } #secondnav #accountmenu .dropdown-menu { margin: 11px 0 0 0; padding: 0; left: -142px; width: 400px; height: auto; text-align: left; background: #fff; border: 1px solid #562626; border-top: 1px solid #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #accountinfo { position: relative; display: table-cell; margin: 0 5% 0 0; padding: 0; width: 67.5%; } #accountinfocontent { padding: 10px; } .primaryinfo { position: relative; display: block; margin-bottom: 15px; width: 100%; height: 65px; overflow: hidden; } .avatar { position: relative; display: block; margin: 0 10px 10px 0; float: left; width: 65px; height: 65px; background: #000; overflow: hidden; } p.accountname { position: relative; display: block; margin: 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; color: #333; } p.jobtitle { position: relative; display: block; margin: 0 0 0 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 16px; color: #666; } p.address { margin: 0 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: 300; color: #666; } p.address:first-of-type { margin: 0 0 15px 0; } p.address:last-of-type { margin: 0 0 0 0; } #accounttools { position: relative; display: table-cell; vertical-align: top; margin: 0 0 0 -4px; padding: 0; width: 27.5%; background: #fafafa; border-left: 1px solid #eee; border-radius: 0 0 4px 0; } #accounttoolscontent { position: relative; display: block; margin: 0; padding: 10px 10px 0 10px; } .toolslist { position: relative; display: block; margin: 0 0 10px 0; padding: 0; width: 100%; text-align: left; list-style-type: none; float: none; } .toolslist li { position: relative; display: block; margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 18px; } .toolslist li a { font-family: "proxima-nova", Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #888; } .toolslist li a:hover { color: #562626; } #cclubstatus, #cclubstatusmobile { position: relative; display: block; margin: 13px 0 10px 0; text-align: center; } #ringlevel, #ringlevelmobile { position: relative; display: inline-block; vertical-align: baseline; margin-right: 5px; width: 25px; height: 23px; } .ccIconG, .ccIconD, .ccIconX, .ccIconY, .ccIconZ, .ccIconE { background: url(images/goldring.svg) no-repeat; background-size: contain; } .no-svg .ccIconG, .no-inlinesvg .ccIconG, .no-svg .ccIconD, .no-inlinesvg .ccIconD, .no-svg .ccIconX, .no-inlinesvg .ccIconX, .no-svg .ccIconY, .no-inlinesvg .ccIconY, .no-svg .ccIconZ, .no-inlinesvg .ccIconZ, .no-svg .ccIconE .no-inlinesvg .ccIconE { background: url(images/pngfallbacks/goldring.png) no-repeat; background-size: 25px 23px; } .ccIconS { background: url(images/silverring.svg) no-repeat; background-size: contain; } .no-svg .ccIconS, .no-inlinesvg .ccIconS { background: url(images/pngfallbacks/silverring.png) no-repeat; background-size: 25px 23px; } .ccIconB { background: url(images/bronzering.svg) no-repeat; background-size: contain; } .no-svg .ccIconB, .no-svg .ccIconB { background: url(images/pngfallbacks/bronzering.png) no-repeat; background-size: 25px 23px; } .ccIconA { background: url(images/afsringlogo-maroon.svg) no-repeat; background-size: contain; } .no-svg .ccIconA, .no-svg .ccIconA { background: url(images/pngfallbacks/afsringlogo-maroon.png) no-repeat; background-size: 25px 23px; } p.member { position: relative; display: inline-block; margin: 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; font-size: 22px; color: #888; } p.cclubexpiration { margin: -5px 0 0 0; padding: 0; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #888; } /*----------------------------SMALLER DESKTOP SECONDARY NAVIGATION STYLES----------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { #secondnav { width: 800px; height: 30px; } #secondnav:before { border-top: 30px solid #562626; border-left: 30px solid transparent; left: -30px; } #secondnav:after { border-top: 30px solid #562626; border-right: 30px solid transparent; right: -30px; } #secondnav ul.secondnavmenu { margin: 5px 0 0 0; } #secondnav ul.secondnavmenu > li > a { font-size: 13px; margin: 0 0 0 0; } #secondnav ul.left > li { margin-right: 15px; } #secondnav ul.right > li { margin-left: 13px; } .giftbutton a { font-size: 14px; padding: 2px 5px 0 5px; } .giftstar { margin: 0 3px; width: 12px; height: 12px; } .no-svg .giftstar, .no-inlinesvg .giftstar { background-size: 12px 12px; } #navsearch { top: 1px; } #navsearch input[type="text"] { width: 80px; height: 18px; font: 12px "proxima-nova", Helvetica, sans-serif; } #navsearch input[type="text"]:focus { width: 160px; height: 18px; font: 12px "proxima-nova", Helvetica, sans-serif; } #navsearch input[type="button"] { height: 15px; width: 15px; top: 4px; right: 15px; } #secondnav #accountmenu a .dropdownarrow, #secondnav #accountmenu a:focus .dropdownarrow { margin: -1px 10px 0 7px; } #secondnav #accountmenu .dropdown-menu { margin: 5px 0 0 0; width: 375px; left: -128px; } .primaryinfo { height: 60px; } .avatar { width: 60px; height: 60px; } p.accountname { font-size: 16px; } p.jobtitle { font-size: 15px; } p.address { font-size: 12px; } .toolslist li a { font-size: 11px; } .ringlevel { width: 22px; height: 20px; margin-right: 3px; } p.member { font-size: 18px; } p.cclubexpiration { font-size: 10px; } } /*----------------------------COMMON MOBILE SECONDARY NAVIGATION STYLES----------------------------*/ @media screen and (max-width: 991px) { #secondnav:before, #secondnav:after { display: none; } #secondnav ul.secondnavmenu { margin: 8px 0 0 0; } #secondnav ul.left > li { margin-right: 20px; } #secondnav ul.right > li { margin-left: 15px; } #secondnav ul.right > li:last-child { margin: 0; } #secondnav ul > li.decals { display: none; } #secondnav ul > li.taps { margin-right: 0px; } .giftbutton a { padding: 2px 10px 0 10px; } .giftstar { display: none; } #navsearch { display: none; } } /*----------------------------TABLET SECONDARY NAVIGATION STYLES----------------------------*/ @media (min-width: 768px) and (max-width: 991px) { #secondnav { position: relative; margin: 0 auto; width: 100%; height: 35px; } #secondnav #accountmenu > a { padding: 15px 25px 8px 10px; right: -10px; } #secondnav #accountmenu a .dropdownarrow, #secondnav #accountmenu a:focus .dropdownarrow { margin: 10px 0 0 0; left: -18px; } #secondnav #accountmenu .dropdown-menu { position: absolute; margin: 6px 0 0 0; width: 300px; right: -3px; left: auto; } #accountinfo { display: block; width: 100%; } #accounttools { display: table-cell; margin: 0; width: 100%; border-left: none; border-top: 1px solid #eee; } p.accountname { font-size: 16px; } p.jobtitle { font-size: 15px; } p.address { font-size: 13px; } .accounttoolscontent { padding: 0 10px 0 10px; width: 100%; } .toolslist { display: block; margin-top: 5px; text-align: center; } .toolslist li { display: inline-block; margin: 0 10px; padding: 0; font-size: 14px; line-height: 18px; } .toolslist li:last-child { display: block; } .cclubstatus { margin: 10px 0 0 0; } } /*----------------------------SMARTPHONE SECONDARY NAVIGATION STYLES----------------------------*/ @media screen and (max-width: 767px) { #accountinfomobile { position: relative; display: block; margin: 5px 0 0 0; padding: 0 5px 0 5px; width: 100%; } .avatar { margin: 0 auto 0 auto; float: none; width: 80px; height: 80px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } p.accountname { margin: 10px 0 20px 0; font-size: 20px; text-align: center; } #accounttoolsmobile { margin: 15px 0 30px 0; } .toolslist ul { position: relative; display: block; margin: 0 0 10px 0; padding: 0; width: 100%; text-align: left; list-style-type: none; float: none; } .toolslist ul li { position: relative; display: block; margin: 0; border-bottom: 1px solid #ccc; } .toolslist ul li:first-child { border-top: 1px solid #ccc; } .toolslist ul li a { position: relative; display: block; padding: 5px 10px 18px 10px; font-weight: 300; font-size: 16px; line-height: 16px; color: #562626; letter-spacing: 1px; } .editicon { background: url(images/edit.svg) no-repeat; background-position: center center; background-size: 25px 25px; } .toolsicon { background: url(images/tools.svg) no-repeat; background-position: center center; background-size: 25px 25px; } .classicon { background: url(images/classicon.svg) no-repeat; background-position: center center; background-size: 27px 27px; } .clubicon { background: url(images/clubicon.svg) no-repeat; background-position: center center; background-size: 21px 25px; } .logouticon { background: url(images/logouticon.svg) no-repeat; background-position: center center; background-size: 25px 25px; } #cclubstatus { margin-top: 25px; } #ringlevel { width: 30px; height: 27px; } p.member { font-size: 28px; } p.cclubexpiration { font-size: 14px; } } /*----------------------------------------------------------------------*/ #contentcontainer { position: relative; display: block; margin: 50px 0 0 0; height: 100%; width: 100%; background: #fff; } .contentcontainergray { background: #f6f6f6 !important; } .contentcontainermaroon { background: #faf9fa !important; } .contentcontainerblack { background: #000 !important; } @media screen and (min-width: 992px) { #contentcontainer { padding-bottom: 303px; } } @media screen and (max-width: 991px) { #contentcontainer { position: relative; margin: 0; padding-top: 40px; height: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; } } /*--------------------------SLIDER STYLES--------------------------*/ #slider { position: relative; display: block; margin: -90px auto 0 auto; } .slides { margin: 0px auto; height: 550px; overflow: hidden; position: relative; background: #333; } .slide { height: 550px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } @media screen and (max-width: 767px) { .hideme { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { #slider { margin: -80px auto 0 auto; } .slides, .slide { height: 412px; } } @media (min-width: 768px) and (max-width: 991px) { #slider { margin: -40px auto 0 auto; } .slides, .slide { height: 350px; } } @media screen and (max-width: 767px) { #slider { margin: -40px auto 0 auto; } .slides, .slide { height: 295px; } } .slide p { font-size: 16px; line-height: 22px; margin-bottom: 24px; } .thumbs-container { margin: 10px auto; width: 942px; font-size: 0; overflow: hidden; position: relative; display: block; -webkit-backface-visibility: hidden; } @media (min-width: 768px) and (max-width: 991px) { .thumbs-container { width: 670px; } } .slidertray { position: relative; text-align: center; padding: 20px 0 20px 0; } .slidertray ul { list-style-type: none; margin: 0; padding: 0; } .slidertray li { display: inline-block; margin: 10px 15px 10px 15px; width: 16.815287%; height: auto; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #333333; text-align: center; vertical-align: top; text-decoration: none; } .slidertray li img { position: relative; display: block; margin: 0 auto 10px auto; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } @media (min-width: 768px) and (max-width: 991px) { .slidertray li { width: 110px; margin: 10px; } } .thumbbox { margin: 0 auto 5px auto; height: auto; width: 90.909091%; background: #fff; } .slidertray li a { color: #333333; } .slidertray li.current a, .slidertray li a:hover { text-decoration: none; } .slidertray li a:hover img { position: relative; display: block; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; } .slidertray li.current img { position: relative; display: block; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 767px) { .thumbs-container { width: 150px; } .thumbs-container ul { margin: 0 auto; } .slidertray li { width: 30px; margin: 0 0 0 0; } .slidertray li img, .slidertray li.current .thumbbox img, .slidertray li a:hover img { display: none; } .slidertray li.current .thumbbox { position: relative; display: block; background: #562626; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; } .thumbbox { height: 12px; width: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: transparent; border: 1px solid #562626; } .thumblabel { display: none; } } .slidebutton { display: inline-block; background: #562626; border: 1px solid #fff; width: auto; padding: 10px 15px 8px; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; transition: 0.1s all linear; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 767px) { .slidebutton { padding: 10px 15px; } } .slidebutton::-moz-focus-inner { border: 0px; outline: none; } .slidebutton:focus, .slidebutton.current { outline: none; } .slidebutton:active, .slidebutton:visited { color: #fff; } .slidebutton:hover { text-decoration: none; background: #fff; color: #562626; border: 1px solid #562626; } .ie9 .slidebutton, .ie9 .slidebutton:hover { filter: none; } .slidebutton.reversedslidebutton { background: none; color: #562626; border: 1px solid #562626; } .slidebutton.reversedslidebutton:hover { background: #562626; color: #fff; border: 1px solid #fff; } .slidebutton.reversedslidebutton.white { background: none; color: #fff; border: 1px solid #fff; } .slidebutton.reversedslidebutton.white:hover { background: #fff; border: 1px solid #fff; color: #562626; } .slidebutton.whiteslidebutton { background: #fff; color: #562626; border: 1px solid #562626; } .slidebutton.whiteslidebutton:hover { background: #562626; color: #fff; border: 1px solid #fff; } .buttonstar { position: relative; display: inline-block; height: 20px; width: 20px; background: url(images/star.svg) no-repeat; background-position: center center; background-size: 20px 20px; } @media screen and (max-width: 767px) { .buttonstar { display: none; } } .navbutton { float: right; margin-top: -5px; font-size: 18px; border: 1px solid #562626; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /*--------------------------NEWS STYLES--------------------------*/ #newswrapper { position: relative; display: block; margin: 0 auto; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; -webkit-transform-style: preserve-3d; } #newscontent { margin: 30px 0 30px 0; width: 100%; position: relative; display: block; } @media screen and (max-width: 767px) { #newscontent { margin: 15px 0 15px 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .newssectiontitle, .accountbenefitstitle { font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 400; font-size: 30px; color: #555; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1199px) { .newssectiontitle, .accountbenefitstitle { font-size: 24px; } } @media screen and (max-width: 767px) { .newssectiontitle { font-size: 28px; line-height: 28px; text-align: center; } } .allnews { display: inline-block; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-size: 18px; padding-left: 30px; text-transform: none; } @media (min-width: 992px) and (max-width: 1199px) { .allnews { font-size: 15px; } } @media screen and (max-width: 767px) { .allnews { display: block; margin: 0; padding-left: 0; font-size: 16px; text-align: center; } } #mainarticle { margin: 30px 0 30px 0; padding: 0; } #mainarticle img { position: relative; display: block; width: 140px; height: auto; float: left; margin: 0 20px 0 0; border: 3px solid #fff; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; } @media (min-width: 445px) and (max-width: 767px) { #mainarticle img { width: 140px; border: 3px solid #fff; margin: 0 10px 5px 0; } } @media screen and (max-width: 445px) { #mainarticle img { width: 35%; } } .articletitle { font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; color: #333; } @media (min-width: 992px) and (max-width: 1199px) { .articletitle { font-size: 15px; padding-top: 0px; } } @media screen and (max-width: 767px) { .articletitle { padding-top: 0px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; } } p.articlesnippet { margin: 10px 0 0 0; padding-right: 30px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; color: #666; } @media (min-width: 992px) and (max-width: 1199px) { p.articlesnippet { font-size: 14px; line-height: 20px; } } @media screen and (max-width: 767px) { p.articlesnippet { padding-right: 0px; } } p.articlesnippet.articleright { padding-right: 0; } .articlesnippet p { margin-top: 0px; } .readfull { margin-left: 10px; font-size: 13px; text-transform: uppercase; } .readfull .linkarrow { margin-top: 8px; margin-left: 8px; width: 7px; height: 7px; } .othernews { position: relative; display: block; margin-top: 0px; width: 100%; } @media screen and (max-width: 991px) { .othernews { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media screen and (max-width: 767px) { .othernews { margin-top: 30px; } .othernews .col-xs-6:nth-child(3) { clear: left; } } .othernews img { display: block; width: 100%; height: auto; border: 3px solid #fff; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; } p.othernewstitle { margin: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 1.2em; color: #333; padding-top: 5px; } p.othernewsdate { margin: 0; padding-top: 0px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; color: #666; } @media (min-width: 992px) and (max-width: 1199px) { p.othernewstitle { font-size: 14px; } p.othernewsdate { font-size: 12px; } } @media screen and (max-width: 767px) { .othernews img { border: 3px solid #fff; } p.othernewsdate { margin-bottom: 20px; } } /*--------------------------ACCOUNT BENEFITS STYLES--------------------------*/ @media screen and (min-width: 992px) { #newswrapper .col-md-4 { width: 36.66666666666663%; } #newswrapper .col-md-offset-1 { margin-left: 5%; } } #accountbenefits { position: relative; display: block; padding: 0; } #accountbenefitscontent { position: relative; margin: 30px 0 30px 0; padding: 0; } .individualbenefit { margin: 0 0 30px 0; } p.benefittext { position: relative; display: block; margin: -10px 0 0 60px; } .benefittitle { position: relative; display: inline-block; margin: 2px 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; color: #333; padding-top: 8px; } @media (min-width: 992px) and (max-width: 1199px) { .benefittitle { font-size: 16px; padding-top: 4px; } } .benefittag { position: relative; display: inline-block; margin: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; color: #666; } .listimage { position: absolute; display: inline-block; left: 15px; width: 40px; height: 40px; } .directory { background: url(images/spotlight.svg) no-repeat center center; background-size: contain; } .no-svg .directory, .no-inlinesvg .directory { background: url(images/pngfallbacks/spotlight.png) no-repeat center center; background-size: 40px 40px; } .briefcase { background: url(images/briefcase.svg) no-repeat center center; background-size: contain; } .no-svg .briefcase, .no-inlinesvg .briefcase { background: url(images/pngfallbacks/briefcase.png) no-repeat center center; background-size: 40px 40px; } .inbox { background: url(images/inbox.svg) no-repeat center center; background-size: contain; } .no-svg .inbox, .no-inlinesvg .inbox { background: url(images/pngfallbacks/inbox.png) no-repeat center center; background-size: 40px 40px; } .txag { background: url(images/txag.svg) no-repeat center center; background-size: contain; } .no-svg .inbox, .no-inlinesvg .txag { background: url(images/pngfallbacks/txag.png) no-repeat center center; background-size: 40px 40px; } #benefitsbuttons { position: relative; text-align: center; margin-top: 10px; } #benefitsbuttons .slidebutton { position: relative; display: inline-block; margin: 20px 0 0 0; font-size: 18px; } #benefitsbuttons .allnews { padding-left: 20px; } @media (min-width: 768px) and (max-width: 991px) { #accountbenefits { margin-top: 60px; text-align: center; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .listimage { position: relative; display: block; left: 0; margin: 0 auto; padding-top: 10px; } p.benefittext { margin: 0 0 0 0; } .benefittitle { margin: 0 0 5px 0; font-size: 18px; line-height: 20px; } .benefittag { font-size: 16px; line-height: 18px; } } @media screen and (max-width: 767px) { #accountbenefits { margin: -20px 0 0 0; text-align: left; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } #benefitsbuttons { margin: 0 0 30px 0; } #benefitsbuttons .allnews { margin-top: 5px; padding-left: 0px; } .accountbenefitstitle { margin: 0 0 20px 0; padding: 0 5px; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 24px; line-height: 26px; color: #555; text-align: center; } .listimage { top: 12px; width: 35px; height: 35px; } .benefittitle { font-size: 16px; line-height: 20px; } } /*--------------------------MISSION STATEMENT STYLES--------------------------*/ #mission { position: inherit; display: block; margin: 0 auto; background: url(images/building1.jpg) no-repeat; background-attachment: fixed; background-position: 50% 50%; background-size: cover; height: auto; } .missioncontent { position: relative; } #mission p { position: relative; display: block; width: 100%; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 50px; line-height: 55px; color: #fff; text-align: center; text-shadow: 0px 0px 20px #333; padding: 60px 0 60px 0; letter-spacing: 2px; -webkit-backface-visibility: hidden; } @media (min-width: 992px) and (max-width: 1199px) { #mission p { font-size: 40px; line-height: 45px; } } @media screen and (max-width: 991px) { #mission { background-attachment: scroll; background-position: center center; background-size: cover; } #mission p { font-size: 35px; line-height: 40px; } .missioncontent { top: 0px; } } @media screen and (max-width: 767px) { #mission p { font-size: 28px; line-height: 33px; padding: 30px 0 30px 0; } } /*--------------------------IMPACT INFOGRAPHIC STYLES--------------------------*/ #infographic { position: relative; display: block; margin: 100px auto; width: 100%; text-align: center; -webkit-backface-visibility: hidden; } @media screen and (min-width: 1200px) { #infographic .container { width: 1100px; } } @media (min-width: 992px) and (max-width: 1199px) { #infographic { margin: 80px auto 100px auto; } } @media screen and (max-width: 991px) { #infographic { margin: 50px 0 90px 0; padding: 0; } } @media screen and (max-width: 767px) { #infographic { margin: 40px 0 0 0; padding: 0; } } #infographic .ribbon { position: relative; display: block; margin-bottom: 50px; width: 100%; height: auto; } #infographic .ribbon img { width: 100%; height: auto; } #infographic .ribbon p { position: relative; display: block; margin: -112px 0 0 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; font-size: 75px; line-height: 75px; color: #fff; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1199px) { #infographic .ribbon p { margin: -87px 0 30px 0; font-size: 55px; line-height: 55px; } } @media (min-width: 768px) and (max-width: 991px) { #infographic .ribbon p { margin: -67px 0 30px 0; font-size: 45px; line-height: 45px; } } @media screen and (max-width: 767px) { #infographic .ribbon p { margin: -30px 0 30px 0; font-size: 22px; line-height: 22px; } } #infographic .formerstudents { position: relative; display: block; margin-top: 30px; width: 100%; height: auto; } @media (min-width: 768px) and (max-width: 991px) { #infographic .formerstudents { margin-top: 20px; } } @media screen and (max-width: 767px) { #infographic .formerstudents { margin-top: -20px; } } #infographic .fiftypercent { position: relative; display: block; margin-top: 30px; width: 100%; height: auto; } @media screen and (max-width: 767px) { #infographic .fiftypercent { margin-top: 20px; } } #infographic .millions { position: relative; display: block; margin-top: 50px; width: 100%; height: auto; } @media screen and (max-width: 767px) { #infographic .millions { margin-top: 20px; } } #infographic .bracket { position: relative; display: block; margin-top: 20px; width: 100%; height: auto; } @media (min-width: 768px) and (max-width: 991px) { #infographic .bracket { margin-top: 10px; } } @media screen and (max-width: 767px) { #infographic .bracket { margin-top: 5px; } } #infographic .dollararea { position: relative; display: block; margin-top: 20px; width: 100%; height: auto; } @media (min-width: 992px) and (max-width: 1199px) { #infographic .dollararea { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #infographic .dollararea { margin-top: 10px; } } @media screen and (max-width: 767px) { #infographic .dollararea { margin-top: 10px; } } #infographic .impact { position: relative; display: block; margin-top: 50px; width: 100%; height: auto; } @media (min-width: 768px) and (max-width: 991px) { #infographic .impact { margin-top: 30px; } } @media screen and (max-width: 767px) { #infographic .impact { margin-top: 15px; } } #infographic a.slidebutton { position: relative; display: inline-block; width: auto; margin-top: 30px; padding: 2px 55px 0px; font-size: 28px; } @media (min-width: 992px) and (max-width: 1199px) { #infographic a.slidebutton { margin-top: 20px; font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { #infographic a.slidebutton { margin-top: 20px; font-size: 22px; } } @media screen and (max-width: 767px) { #infographic a.slidebutton { margin-top: 20px; padding: 3px 30px 0px; font-size: 20px; } } /*--------------------------FEATURE BOX STYLES--------------------------*/ #featureboxes { position: relative; display: block; margin: 0 auto; padding: 70px 0 70px 0; width: 100%; text-align: center; } .featureboxsingle { height: 250px; padding: 15px; color: #333; background: #fff; -webkit-box-shadow: 0 0px 2px #ccc; -moz-box-shadow: 0 0px 2px #ccc; box-shadow: 0 0px 2px #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #featureboxes.featureboxesreversed .featureboxsingle { color: #fff; background: none; } #featureboxes img { width: 100%; height: auto; } #featureboxes p.featureboxtitle { margin: 15px 0 5px 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #562626; } @media (min-width: 992px) and (max-width: 1199px) { #featureboxes p.featureboxtitle { font-size: 0.95em; } } #featureboxes p.featureboxtag { margin: 2px 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; color: #777; font-size: 15px; line-height: 19px; } @media (min-width: 992px) and (max-width: 1199px) { #featureboxes p.featureboxtag { font-size: 0.85em; } } #featureboxes.featureboxesreversed p.featureboxtitle, #featureboxes.featureboxesreversed p.featureboxtag { color: #fff; } #upcomingevents { text-align: left; } #upcomingevents p.eventstitle { margin: 0 0 10px 0; font-size: 18px; } #eventcalendar { width: 100%; } #eventcalendar p.eventrow { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #666; } @media (min-width: 992px) and (max-width: 1199px) { #eventcalendar p.eventrow { font-size: 0.75em; } } .eventdate { float: left; width: 30%; } .eventname { float: left; width: 70%; } .blank { line-height: 1em; margin: 0; padding: 0; } .allevents { clear: both; padding-top: 15px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; } @media (min-width: 992px) and (max-width: 1199px) { .allevents { font-size: 0.75em; } } @media screen and (max-width: 991px) { .featureboxsingle { margin: 0 0 40px 0; } #upcomingevents p.eventstitle { margin: 0 0 15px 0; padding: 0 0 0 0; font-size: 18px; } #eventcalendar p.eventrow, .allevents { font-size: 14px; line-height: 18px; } .eventdate, .eventname { margin: 0 0 5px 0; } #mobilemap p.featureboxtag { margin-top: 10px; font-size: 16px; text-align: left; } } @media screen and (max-width: 767px) { .featureboxsingle { margin: 0 auto 30px auto; height: auto; max-width: 275px; } } /*--------------------------AFFINITY PARTNERS STYLES--------------------------*/ #affinity { position: relative; display: none; width: 100%; height: auto; margin: 10px 0 0 0; text-align: center; } p.affinitycopy { position: relative; display: block; width: 65%; margin: 0 auto; padding-top: 30px; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-size: 20px; font-weight: 200; line-height: 20px; color: #888; letter-spacing: 1px; } @media (min-width: 992px) and (max-width: 1199px) { .affinitycopy { font-size: 1.15em; } } @media (min-width: 768px) and (max-width: 991px) { p.affinitycopy { width: 100%; } } #affinity ul { width: 100%; display: inline-block; text-align: center; margin: 20px auto 30px auto; } #affinity ul li { margin: 0 25px 0 25px; display: inline-block; vertical-align: middle; text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { #affinity ul li { margin: 0 15px 0 15px; } } @media (min-width: 768px) and (max-width: 991px) { #affinity ul li { margin: 0 15px 30px 15px; } } li.bankofamerica a { margin-right: 50px; display: block; width: 200px; height: 24px; background: url(images/partners/bankofamerica-color.png) no-repeat center center; background-size: 200px 24px; background-size: contain; } @media (min-width: 992px) and (max-width: 1199px) { li.bankofamerica a { width: 164px; height: 19px; background-size: 164px 19px; background-size: contain; } } li.merrilledge a { margin-right: 50px; display: block; width: 90px; height: 59px; background: url(images/partners/merrilledge-color.png) no-repeat center center; background-size: 90px 59px; background-size: contain; } @media (min-width: 992px) and (max-width: 1199px) { li.merrilledge a { width: 74px; height: 49px; background-size: 74px 49px; background-size: contain; } } li.nationwide a { margin-right: 50px; display: block; width: 80px; height: 76px; background: url(images/partners/nationwide-color.png) no-repeat center center; background-size: 80px 76px; background-size: contain; } @media (min-width: 992px) and (max-width: 1199px) { li.nationwide a { width: 62px; height: 59px; background-size: 49px 56px; background-size: contain; } } li.messinahof a { margin-right: 50px; display: block; width: 165px; height: 40px; background: url(images/partners/messinahof-color.png) no-repeat center center; background-size: 165px 40px; background-size: contain; } @media (min-width: 992px) and (max-width: 1199px) { li.messinahof a { width: 135px; height: 33px; background-size: 135px 33px; background-size: contain; } } li.traditions a { display: block; width: 165px; height: 68px; background: url(images/partners/traditions-color.png) no-repeat center center; background-size: 165px 68px; background-size: contain; } @media (min-width: 992px) and (max-width: 1199px) { li.traditions a { width: 135px; height: 56px; background-size: 135px 56px; background-size: contain; } } /*--------------------------FOOTER STYLES--------------------------*/ @media screen and (min-width: 992px) { #allfooter { position: absolute; display: block; bottom: 0; width: 100%; height: 305px; } } .footerlogocontainer { position: relative; display: block; margin: 30px auto 0 auto; padding: 0; width: 100%; height: 40px; } .footerlogocontainerbar { position: relative; display: block; width: 100%; height: 45px; background: #fff; z-index: 2; } .footerlogocircle { position: relative; display: block; margin: -45px auto 0 auto; width: 100px; height: 70px; background: #fff; border-bottom: 1px solid #ddd; border-radius: 50%; z-index: 1; } .footerlogo { position: relative; display: block; margin: -48px auto 0 auto; width: 40px; height: 40px; background: url(images/afsringlogo-maroon.svg) no-repeat center center; background-size: 40px 40px; z-index: 3; } .footerlogocontainer.footerlogocontainer-maroon .footerlogocontainerbar, .footerlogocontainer.footerlogocontainer-maroon .footerlogocircle { background: #faf9fa !important; } .footerlogocontainer.footerlogocontainer-black .footerlogocontainerbar, .footerlogocontainer.footerlogocontainer-black .footerlogocircle { background: #000; } .footerlogocontainer.footerlogocontainer-black .footerlogo { margin: -52px auto 0 auto; width: 45px; height: 45px; background: url(images/afsringlogo-white.svg) no-repeat center center; background-size: 45px 45px; } .footercontainer { position: relative; width: 100%; margin: 0 auto; padding: 20px 0; display: block; background: #efefef; border-top: 1px solid #ddd; } .buildingquote { margin: 20px 0 0 0; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-size: 22px; line-height: 26px; font-weight: 200; color: #888; text-align: center; } .quoteauthor { margin: 5px 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; font-weight: 300; color: #888; text-transform: uppercase; text-align: center; } .contact { position: relative; display: block; padding-top: 20px; height: 130px; border-right: 1px solid #ccc; } .contact p { position: relative; display: block; top: 0; left: 30px; margin: 0 0 20px 0; color: #562626; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; line-height: 22px; } .contact img { position: absolute; display: block; margin: 1px 10px 0 0; width: 15px; height: auto; vertical-align: top; } .contact img.phone { width: 12px; } .footercontainer ul { margin: 0; border-left: 1px solid #ccc; } .footercontainer ul li { padding: 0px 0 0px 50px; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 16px; } .footercontainer ul li:last-child { margin: 0; } .footercontainer ul li a { color: #562626; } @media (min-width: 992px) and (max-width: 1199px) { #allfooter { height: 290px; } .footerlogocircle { margin: -40px auto 0 auto; width: 90px; height: 60px; } .footerlogo { margin: -42px auto 0 auto; width: 34px; height: 34px; background-size: 34px 34px; } .footerlogocontainer.footerlogocontainer-black .footerlogo { margin: -45px auto 0 auto; width: 39px; height: 39px; background-size: 39px 39px; } .buildingquote { margin: 20px 0 0 0; font-size: 18px; line-height: 22px; } .quoteauthor { font-size: 14px; } .contact { height: 92px; } .contact p { font-size: 14px; } .footercontainer ul li a { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 991px) { #mobilefooter { position: relative; display: block; margin: 0; padding: 0; } } @media screen and (max-width: 991px) { .footerlogocircle { margin: -40px auto 0 auto; width: 90px; height: 60px; } .footerlogo { margin: -42px auto 0 auto; width: 34px; height: 34px; background-size: 34px 34px; } .footerlogocontainer.footerlogocontainer-black .footerlogo { margin: -45px auto 0 auto; width: 39px; height: 39px; background-size: 39px 39px; } } @media (min-width: 768px) and (max-width: 991px) { .contact { height: 130px; } .contact p { margin: 0 0 10px -5px; padding: 10px 0 0 0; font-size: 14px; line-height: 20px; } .contact img { margin: 12px 0 0 0; width: 12px; } .contact img.phone { width: 10px; } .buildingquote { margin: 10px 0 0 0; font-size: 18px; line-height: 22px; } .quoteauthor { font-size: 14px; } .footercontainer ul { padding: 10px 0 0 0; height: 130px; } .footercontainer ul li a { padding: 0 0 0 30px; font-size: 14px; line-height: 22px; } } @media screen and (max-width: 767px) { .contact { margin: 15px auto 0 auto; height: auto; border-right: none; } .contact p { display: block; font-size: 18px; line-height: 22px; } .contact img { margin: 0; width: 18px; } .contact img.phone { width: 14px; } } /*--------------------------LEGAL STUFF STYLES--------------------------*/ .legalstuffcontainer { position: relative; display: inline-block; margin: 0; padding: 0; width: 100%; background: #f9f9f9; } .legalstuffcontainer { position: relative; margin: 0 auto; padding: 20px 0; } .legalstuffcontainer a { color: #562626; } .legalstuffcontainer p { margin: 0; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #562626; } .legalcopy { position: relative; margin: 0 0 0 0; padding: 0; } .legalcopy ul li { position: relative; display: inline-block; margin: 0 3px 0 3px; font-size: 14px; line-height: 14px; } .legalcopy ul li:first-child { margin: 0 3px 0 0; } .sociallinks { position: relative; margin-top: 10px; float: right; } .social ul { display: inline-block; overflow: hidden; } .social li { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 30px; padding: 0 0 0 0; } .social span { position: relative; display: block; width: 20px; height: 20px; text-align: center; } .social .facebook { width: 9px; background: url(images/socialicons/facebook-maroon.svg) no-repeat center center; background-size: 9px 20px; } .no-svg .social .facebook, .no-inlinesvg .social .facebook { width: 9px; background: url(images/pngfallbacks/facebook-maroon.png) no-repeat center center; background-size: 9px 20px; } .social a:hover .facebook { width: 9px; background: url(images/socialicons/facebook.svg) no-repeat center center; background-size: 9px 20px; } .no-svg .social a:hover .facebook, .no-inlinesvg .social a:hover .facebook { width: 9px; background: url(images/pngfallbacks/facebook.png) no-repeat center center; background-size: 9px 20px; } .social .twitter { background: url(images/socialicons/twitter-maroon.svg) no-repeat center center; background-size: 20px 16px; } .no-svg .social .twitter, .no-inlinesvg .social .twitter { background: url(images/pngfallbacks/twitter-maroon.png) no-repeat center center; background-size: 20px 16px; } .social a:hover .twitter { background: url(images/socialicons/twitter.svg) no-repeat center center; background-size: 20px 16px; } .no-svg .social a:hover .twitter, .no-inlinesvg .social a:hover, .twitter { background: url(images/pngfallbacks/twitter.png) no-repeat center center; } .social .linkedin { background: url(images/socialicons/linkedin-maroon.svg) no-repeat center center; background-size: 20px 20px; } .no-svg .social .linkedin, .no-inlinesvg .social .linkedin { background: url(images/pngfallbacks/linkedin-maroon.png) no-repeat center center; background-size: 20px 20px; } .social a:hover .linkedin { background: url(images/socialicons/linkedin.svg) no-repeat center center; background-size: 20px 20px; } .no-svg .social a:hover .linkedin, .no-inlinesvg .social a:hover .linkedin { background: url(images/pngfallbacks/linkedin.png) no-repeat center center; } .social .instagram { background: url(images/socialicons/instagram-maroon.svg) no-repeat center center; background-size: 20px 20px; } .no-svg .social .instagram, .no-inlinesvg .social .instagram { background: url(images/pngfallbacks/instagram-maroon.png) no-repeat center center; background-size: 20px 20px; } .social a:hover .instagram { background: url(images/socialicons/instagram.svg) no-repeat center center; background-size: 20px 20px; } .no-svg .social a:hover .pinterest, .no-inlinesvg .social a:hover .pinterest { background: url(images/pngfallbacks/instagram.png) no-repeat center center; } .social .youtube { width: 40px; background: url(images/socialicons/youtube-maroon.svg) no-repeat center center; background-size: 40px 16px; } .no-svg .social .youtube, .no-inlinesvg .social .youtube { width: 40px; background: url(images/pngfallbacks/youtube-maroon.png) no-repeat center center; background-size: 40px 16px; } .social a:hover .youtube { width: 40px; background: url(images/socialicons/youtube.svg) no-repeat center center; background-size: 40px 16px; } .no-svg .social a:hover .youtube, .no-inlinesvg .social a:hover .youtube { background: url(images/pngfallbacks/youtube.png) no-repeat center center; } @media screen and (max-width: 991px) { .legalstuffcontainer { font-size: 12px; } .legalstuffcontent a { color: #fff; } .legalcopy ul { margin: 0 0 5px 0; } .legalcopy ul li, .legalcopy p { font-size: 12px; line-height: 12px; } .sociallinks { margin-top: 5px; } .legalstuffcontainer .social li:first-child { margin: 0 0 0 0; } } @media screen and (max-width: 767px) { .legalstuffcontainer { text-align: center; } .legalcopy p { margin: 5px auto 0 auto; padding: 0; font-weight: 400; } .sociallinks { float: none; margin: 0 0 15px 0; } .legalstuffcontainer .social li { margin: 0 0 0 25px; } } /*-------------------------------------------------------------------------------------------------------*/ /*------------------------------------------MAIN ABOUT US PAGE-------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ /*-------COMMON PAGE ELEMENTS-------*/ h3.sectiontitle { position: relative; display: block; margin: 0 0 50px 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; color: #562626; font-size: 45px; line-height: 53px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } h3.sectiontitle.sectiontitle-left { text-align: left; } .headingline { position: relative; display: block; margin: 5px auto 0 auto; width: 150px; height: 5px; background: #ccc; } h3.sectiontitle.sectiontitle-left .headingline { margin: 5px 0 0; } .sectionstory p { margin: 0 0 20px 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #777; } .sectionbuttons { position: relative; display: block; margin: 75px 0 0 0; width: 100%; text-align: center; } .sectionbuttons .slidebutton { display: inline-block; width: 416px; background: none; color: #562626; border: 1px solid #562626; } .sectionbuttons .slidebutton:hover { background: #562626; color: #fff; border: 1px solid #fff; } #aboutusalumnicenter .sectionbuttons .slidebutton { width: 318px; color: #fff; border: 1px solid #777; } #aboutusalumnicenter .sectionbuttons .slidebutton:hover { background: #fff; color: #06070b; border: 1px solid #06070b; } @media screen and (max-width: 1199px) { .sectionstory p { font-size: 16px; } .sectionbuttons .slidebutton { width: 355px; font-size: 20px; } #aboutusalumnicenter .sectionbuttons .slidebutton { width: 273px; } } @media screen and (max-width: 991px) { .sectionbuttons .slidebutton { width: 339px; font-size: 18px; } #aboutusalumnicenter .sectionbuttons { margin: 45px 0 0 0; } #aboutusalumnicenter .sectionbuttons .slidebutton { margin-top: 30px; } .hideme-sm { display: none; } .clearme-sm { clear: left; } } @media screen and (max-width: 767px) { h3.sectiontitle { font-size: 39px; line-height: 42px; } .sectionstory p { font-size: 16px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .headingline { width: 110px; } .clearme-xs { clear: left; } .hideme-xs { display: none !important; } .showme-xs { display: block; } .sectionbuttons { margin: 50px 0 0 0; } .sectionbuttons .slidebutton { display: block; margin-top: 20px; width: 100%; font-size: 17px; } #aboutusalumnicenter .sectionbuttons .slidebutton { margin-top: 20px; width: 100%; } } /*----------ABOUT US INTRO----------*/ #aboutusintro { position: relative; display: block; margin: -90px 0 0 0; padding: 0 0 75px 0; background: #eeeeee; } #aboutushero { position: relative; display: block; margin: 0 auto; width: 100%; height: 500px; background: url(images/aboutus/traindepot.jpg) no-repeat center bottom; background-size: cover; } #aboutusintrocontent { position: relative; display: block; margin: 70px 0 0 0; width: 100%; height: auto; } @media screen and (max-width: 1199px) { #aboutushero { height: 400px; background: url(images/aboutus/traindepot.jpg) no-repeat 25% bottom; background-size: cover; } #aboutusintrocontent { margin: 50px 0 0 0; } } @media screen and (max-width: 991px) { #aboutusintro { margin: -40px 0 0 0; } } @media screen and (max-width: 767px) { #aboutushero { height: 300px; background: url(images/aboutus/traindepot.jpg) no-repeat 10% bottom; background-size: cover; } #aboutusintrocontent { margin: 25px 0 0 0; } } #celebrating140 { width: 100%; height: auto; padding: 80px; background: url(images/aboutus/140bg.jpg) no-repeat center center; background-size: cover; } .celebrating140title { position: relative; display: block; margin: 0 auto 40px; width: 400px; height: auto; } .celebrating140videos { justify-content: center; } .celebrating140videos > div + div { margin-left: 80px; } .celebrating140-firstvideo img, .celebrating140-secondvideo img { position: relative; display: block; margin: 0 auto; width: 400px; height: auto; } .celebrating140-firstvideo p, .celebrating140-secondvideo p { margin-top: 10px; font-size: 18px; color: #fff; text-align: center; } @media (max-width: 1050px) { .celebrating140-firstvideo img, .celebrating140-secondvideo img { width: 300px; height: auto; } } @media (max-width: 850px) { #celebrating140 { padding: 80px 40px; } .celebrating140title { width: 350px; } .celebrating140videos > div + div { margin-left: 40px; } .celebrating140-firstvideo img, .celebrating140-secondvideo img { width: 300px; height: auto; } } @media (max-width: 725px) { #celebrating140 { padding: 80px 20px; } .celebrating140title { width: 300px; } .celebrating140videos > div + div { margin-left: 0; margin-top: 40px; } .celebrating140-firstvideo, .celebrating140-secondvideo { width: 100%; } .celebrating140-firstvideo img, .celebrating140-secondvideo img { width: 300px; height: auto; } } /*----------ABOUT US WHAT WE DO----------*/ #aboutuswhatwedo { position: relative; display: block; margin: 70px 0 0 0; padding: 0; } #whatwedocontent { position: relative; display: block; margin: -100px 0 0 0; padding: 0; } .individualarea { position: relative; display: block; margin: 100px 0 0 0; } #whatwedocontent img { position: relative; display: block; width: 350px; height: auto; padding: 10px 10px 10px 10px; -webkit-box-shadow: 0px 0px 4px #ccc; -moz-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; } img.wwdar { float: right; } .whatwedoareatitle { position: relative; display: block; margin: 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 30px; line-height: 28px; color: #562626; } .whatwedoareadescription { position: relative; display: block; margin: 10px 0 0 0; padding: 0 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; color: #777; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .specificsitemnumber { margin: 20px 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 36px; line-height: 36px; color: #562626; text-align: center; } .specificsitemdescription { margin: 5px 0 0 0; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 200; font-size: 20px; line-height: 22px; color: #777; text-align: center; } #videocallout { position: relative; display: block; margin: 100px 0 0 0; padding: 15px 0; width: 100%; height: auto; } #videocallout img { position: relative; display: block; float: right; margin-right: 10px; width: 337px; height: 190px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #videocallout .whatwedoareatitle { margin: 35px 0 0 10px; line-height: 32px; } @media screen and (max-width: 1199px) { #whatwedocontent img { width: 100%; padding: 7px; } .whatwedoareatitle { font-size: 24px; } .whatwedoareadescription { font-size: 16px; } .specificsitemnumber { font-size: 30px; line-height: 30px; } .specificsitemdescription { margin: 5px 0 0 0; font-size: 18px; line-height: 20px; } #videocallout img { width: 311px; height: 175px; } } @media screen and (max-width: 991px) { #whatwedocontent img { width: 90%; margin: 0 auto; padding: 5px; } .individualareastablet { position: relative; display: block; margin: 10px 0 0 0; } #videocallout img { float: none; margin-right: 0; width: 100%; height: 152px; } #videocallout .whatwedoareatitle { margin: 10px 0 0 10px; } } @media screen and (max-width: 767px) { #aboutuswhatwedo { margin: 50px 0 0 0; } .individualarea { margin: 75px 0 0 0; } img.wwdar { float: none; } .whatwedoareatitle { margin-top: 20px; font-size: 24px; text-align: center; } .specificsitemdescription { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #videocallout { margin: 75px 0 0 0; padding: 0; } #videocallout img { margin: 0 auto; float: none; width: 260px; } #videocallout .whatwedoareatitle { margin: 10px 0 0 0; } } /*----------ABOUT US ALUMNI CENTER----------*/ #aboutusalumnicenter { position: relative; display: block; margin: 100px 0 0 0; padding: 0 0 75px 0; width: 100%; height: auto; background: #06070b; } #alumnicenterheader { position: relative; display: block; width: 100%; height: 500px; background: url(images/aboutus/thealumnicenter.jpg) no-repeat center bottom; background-size: cover; } #aboutusalumnicenter h3.sectiontitle { margin-top: 50px; color: #fff; } #aboutusalumnicenter .headingline { background: #fff; } #aboutusalumnicenter .sectionstory p, #aboutusalumnicenter .specificsitemdescription { color: #999; } #aboutusalumnicenter .specificsitemnumber { color: #eee; } @media screen and (max-width: 1199px) { #alumnicenterheader { height: 400px; } } @media screen and (max-width: 991px) { #alumnicenterheader { height: 400px; } } @media screen and (max-width: 767px) { #aboutusalumnicenter { margin: 75px 0 0 0; } #alumnicenterheader { height: 300px; } } /*----------ABOUT US WHO WE ARE----------*/ #aboutuswhoweare { position: relative; display: block; margin: 70px auto 100px; width: 100%; } #whowearecontent { position: relative; display: block; padding: 0 40px; width: 100%; margin: 50px auto 0; } .execlevel { justify-content: center; column-gap: 120px; } .execlevel.two { margin-top: 40px; column-gap: 40px; } .exec { flex: 1; } .exec img { width: 100%; height: auto; } .staffsection { position: relative; display: block; margin: 60px auto 0; width: 100%; max-width: 800px; height: auto; } .staffphoto { width: 100%; height: auto; } .execinfo { position: relative; display: block; margin: 10px 0 0; text-align: center; } .execinfo .execname { margin: 0 0 5px; font-weight: 400; } .execinfo .exectitle { font-weight: 600; font-size: 12px; line-height: 18px; color: #8a6666; text-transform: uppercase; letter-spacing: 1px; } @media screen and (max-width: 1199px) { .execlevel { justify-content: center; column-gap: 100px; } .execlevel.two { margin-top: 40px; column-gap: 20px; } .staffsection { max-width: 600px; } } @media screen and (max-width: 991px) { #aboutuswhoweare { margin: 50px 0 100px 0; } .execinfo .execname { font-size: 14px; line-height: 20px; } .execinfo .exectitle { font-weight: 600; font-size: 10px; line-height: 16px; color: #8a6666; text-transform: uppercase; letter-spacing: 1px; } } @media screen and (max-width: 767px) { #aboutuswhoweare { margin: 50px auto 75px auto; text-align: center; } /*.execheads { position: relative; display: block; left: 50%; margin-left: -149px; }*/ .staffsection { float: none; width: 100%; height: auto; margin: 0 0 40px 0; } .staffphoto { width: 100%; max-width: 347px !important; height: auto; } .exec { flex: none; width: calc(50% - 20px); } .execlevel { column-gap: 40px; } .execlevel.two { margin-top: 40px; column-gap: 40px; } } /*--------------------------------------------------------END ABOUT US STYLES--------------------------------------------------------*/ /*-------------------------------------------------------MAIN POST PAGE STYLES-------------------------------------------------------*/ .allnewstitle { font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; letter-spacing: 1px; color: #562626; font-size: 40px; margin: 0; padding: 0; } .allnewssubtitle { font-family: "proxima-nova", sans-serif; color: #666; letter-spacing: 1px; font-size: 20px; margin: 5px 0 0 0; padding: 0; } #aggienetworknewstools { margin-top: 80px; } #allnewssearch input[type=text] { position: relative; padding: 0 5px; width: 87.719298%; height: 25px; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 200; color: #562626; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-appearance: none; } #allnewssearch input[type="text"]:focus { border: 0 none; outline: 0 none; border: 1px solid #562626; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #allnewssearch input[type=submit] { position: relative; width: 11.695906%; margin: 0 0 0 0.584796%; padding: 0; top: 1px; height: 25px; background: #562626; color: transparent; background-image: url(images/spotlight-white.svg); background-repeat: no-repeat; background-position: center center; background-size: 13px 13px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mainpostpage { position: relative; display: block; margin-top: 80px; } li.mainpostpagepostentry { position: relative; display: block; margin: 0 0 60px 0; padding: 0 0 0 0; min-height: 110px; overflow: hidden; } p.mainpostpageposttitle { position: relative; margin: 0 0 20px 0; padding: 0 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 200; font-size: 24px; line-height: 24px; } p.mainpostpageposttitle a { color: #333; } .postimagethumb img { position: relative; display: block; float: left; margin: 0 15px 15px 0; } p.mainpostpagepostauthor { margin: 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; color: #888; letter-spacing: 1px; text-transform: uppercase; } p.mainpostpagepostdate { margin: -2px 0 0 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; color: #888; letter-spacing: 1px; } p.mainpostpagepostteaser { position: relative; margin: 10px 0 10px 0; padding: 0 0 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; color: #888; } .mainpostpagepostdata { position: relative; display: block; margin: 20px 0 0 0; padding: 5px 10px; background: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mainpostpagepostcomments { margin-right: 20px; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 200; font-size: 13px; color: #888; } .chatbubble { position: relative; display: inline-block; margin-right: 5px; width: 12px; height: 9px; background: url(images/chatbubble.svg) no-repeat center center; background-size: 12px 9px; } .no-svg .chatbubble, .no-inlinesvg .chatbubble { background: url(images/pngfallbacks/chatbubble.png); } .mainpostpageposttags { position: relative; display: inline-block; margin-top: 5px; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 200; font-size: 13px; color: #888; } .tagicon { position: relative; display: inline-block; margin-right: 5px; width: 11px; height: 11px; background: url(images/tagicon.svg) no-repeat center center; background-size: 11px 11px; } .no-svg .tagicon, .no-inlinesvg .tagicon { background: url(images/pngfallbacks/tagicon.png); } a.mainpostpagepostreadmorelink { position: relative; margin-left: 10px; font-size: 12px; text-transform: uppercase; } a.mainpostpagepostreadmorelink .linkarrow { top: -1px; margin-left: 5px; width: 6px; height: 6px; } /*-----------------------------INDIVIDUAL POST PAGE STYLES------------------------------*/ #postheader { position: absolute; background: #f9f9f9; width: 100%; margin-top: -90px; height: 215px; z-index: 0; } @media (min-width: 992px) and (max-width: 1199px) { #postheader { height: 185px; } } #postinfo { position: relative; width: 100%; margin: 0px auto 20px auto; z-index: 0; } .posttitle { font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; letter-spacing: 1px; color: #333; font-size: 28px; margin: 0; padding: 0; text-transform: none; } .postsubtitle { font-family: "proxima-nova", sans-serif; color: #666; letter-spacing: 1px; font-size: 15px; margin: 5px 0 0 0; padding: 0; } @media (min-width: 992px) and (max-width: 1199px) { .posttitle { font-size: 24px; } .postsubtitle { font-size: 12px; } } @media screen and (max-width: 767px) { .posttitle { font-size: 24px; } .postsubtitle { font-size: 13px; } } .post { margin-top: 20px; } .postarticle { border-right: 10px solid #e5e5e5; padding-right: 30px; } @media screen and (max-width: 991px) { .postarticle { border-right: none; padding-right: 0; } } .post p { margin-bottom: 20px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #666; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (min-width: 992px) and (max-width: 1199px) { .post p { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 767px) { .post p { font-size: 15px; line-height: 17px; } } .post_img { width: 100%; height: auto; margin-top: -5px; } .spanseparator { width: 40px; } .postseparatorleft { float: left; width: 50%; height: 400px; border-right: 5px solid #e5e5e5; } .postseparatorright { float: right; width: 50%; height: 400px; border-left: 5px solid #e5e5e5; } .spanquote { width: 170px; } p.quote { font-family: "proxima-nova-alt-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 20px; line-height: 22px; color: #562626; text-align: left; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } @media (min-width: 992px) and (max-width: 1199px) { p.quote { font-size: 18px; line-height: 20px; } } @media screen and (max-width: 767px) { p.quote { font-size: 18px; line-height: 20px; } } .endpostshareonsocial { margin-top: 30px; } .endpostshareonsocialtitle { position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; padding-top: 5px; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; color: #666; font-size: 18px; letter-spacing: 2px; } .endpostshareonsocial ul { position: relative; display: inline-block; list-style-type: none; margin: 0; padding: 10px 0 0 0; } .endpostshareonsocial ul li { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin-right: 20px; } .col-custom { position: relative; padding-right: 15px; padding-left: 15px; float: left; width: 28.333333333333332%; min-height: 1px; } .col-offset-custom { margin-left: 5%; } @media screen and (max-width: 767px) { .col-custom { position: relative; float: left; width: 100%; min-height: 1px; padding-right: 15px; } .col-offset-custom { margin-left: 0%; } } .postpanel { position: relative; display: block; width: 100%; margin-bottom: 50px; } .postpanel_title { position: relative; margin: 5px 0 15px 0; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; color: #666; font-size: 24px; letter-spacing: 2px; } @media (min-width: 992px) and (max-width: 1199px) { .postpanel_title { font-size: 17px; } } .postpanel_content { padding: 0; } .postpanel_content p { clear: both; font-family: "proxima-nova", Helvetica, sans-serif; color: #666; font-size: 18px; line-height: 22px; } @media (min-width: 992px) and (max-width: 1199px) { .postpanel { margin-bottom: 40px; } .postpanel_content p { font-size: 14px; line-height: 15px; } } .postsidebar { margin-top: 80px; } @media (min-width: 992px) and (max-width: 1199px) { .shareonsocial { margin-top: 55px; } } .shareonsocial ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; width: 100%; } .shareonsocial ul li { float: left; width: 25%; text-align: center; padding: 0; } .postpanel_content img { display: block; float: left; margin: 0 10px 10px 0; } .postdate { font-size: 13px; } .emailprint { margin: -23px 0 0 0; } .emailprint ul { float: right; margin: 0; padding: 0; } .emailprint ul li { float: left; margin: 0 0 0 15px; padding: 0; } /*---------------------------------------------------MUSTER PAGES---------------------------------------------------*/ p.mustersubtitle { margin: -10px 0 10px 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 24px; color: #666; } #mustermap { position: relative; display: block; margin: 10px 0 20px 0; width: 100%; height: 200px; } p.musterdetailstitle { margin: 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; font-size: 22px; color: #888; text-transform: uppercase; } p.musterdetailsdetail { margin: 15px 0 40px 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 100; font-size: 37px; line-height: 37px; color: #562626; } /*---------------------------------------------------FIND AN AGGIE---------------------------------------------------*/ #findanaggie { position: relative; display: block; margin: 70px auto 0 auto; width: 684px; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { #findanaggie { width: 550px; } } @media screen and (max-width: 767px) { #findanaggie { margin: 30px auto 0 auto; width: 100%; } } #findanaggie_search { position: relative; display: block; margin: 0 0 0 0; width: 50%; text-align: left; } @media (min-width: 768px) and (max-width: 991px) { #findanaggie_search { width: 75%; } } @media screen and (max-width: 767px) { #findanaggie_search { margin: 30px auto 0 auto; width: 100%; text-align: center; } } #findanaggie input:focus, #findanaggie_search { outline: none; } h3.findanaggietitle { position: relative; display: block; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 40px; color: #562626; text-transform: uppercase; } h3.findanaggietitle_search { position: relative; display: block; margin: 0 0 5px 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 30px; color: #562626; text-transform: uppercase; } @media screen and (max-width: 767px) { h3.findanaggietitle, h3.findanaggietitle_search { margin-bottom: 10px; font-size: 36px; } } .an-gray { color: #888888; } #findanaggie input[type=text], #findanaggie_search input[type=text] { position: relative; display: inline-block; margin: 0 -4px 0 0; padding: 0 5px; width: 86.666666%; height: 30px; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 200; color: #562626; border: 1px solid #562626; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; } #findanaggie input[type="text"]:focus, #findanaggie_search input[type="text"]:focus { border: 0 none; outline: 0 none; border: 1px solid #562626; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #findanaggie input[type=submit], #findanaggie_search input[type=submit] { position: relative; display: inline-block; width: 11.6666667%; margin: 0 -4px 0 1.666667%; padding: 0; height: 30px; background: #562626; color: transparent; background-image: url(images/spotlight-white.svg); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .no-svg #findanaggie input[type=submit], .no-svg #findanaggie_search input[type=submit], .no-inlinesvg #findanaggie input[type=submit], .no-inlinesvg #findanaggie_search input[type=submit] { background-image: url(images/pngfallbacks/spotlight-white.png); background-size: 15px 15px; } @media screen and (max-width: 767px) { #findanaggie input[type=text], #findanaggie_search input[type=text] { margin-right: 0; width: 100%; height: 30px; } } @media screen and (max-width: 767px) { #findanaggie input[type=submit], #findanaggie_search input[type=submit] { display: none; } } /*----------FIND AN AGGIE ADVANCED OPTIONS----------*/ #findanaggieadvancedoptions { position: relative; display: block; margin: 5px 0 0 0; padding: 0 0 0 0; } #findanaggieadvancedoptions_search { position: relative; display: block; margin: 5px 0 30px 0; padding: 0 0 0 0; } .findanaggieadvancedoptionstoggle { margin: 0 0 0 260px; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; color: #562626; background: transparent; border: 0; letter-spacing: 1px; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } .findanaggieadvancedoptionstoggle_search { margin: 0 0 0 0; } .findanaggieadvancedoptionstoggle:focus { outline: none; } .findanaggieadvancedoptionstoggle .optionsgear { position: relative; display: inline-block; top: 1px; margin: 0 5px 0 0; padding: 0; width: 12px; height: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .findanaggieadvancedoptionstoggle .optionsgear span.gear, .findanaggieadvancedoptionstoggle .optionsgear span.closeoptionsgear { position: absolute; display: block; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .findanaggieadvancedoptionstoggle .optionsgear span.gear { background: url(images/findanaggie/optionsgear.svg) no-repeat center center; background-size: contain; } .findanaggieadvancedoptionstoggle span.closeoptionsgear { background: url(images/findanaggie/closeoptionsgear.svg) no-repeat center center; background-size: 10px 10px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .findanaggieadvancedoptionstoggle .optionsgear.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } @media screen and (max-width: 1199px) { .findanaggieadvancedoptionstoggle { margin: 0 0 0 115px; } } @media screen and (max-width: 991px) { .findanaggieadvancedoptionstoggle { margin: 0 0 0 72px; } .findanaggieadvancedoptionstoggle_search { margin: 0 0 0 -15px; } } @media screen and (max-width: 767px) { .findanaggieadvancedoptionstoggle { margin: 0 0 0 -15px; } } #findanaggieadvancedoptionscontent { position: relative; margin: 30px 0 0 115px; padding-right: 0 !important; padding-left: 15px !important; height: auto; overflow: hidden; } @media screen and (max-width: 1199px) { #findanaggieadvancedoptionscontent { margin: 30px 0 0 0; padding-left: 0 !important; } } @media screen and (max-width: 991px) { #findanaggieadvancedoptionscontent { margin: 30px 0 0 0; } } .findanaggieadvancedoptionscontent_search { margin: 30px 0 0 0 !important; margin: 30px 0 0 0 !important; } @media screen and (max-width: 767px) { .findanaggieadvancedoptionscontent_search { margin: 30px 0 0 0 !important; margin: 30px 0 0 0 !important; } } #findanaggieadvancedoptionscontent.collapsing, #findanaggieadvancedoptionscontent.collapse, #findanaggieadvancedoptionscontent.in { height: auto !important; -webkit-transition-timing-function: none !important; -o-transition-timing-function: none !important; transition-timing-function: none !important; -webkit-transition-duration: none !important; -o-transition-duration: none !important; transition-duration: none !important; -webkit-transition-property: none !important; -o-transition-property: none !important; transition-property: none !important; } .advancedoptiontitle { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 14px; color: #8a6666; } #findanaggiefuzzynamesearch .advancedoptiontitle { display: inline-block; margin: -4px 0 0 10px; vertical-align: middle; } #findanaggielimitsearch1 { font-size: 0; } #findanaggielimitsearch1 input[type=checkbox] { display: table-cell; overflow: hidden; width: 25%; } #findanaggielimitsearch1 input[type=checkbox] { display: none; } #findanaggielimitsearch1 label { display: inline-block; cursor: pointer; margin: 0 4.8701299% 15px 0; padding: 5px 0 4px 0; width: 47.564935%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; color: #8a6666; letter-spacing: 1px; border: 1px solid #8a6666; border-radius: 4px; } #findanaggielimitsearch1 label:nth-of-type(even) { margin: 0 0 15px 0; } #findanaggielimitsearch1 input[type=checkbox]:checked + label { background: #8a6666; color: #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; } #findanaggielimitsearch1 input[type=checkbox]:checked + label:first-of-type { border-left: 1px solid #8a6666; } #findanaggielimitsearch1 input[type=checkbox]:checked + label:last-of-type { border-right: 1px solid #8a6666; } /*#findanaggielimitsearch1 label { position: relative; width: 48.125%; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 300; font-size: 14px; color: #8a6666; letter-spacing: 1px; user-select: none; } #findanaggielimitsearch1 input[type=checkbox] { position: relative; display: inline-block; top: 2px; margin-right: 5px; height: 14px; width: 14px; background-color: #fff !important; border: 1px solid #8a6666; border-radius: 3px; outline: 0; -webkit-appearance: none; } #findanaggielimitsearch1 input[type=checkbox]:checked:after { content: ''; top: -4px; left: 4px; position: relative; display: inline-block; width: 4px; height: 6px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } #findanaggielimitsearch1 input[type=checkbox]:checked { background-color: #8a6666 !important; }*/ #findanaggielimitsearch2 { padding-right: 30px !important; padding-left: 0 !important; font-size: 0; } #findanaggielimitbymajor, #findanaggielimitbyoccupation { position: relative; display: inline-block; margin: 0 0 15px 0; width: 48.538012%; } @media screen and (max-width: 767px) { #findanaggielimitsearch2 { padding-right: 15px !important; padding-left: 15px !important; } #findanaggielimitbymajor, #findanaggielimitbyoccupation { display: block; width: 100%; } } .findanaggielimitselect { position: relative; display: inline-block; padding: 4px 35px 3px 15px; width: 100%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 14px; color: #8a6666; letter-spacing: 1px; background: transparent; border: 1px solid #8a6666; outline: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #findanaggielimitbymajor { margin-right: 2.9239766%; } #findanaggielimitbymajor .selectarrowdown, #findanaggielimitbyoccupation .selectarrowdown { position: absolute; display: inline-block; right: 15px; top: 11px; vertical-align: middle; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 4px solid #8a6666; } .findanaggielimitselect.findanaggielimitselected { background: #8a6666; color: #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; } #findanaggielimitbymajor .findanaggielimitselect.findanaggielimitselected + .selectarrowdown, #findanaggielimitbyoccupation .findanaggielimitselect.findanaggielimitselected + .selectarrowdown { border-top: 4px solid #fff; } #findanaggiesilvertapsbar { margin-bottom: 15px; font-size: 0; width: 100%; } #findanaggiesilvertapsbar input[type=radio] { display: none; } #findanaggiesilvertapsbar input[type=radio] + label { display: inline-block; margin: 0 0 0 -1px; padding: 5px 0 4px 0; width: 33.528265%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; color: #8a6666; letter-spacing: 1px; border: 1px solid #8a6666; cursor: pointer; } #findanaggiesilvertapsbar input[type=radio]:checked + label { background: #8a6666; color: #fff; } #findanaggiesilvertapsbar input[type=radio] + label:first-of-type { border-radius: 4px 0 0 4px; } #findanaggiesilvertapsbar input[type=radio] + label:last-of-type { border-radius: 0 4px 4px 0; } #findanaggiefuzzynamesearchtoggle { position: relative; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } #findanaggiefuzzynamesearchtoggle p { position: relative; display: inline-block; top: -1px; left: 5px; } .toggleswitch { position: absolute; margin-left: -9999px; visibility: hidden; } .toggleswitch + label { display: inline-block; position: relative; top: 10px; cursor: pointer; outline: none; user-select: none; } input.toggleswitch + label { padding: 2px; width: 45px; height: 21px; border-radius: 60px; } input.toggleswitch + label:before, input.toggleswitch + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.toggleswitch + label:before { right: 1px; background-color: #ddd; border-radius: 100px; transition: background 0.4s; } input.toggleswitch + label:after { top: -2px; left: -4px; width: 25px; height: 25px; background-color: #fff; border-radius: 100%; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); transition: margin 0.3s; } input.toggleswitch:checked + label:before { background-color: #8a6666; } input.toggleswitch:checked + label:after { margin-left: 30px; } @media screen and (min-width: 1199px) { #findanaggiefuzzynamesearchtoggle p { top: 11px; } #findanaggiefuzzynamesearchtoggle { margin: 0 0 0 30px; } .toggleswitch + label { top: 22px; } } .helpquestion { background: none; padding: 0; border: 0; outline: 0; } .helpquestion:before { content: "?"; position: relative; display: inline-block; margin: -2px 0 0 7px; padding: 1px 1px 0 0; width: 12px; height: 12px; font-weight: 600; font-size: 10px; line-height: 10px; color: #fff; border: 0; border-radius: 50%; background: #08639c; text-align: center; vertical-align: middle; } #findanaggiehelps { position: relative; display: block; text-align: center; margin-top: 40px; } #findanaggiehelps ul li { position: relative; display: inline-block; margin: 0 10px 0 10px; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 200; font-size: 16px; line-height: 16px; color: #562626; } #findanaggiehelps ul li a { color: #562626; } @media (min-width: 768px) and (max-width: 991px) { #findanaggiehelps { margin-bottom: 283px; } } @media screen and (max-width: 767px) { #findanaggiehelps { margin-bottom: 200px; } } @media (min-width: 768px) and (max-width: 1199px) { .altname { display: block; } } /*----------SEARCH STATS----------*/ #resWrap { position: relative; margin: 5px 0 30px 0; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 400; font-size: 14px; line-height: 14px; color: #8a6666; } #theTerm { position: relative; padding: 3px 0; margin-right: 2px; font-weight: 800; color: #8a6666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 767px) { #resWrap { margin: 0 0 0 0; padding: 10px 0 10px 0; } } /*----------SEARCH TOOLS----------*/ @media screen and (max-width: 991px) { #findanaggieresultstools_mobile { display: none; } } #findanaggieresults .col-md-10 { padding-right: 0 !important; padding-left: 0 !important; } #findanaggieresultstools { position: relative; } .findanaggieresultstoolssection { position: relative; margin: 0 0 30px 0; background: #fff; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } h3.findanaggieresultstoolstitle { position: relative; display: block; margin: 0 0 0 0; padding: 5px 15px; width: 100%; font-family: "proxima-nova-condensed", Helvetica, sans-serif; font-weight: 300; font-size: 18px; letter-spacing: 1px; color: #562626; background: #f9f9f9; } .findanaggieresultstoolslist a { position: relative; display: block; margin: 10px 0 15px 0; padding: 0 15px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 14px; } .findanaggieresultstoolslist a.passivesort { margin: 0 0 0 0; padding: 10px 15px 10px 15px; color: #562626; } .findanaggieresultstoolslist a.activesort { margin: 0 0 0 0; padding: 10px 15px 10px 15px; color: #fff; font-weight: 600; background: #8a6666; } .findanaggieresultstoolslist.findanaggiehelp a:last-child { margin: 10px 0 10px 0; } .sortarrowdown:after, .sortarrowup:after, .yearsortdown:after, .yearsortup:after { content: "\0028 Z\002D A\0029"; position: absolute; display: inline-block; right: 15px; width: 30px; height: 14px; font-size: 10px; text-align: right; color: #fff; } .sortarrowup:after { content: "\0028 A\002D Z\0029"; } .yearsortdown:after { content: "\0028 dec.\0029"; } .yearsortup:after { content: "\0028 asc.\0029"; } .findanaggieresultstoolslist input[type=radio] { display: none; } .findanaggieresultstoolslist input[type=radio] + label { display: block; margin: 0 0 0 0; padding: 10px 15px 10px 15px; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 14px; color: #562626; cursor: pointer; } .findanaggieresultstoolslist input[type=radio]:checked + label { background: #8a6666; font-weight: 600; color: #fff; } #mobileselect, #mobileselect_search { display: none; } @media screen and (max-width: 991px) { #mobileselect_search { position: relative; display: block; margin: 0 0 30px 0; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 400; font-size: 14px; color: #888; text-align: right; } #mobileselect_search select { position: relative; display: inline-block; margin: 0 0 0 0; padding: 3px 20px 3px 7px; background: #8a6666; font-family: "proxima-nova", Helvetica, Sans-Serif; font-size: 14px; line-height: 14px; font-weight: 600; color: #fff; border: 0; outline: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #mobileselect_search select option { background: #fff; color: #555; } #mobileselect_search .selectarrowdown { position: absolute; display: inline-block; top: 12px; margin-left: -15px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #fff; } #mobileselect_search .selectarrowup { position: absolute; display: inline-block; top: 6px; margin-left: -15px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } } @media screen and (max-width: 767px) { #mobileselect_search { text-align: left; } } /*----------SEARCH RESULTS ENTRIES----------*/ .findanaggieresultsentry { position: relative; display: block; margin: 0 0 30px 0; height: 185px; background: #fff; font-size: 0; overflow: hidden; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05); } @media screen and (max-width: 767px) { .findanaggieresultsentry { height: auto; } } .findanaggieresultsentrydetails { position: relative; display: block; padding: 15px 15px 0 15px; width: 100%; height: 145px; } .findanaggieavatar { position: relative; display: inline-block; margin: 0 3.3112583% 0 0; width: 22.075055%; overflow: hidden; vertical-align: top; height: 100px; } @media screen and (max-width: 767px) { .findanaggieresultsentrydetails { height: auto; margin-bottom: 5px; } } .findanaggieavatar img { position: relative; display: block; width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2; } .findanaggieresultsaggieinfo { position: relative; display: inline-block; margin: 0 0 0 0; width: 74.6136867%; overflow: hidden; vertical-align: top; } p.findanaggiename { position: relative; margin: 0 0 0 0; padding: 0 64px 0 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 18px; color: #562626; } p.findanaggiejobtitle { position: relative; margin: 3px 0 10px 0; padding: 0 0 0 0; width: 100%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 12px; line-height: 12px; color: #777; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .findanaggieresultsaggiesecondaryinfo p { position: relative; margin: 0 0 10px 0; padding: 0 0 0 20px; width: 100%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 12px; line-height: 13px; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .findanaggiecompany { position: absolute; display: inline-block; left: 0; width: 15px; height: 12px; background: url(images/findanaggie/briefcase.svg) no-repeat center center; background-size: 11px 10px; } .no-svg .findanaggiecompany, .no-inlinesvg .findanaggiecompany { background: url(images/pngfallbacks/briefcase.png) no-repeat center center; } .findanaggiedegree { position: absolute; display: inline-block; left: 0; width: 15px; height: 12px; background: url(images/findanaggie/degree.svg) no-repeat center center; background-size: 15px 9px; } .no-svg .findanaggiedegree, .no-inlinesvg .findanaggiedegree { background: url(images/pngfallbacks/degree.png) no-repeat center center; } .findanaggielocation { position: absolute; display: inline-block; left: 0; width: 15px; height: 12px; background: url(images/findanaggie/location.svg) no-repeat center center; background-size: 9px 12px; } .no-svg .findanaggielocation, .no-inlinesvg .findanaggielocation { background: url(images/pngfallbacks/location.png) no-repeat center center; } .findanaggieresultsaggiesocial { position: absolute; display: block; top: 0; right: 0; height: 16px; } .findanaggieresultsaggiesocial .findanaggieresultsaggiesocialitem { position: relative; display: table-cell; vertical-align: middle; } .findanaggieresultsaggiesocialitem a { position: relative; display: inline-block; margin: 1px 0 0 10px; } a.pfb { width: 6px; height: 14px; background: url(images/socialicons/facebook.svg) no-repeat center center; background-size: contain; } a.ptw { width: 14px; height: 14px; background: url(images/socialicons/twitter.svg) no-repeat center center; background-size: contain; } a.pli { width: 14px; height: 14px; background: url(images/socialicons/linkedin.svg) no-repeat center center; background-size: contain; } a.pig { position: relative; display: block; width: 14px; height: 14px; background: url(images/socialicons/instagram-color.svg) no-repeat center center; background-size: contain; } .rollcallcandle { position: absolute; display: inline-block; right: 0; width: 10px; height: 23px; background: url(images/profile/rollcallcandle-faa.svg) no-repeat center center; background-size: 10px 23px; } .no-svg .silvertapsbugle, .no-inlinesvg .silvertapsbugle { background: url(images/pngfallbacks/bugle.png) no-repeat center center; } .findanaggieresultsentrybottombar { position: relative; display: block; margin: 0 0 0 0; padding: 8px 15px 0; width: 100%; height: 40px; background: #f9f9f9; } .findanaggieresultsentrybadges { position: relative; display: inline-block; width: 65.909091%; vertical-align: top; } .findanaggiebadge { position: relative; display: inline-block; margin: 0 10px 0 0; width: 24px; height: 24px; } .findanaggiebadge.donorbadge { background: url(images/findanaggie/donorbadge.svg) no-repeat center center; background-size: 22px 20px; } .findanaggiebadge.corpsbrass { background: url(images/findanaggie/corpsbrass.svg) no-repeat center center; background-size: 23px 23px; } @media (min-width: 992px) and (max-width: 1199px) { .findanaggieresultsentrybadges { width: 56.686047%; } } @media screen and (max-width: 991px) { .findanaggieresultsentrybadges { width: 40%; } } .findanaggieresultsentrycontactbuttons { position: relative; display: inline-block; width: 34.090909%; text-align: right; } .findanaggieresultsentrycontactbuttons a, .findanaggieresultsentrycontactbuttons button { margin: 0 0 0 10px; } .findanaggieresultsentrycontactbuttons .slidebutton { display: inline-block; padding: 5px 10px 4px 10px; font-size: 13px; line-height: 13px; border: 1px solid #562626; } .findanaggieresultsentrycontactbuttons .emailthisaggie { position: relative; display: inline-block; width: 36px; height: 24px; background-color: #fff; background-image: url(images/findanaggie/emailthisaggie.svg); background-size: 16px 10px; background-repeat: no-repeat; background-position: center center; border: 1px solid #562626; border-radius: 4px; vertical-align: top; } @media (min-width: 992px) and (max-width: 1199px) { .findanaggieresultsentrycontactbuttons { width: 43.313953%; } } @media screen and (max-width: 991px) { .findanaggieresultsentrycontactbuttons { width: 60%; } } @media screen and (max-width: 767px) { .findanaggieresultsbadges { position: relative; margin: 20px 0 0 70px; } } /*--------------------------------------------------------END FIND AN AGGIE STYLES--------------------------------------------------------*/ /*-----------------------------------------------------------LOGIN PAGE STYLES-----------------------------------------------------------*/ #loginpanel { position: relative; display: block; margin: 30px auto 0 auto; padding: 0; width: 700px; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 767px) { #loginpanel { width: 100%; } } #loginintro { position: relative; display: block; margin: 0; padding: 0; } #loginintro h1 { position: relative; margin: 0; padding: 0; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-weight: 700; font-size: 50px; color: #562626; letter-spacing: 1px; text-align: center; text-transform: uppercase; } #anlogin { position: relative; display: block; margin: 20px 0 0 0; padding: 0 20px 0 0; } #loginpanel p, #loginpanel label { position: relative; display: inline-block; margin: 0 0 10px 0; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #562626; } #loginpanel input[id="loginusername"], #loginpanel input[id="loginpassword"] { width: 100%; height: 40px; -webkit-appearance: none; } #loginpanel input[id="loginusername"], #loginpanel input[id="loginpassword"] { background: #fff; border: 1px solid #ccc; font: 18px "proxima-nova", Helvetica, sans-serif; color: #562626; padding: 0 20px 0 40px; margin: 0 0 20px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: border 0.3s ease 0s; -moz-transition: border 0.3s ease 0s; transition: border 0.3s ease 0s; } #loginpanel input[id="loginusername"] { background-image: url(images/user.svg); background-repeat: no-repeat; background-size: 14px 20px; background-position: 15px 8px; } .no-svg #loginpanel input[id="loginusername"], .no-inlinesvg #loginpanel input[id="loginusername"] { background: url(images/pngfallbacks/user.png); background-repeat: no-repeat; background-repeat: no-repeat; background-position: 15px 8px; } #loginpanel input[id="loginpassword"] { background: url(images/lock.svg) no-repeat center center; background-size: 16px 20px; background-position: 14px 8px; } .no-svg #loginpanel input[id="loginpassword"], .no-inlinesvg #loginpanel input[id="loginpassword"] { background: url(images/pngfallbacks/lock.png); background-repeat: no-repeat; background-position: 14px 8px; } #loginpanel input[id="loginusername"]::-webkit-input-placeholder, #loginpanel input[id="loginpassword"]::-webkit-input-placeholder { color: #cccccc; } #loginpanel input[id="loginusername"]::-moz-placeholder, #loginpanel input[id="loginpassword"]::-moz-placeholder { color: #cccccc; opacity: 1; } #loginpanel input[id="loginusername"]:focus, input[id="loginpassword"]:focus { border: 0 none; outline: 0 none; color: #562626 !important; border: 1px solid #562626 !important; overflow: hidden; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #loginpanel input[id="loginusername"]:focus { background: url(images/user-maroon.svg) no-repeat center center; background-size: 14px 20px; background-position: 15px 8px; } .no-svg #loginpanel input[id="loginusername"]:focus, .no-inlinesvg #loginpanel input[id="loginusername"]:focus { background: url(images/pngfallbacks/user-maroon.png); background-repeat: no-repeat; background-size: 14px 20px; background-position: 15px 8px; } #loginpanel input[id="loginpassword"]:focus { background: url(images/lock-maroon.svg) no-repeat center center; background-size: 16px 20px; background-position: 14px 8px; } .no-svg #loginpanel input[id="loginpassword"]:focus, .no-inlinesvg #loginpanel input[id="loginpassword"]:focus { background: url(images/pngfallbacks/lock-maroon.png); background-repeat: no-repeat; background-size: 16px 20px; background-position: 14px 8px; } .hideShowPassword-toggle-hide, .hideShowPassword-toggle-show { color: #ccc; cursor: pointer; font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif; font-size: 18px; font-weight: 600; padding: 0.5em 15px; letter-spacing: 1px; text-transform: uppercase; } .rempass { margin: -5px 0 10px 0; padding: 0; } #loginpanel label { position: relative; display: inline-block; margin: 0 0 15px 0; top: -1px; padding: 0; width: 150px; font-size: 16px; z-index: 1; } #loginpanel input[type=checkbox] { -webkit-appearance: none; position: relative; height: 13px; width: 13px; background-color: #fff !important; border: 1px solid #562626; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: 0 none; } #loginpanel label:before { position: relative; display: inline-block; content: ""; top: 0px; height: 15px; width: 15px; margin-right: 0px; margin-left: -12px; background: url(images/check1.svg) no-repeat center center; background-size: 15px 15px; opacity: 0; -webkit-appearance: none; } #loginpanel input[type=checkbox] + input[type=hidden] + label:before { margin-left: -15px; } #loginpanel input[type=checkbox]:checked + label:before, #loginpanel input[type=checkbox]:checked + input[type=hidden] + label:before { opacity: 1; -webkit-appearance: none; } #loginpanel a.forgotpassword { position: relative; display: block; padding: 0; float: right; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; font-weight: 400; z-index: 2; } #loginpanel a.forgotpassword:hover { color: #562626; } #loginpanel .slidebutton { position: relative; display: inline-block; margin: -5px 0 0 0; padding: 1px 30px 0; font-size: 20px; } #loginpanel input[type="submit"] { outline: 0 none; -webkit-appearance: none; } #loginpanel a.needtoregister { position: relative; display: inline-block; top: -1px; padding: 0; float: right; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; font-weight: 400; } #loginpanel a.needtoregister:hover { color: #562626; } #loginpanel a.needtoregisterphone { display: none; } #sociallogin { position: relative; display: block; margin: 20px 0 0 0; padding: 0 0 0 20px; } #sociallogin p { position: relative; display: block; margin: 0 auto 10px auto; padding: 0 10px 0 10px; width: 40px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #562626; text-align: center; background: #fff; z-index: 2; } .orline { position: relative; display: block; margin: -21px 0 0 0; padding: 0; width: 100%; height: 11px; border-top: 1px solid #562626; z-index: 1; } #sociallogin a.slidebutton, #socialshare a.slidebutton { position: relative; display: flex; margin: 10px 0 0; padding: 0 0 0 5px; width: 100%; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 14px; justify-content: flex-start; align-items: center; overflow: hidden; text-transform: none; } #sociallogin a.slidebutton:hover, #socialshare a.slidebutton:hover { color: #fff; } .loginicon { position: relative; display: block; margin-right: 8px; width: 30px; height: auto; } #login-facebook.slidebutton { background: #1877F2; border-color: #1877F2 !important; } #login-google.slidebutton { background: #fff; color: #555 !important; border-color: #4285F4 !important; } #login-apple.slidebutton { background-color: #000; border-color: #000 !important; } #login-tamu.slidebutton { border-color: #562626; } #login-tamu.slidebutton:hover { background: #562626; } #login-twitter.slidebutton { background: #1DA1F2; border-color: #1DA1F2; } div.alert-parent { margin-top: 1em; } @media (min-width: 768px) and (max-width: 991px) { #loginpanel { margin: 30px auto 220px auto; } } @media screen and (max-width: 767px) { #loginpanel { margin: 5px 0 0 0; width: 100%; } #loginintro h1 { font-size: 37px; line-height: 32px; } #anlogin, #sociallogin { padding: 0; } #loginpanel input[id="loginusername"], input[id="loginpassword"] { height: 40px; } #anlogin p { display: none; } #loginpanel input[type="checkbox"], #loginpanel label { top: -10px; } #loginpanel a.forgotpassword { top: -9px; padding: 0; float: right; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; font-weight: 400; } #_loginButton.slidebutton { margin: 0 0 0 0; width: 100%; height: 40px; font-size: 22px !important; } #loginpanel a.needtoregister { display: none; } #loginpanel a.needtoregisterphone { position: relative; display: block; margin: 20px auto 40px auto; padding: 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; font-weight: 400; color: #aaaaaa; text-align: center; } #loginpanel a.needtoregisterphone:hover { color: #562626; } #sociallogin { margin-top: 40px; } #sociallogin a.slidebutton { height: 36px; padding: 0; justify-content: center; } #sociallogin .loginicon { position: absolute; left: 5px; } } /*-------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------PAYMENT PAGE----------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #paymentpanel { margin: 10px 0 0 0; } #paymentpanel ul { margin-bottom: 15px; } #paymentpanel .nav li { display: inline-block; width: 47.5%; } #paymentpanel .nav li:first-child { margin-right: 5%; } #paymentpanel .nav > li > a { position: relative; display: block; margin: 10px 0 15px 0; padding: 7px 15px 3px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #fff; background: #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #paymentpanel .nav-pills > li.active > a, #paymentpanel .nav-pills > li.active > a:hover, #paymentpanel .nav-pills > li.active > a:focus { background: #562626; } #paymentpanel .nav-pills > li:last-child.active > a, #paymentpanel .nav-pills > li:last-child.active > a:hover, #paymentpanel .nav-pills > li:last-child.active > a:focus { background: #1c477a; } .paymenticon { position: relative; display: inline-block; top: -2px; margin-right: 15px; width: 30px; height: 30px; vertical-align: middle; } .creditcard { background: url(images/payment/creditcardline.svg) no-repeat center center; background-size: 30px 20px; } .no-svg .creditcard { background: url(images/pngfallbacks/creditcardline.png) no-repeat center center; background-size: 30px 20px; } .paypal { background: url(images/payment/paypal.svg) no-repeat center center; background-size: 25px 25px; } .no-svg .paypal { background: url(images/pngfallbacks/paypal.svg) no-repeat center center; background-size: 25px 25px; } @media screen and (max-width: 767px) { #mobilepaymentbar { position: relative; display: block; margin: 5px 0 30px 0; width: 100%; height: 40px; background: #527bbd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } #paymentpanel .nav > li { width: 50%; } #paymentpanel .nav li:first-child, #paymentpanel .nav li:last-child { margin: 0; } #paymentpanel .nav > li > a { position: relative; display: block; margin: 0 0 0 0; padding: 7px 15px 3px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #fff; background: #ddd; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .paymenticon { margin-right: 0; } .words { display: none; } } /*-----------------PAYMENT FORM-----------------*/ #weaccept { margin: 15px 0 0 0; } #weaccept ul li { position: relative; display: inline-block; margin-right: 15px; width: 44px; height: 30px; background-position: center center !important; } #paymentpanel input, #paymentpanel select { width: 100%; height: 40px; -webkit-appearance: none; } #paymentpanel input[type="text"], #paymentpanel select { background: #fff; border: 1px solid #ccc; font: 18px "proxima-nova", Helvetica, sans-serif; color: #cccccc; padding: 0 10px 0 10px; margin: 0 0 20px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: border 0.3s ease 0s; -moz-transition: border 0.3s ease 0s; transition: border 0.3s ease 0s; } #paymentpanel .valid { color: #562626 !important; border: 1px solid #562626 !important; } #paymentpanel input[type="text"]:focus, #paymentpanel select:focus { border: 0 none; outline: 0 none; color: #562626 !important; border: 1px solid #562626 !important; overflow: hidden; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #paymentpanel input[id="CardNumber"] { padding: 0 54px 0 10px; background: url(images/payment/genericcc.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #paymentpanel input[id="CardNumber"] { background: url(images/pngfallbacks/genericcc.png) no-repeat; } #weaccept li.americanexpress, #paymentpanel input[id="CardNumber"].americanexpress { background: url(images/payment/americanexpress.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #weaccept li.americanexpress, .no-svg #paymentpanel input[id="CardNumber"].americanexpress { background: url(images/pngfallbacks/americanexpress.png) no-repeat; } #weaccept li.discover, #paymentpanel input[id="CardNumber"].discover { background: url(images/payment/discover.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #weaccept li.discover, .no-svg #paymentpanel input[id="CardNumber"].discover { background: url(images/pngfallbacks/discover.png) no-repeat; } #weaccept li.mastercard, #paymentpanel input[id="CardNumber"].mastercard { background: url(images/payment/mastercard.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #weaccept li.mastercard, .no-svg #paymentpanel input[id="CardNumber"].mastercard { background: url(images/pngfallbacks/mastercard.png) no-repeat; } #weaccept li.visa, #paymentpanel input[id="CardNumber"].visa { background: url(images/payment/visa.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #weaccept li.visa, .no-svg #paymentpanel input[id="CardNumber"].visa { background: url(images/pngfallbacks/visa.png) no-repeat; } #paymentpanel input[id="CVV"] { padding: 0 54px 0 10px; background: url(images/payment/seccode.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #paymentpanel input[id="CVV"] { background: url(images/pngfallbacks/seccode.png) no-repeat; } #paymentpanel input[id="CVV"].amexseccode { background: url(images/payment/amexseccode.svg) no-repeat; background-size: 44px 30px; background-position: right 5px center; } .no-svg #paymentpanel input[id="CVV"] { background: url(images/pngfallbacks/amexseccode.png) no-repeat; } #paymentpanel label { position: relative; top: 10px; font: 18px "proxima-nova", Helvetica, sans-serif; color: #562626; } #paymentpanel select { color: #aaa; } #paymentpanel input.slidebutton { padding: 3px 15px 0 15px; width: auto; font-size: 20px; line-height: 20px; } #paypalinfo { font-family: "proxmia-nova", Helvetica, sans-serif; font-size: 18px; line-height: 24px; text-align: center; } #paypallogo { position: relative; display: block; margin: 15px auto 20px auto; width: 200px; height: 57px; background: url(images/payment/paypallogo.svg) no-repeat center center; background-size: 200px 57px; } /*-----------------MOBILE SPECIFIC PAYMENT FORM STYLES-----------------*/ @media screen and (max-width: 767px) { #mobilepaymentbar { position: relative; display: block; margin: 5px 0 30px 0; width: 100%; height: 40px; background: #527bbd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } #paymentpanel .nav > li { width: 50%; } #paymentpanel .nav li:first-child, #paymentpanel .nav li:last-child { margin: 0; } #paymentpanel .nav > li > a { position: relative; display: block; margin: 0 0 0 0; padding: 7px 15px 3px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #fff; background: #ddd; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .paymenticon { margin-right: 0; } .words { display: none; } #paymentpanel input[id="CVV"] { margin-bottom: 0; } #paymentpanel label { margin: 5px 0 15px 0; } #paymentpanel input.slidebutton { margin: 10px 0 0 0; width: 100%; } } /*------------------------------12KStrong Styles------------------------------*/ #twelvekstrongcharts { position: relative; display: block; margin: 0; padding: 0; text-align: center; } .twelvekstronglogo { position: relative; display: block; margin: 0 auto; padding: 0; width: 73.170732%; height: auto; } .numbersdaily { position: relative; display: block; margin: 10px 0 0 0; padding: 0; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 400; font-size: 13px; color: #562626; } .donorsbyclass { position: relative; display: block; margin: -18px 0 0 0; padding: 0; font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 700; font-size: 20px; color: #dddddd; text-transform: uppercase; } #progressDonut { position: relative; display: block; margin: 0 auto; width: 250px; height: 250px; } #acceptthechallenge { position: relative; display: block; margin: 50px 0 0 0; padding: 0; } .acceptthechallengetitle { position: relative; display: block; margin: 0 auto; padding: 0; width: 83.333333%; height: auto; } .challengeequation { position: relative; display: block; margin: 0 auto; padding: 0; width: 66.666667%; height: auto; } .twelvekstrongtext { font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #aaa; } #acceptthechallenge .twelvekstrongtext { margin: 40px 0 0 0; text-align: justify; } @media screen and (max-width: 1199px) { .twelvekstrongtext { font-size: 18px; line-height: 22px; } .twelvekstronglogo { width: 90%; } } @media screen and (max-width: 991px) { .acceptthechallengetitle { width: 100%; } .challengeequation { width: 85%; } } @media screen and (max-width: 767px) { .acceptthechallengetitle { margin: -20px 0 0 0; } .challengeequation { margin: 20px 0 0 0; width: 100%; } .twelvekstrongtext { font-size: 16px; line-height: 20px; } } #challengesteps { position: relative; display: block; position: relative; display: block; margin: 70px 0 0 0; padding: 0; } .challengestepsdivider { position: absolute; top: 10px; right: 30px; width: 15px; height: auto; } .challengesowhat { width: 56%; height: auto; } .yourgiftwill { width: 380px; height: auto; } .challengestepnumber { position: relative; display: block; margin: 20px 0 0 0; width: 43px; height: auto; } .twelvekstrongtext.challengesteptitle { margin: 30px 0 0 0; font-weight: 800; font-size: 24px; color: #562626; } .twelvekstrongtext.giftwilltitle:first-child { margin: 30px 0 0 0; } .twelvekstrongtext.giftwilltitle { margin: 20px 0 0 0; } .gigemscribble { position: relative; display: inline-block; top: -3px; margin: 0 15px 0 0; width: 25px; height: 26px; } #challengesteps .twelvekstrongtext { padding-right: 50px; } #challengesteps .twelvekstrongtext.giftwilltitle { padding-right: 0px; } #challengesteps .whatdowedo .twelvekstrongtext { margin: 10px 0 0 0; padding-right: 0; width: 100%; font-size: 18px; text-align: center; } .scribblebuilding { position: relative; display: block; margin: 40px 0 0 0; padding: 0; width: 100%; height: auto; } @media screen and (max-width: 1199px) { .challengesowhat { width: 335px; height: auto; } .challengestepnumber { margin: 10px 0 0 0; width: 35px; height: auto; } #challengesteps .twelvekstrongtext { margin-left: -50px; font-size: 16px; } #challengesteps .twelvekstrongtext.challengesteptitle { margin: 20px 0 5px -50px; font-weight: 800; font-size: 20px; color: #562626; } .challengestepsdivider { height: 285px; } .yourgiftwill { width: 380px; } #challengesteps .twelvekstrongtext.giftwilltitle { margin-left: 0px; } } @media screen and (max-width: 991px) { .challengesowhat { width: 75%; } .challengestepnumber { margin: 10px 0 0 0; width: 30px; height: auto; } #challengesteps .twelvekstrongtext { margin-left: -25px; } #challengesteps .twelvekstrongtext.challengesteptitle { margin: 20px 0 2px -25px; } .challengestepsdivider { height: 320px; } } @media screen and (max-width: 767px) { #challengesteps { position: relative; display: block; position: relative; display: block; margin: 40px 0 0 0; padding: 0; } .challengesowhat { width: 100%; } .challengestepnumber { position: absolute; display: block; margin: 15px 0 0 0; width: 30px; } #challengesteps .twelvekstrongtext { margin-left: 40px; padding-right: 0px; text-align: justify; } #challengesteps .twelvekstrongtext.challengesteptitle { margin: 20px 0 2px 40px; } .yourgiftwill { width: 250px; } #challengesteps .twelvekstrongtext.giftwilltitle:last-child { margin-bottom: 50px; } } #challengecall { position: relative; display: block; margin: 70px 0 0 0; padding: 0; text-align: center; } .thatsit { position: relative; display: block; margin: 0 auto; padding: 0; width: 91.6666667%; height: auto; } #challengecall a { position: relative; display: inline-block; margin: 30px auto 0 auto; padding: 0; } .challengebutton { width: 41.6666667%; height: auto; } @media screen and (max-width: 991px) { .thatsit { width: 100%; } .challengebutton { width: 55%; } } @media screen and (max-width: 767px) { #challengecall { margin: 50px 0 0 0; } .thatsit { width: 275px; margin: 0 0 0 0; } .challengebutton { width: 100%; } } #twelvekstrongdonors { position: relative; display: block; margin: 100px 0 0 0; } #twelvekstrongdonors .twelvekstrongtext { font-size: 18px; line-height: 22px; } .twelvekstrongtext.twelvekstrongdonorname { font-weight: 700; font-size: 20px !important; color: #562626; } .manns { text-align: right; } @media screen and (max-width: 1199px) { #twelvekstrongdonors .twelvekstrongtext { font-size: 16px; line-height: 20px; } .twelvekstrongtext.twelvekstrongdonorname { font-size: 18px !important; } } @media screen and (max-width: 991px) { #twelvekstrongdonors { text-align: center; } #twelvekstrongdonors img { width: 250px; height: auto; } .twelvekstrongtext.twelvekstrongdonorname { margin: 15px 0 5px 0; font-size: 18px !important; } .manns { text-align: center; } } @media screen and (max-width: 767px) { #twelvekstrongdonors img { width: 200px; height: auto; } #twelvekstrongdonors img.miners { margin-top: 30px; } } /*--------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------YOUNG ALUMNI PAGE--------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------*/ #youngalumniintrobanner { display: flex; } #yayaac, #youngalumniintrobanner, #yawcontentborder, #yawcontentwrapper { margin: 0 auto; padding: 0 30px; max-width: 1300px; } .yaintrobannerleft { width: 55%; padding-right: 50px; } .yaintrobannerleft .yaintrobannercontenttitle h1, .yaintrobannerleft .yaintrobannercontenttitle h5 { line-height: .9; } .yaintrobannerleft .yaintrobannercontenttitle h5 { margin: 0; } .yaintrobannerleft .yasociallink { display: inline-block; margin-right: 40px; width: 30px; height: 30px; } .yaintrobannerleft .yasociallink.yasnapchat { background: url(images/socialicons/snapchat-color.svg) no-repeat center center; background-size: 30px 30px; } .yaintrobannerleft .yasociallink.yafacebook { background: url(images/socialicons/facebooksquare.svg) no-repeat center center; background-size: cover; } .yaintrobannerleft .yasociallink.yatwitter { background: url(images/socialicons/twitter.svg) no-repeat center center; background-size: 30px 24px; } .yaintrobannerleft .yasociallink.yalinkedin { background: url(images/socialicons/linkedin.svg) no-repeat center center; background-size: cover; } .yaintrobannerleft .yasociallink.yainstagram { background: url(images/socialicons/instagram.svg) no-repeat center center; background-size: cover; } .yaintrobannerright { width: 45%; position: relative; } .yabannerimage { position: absolute; border-radius: 8px; box-shadow: 0px 3px 8.55px 0.45px rgba(0, 0, 0, 0.25); } #yabannerimagetop { top: -10px; right: 0; width: 58%; } #yabannerimagebottom { top: 53%; right: -8%; width: 55%; opacity: .65; } #youngalumniweekend { margin: 100px 0; background-image: url("images/youngalumni/yawbanner.jpg"); position: relative; height: 500px; } #youngalumniweekend, #yawbannercutout { background-size: cover; background-position-x: 20%; } #yawbannercutout { background-image: url("images/youngalumni/yawbanner-cut.png"); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; } #yawcontentborder, #yawcontentwrapper { position: absolute; top: 50%; left: 50%; width: 90%; height: 85%; transform: translate(-50%,-50%); border: 15px solid white; color: white; } #yawcontent { width: 100%; height: 100%; } #yawcontentwrapper { padding: 20px; border: 15px solid transparent; z-index: 5; } #yawcontenttitle { font-size: 80px; line-height: 65px; color: white; } .yawcontenttext { display: block; margin: 0 0 15px 0; font-weight: 700; color: white; } #yayaac { display: flex; justify-content: space-between; align-items: center; } .yaaccontentleft { width: 50%; margin-right: 40px; border-radius: 8px; } .ya12u12img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; grid-column: span 2; } #ya12u12photogrid img:nth-child(5) { grid-column: 2 / span 2; } #ya12u12 { display: flex; margin: 100px 0 100px 5%; background: #eee9e9; justify-content: space-between; padding: 0 50px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #ya12u12content { padding: 50px 0; width: 40%; } #ya12u12photogrid { width: 100%; height: 100%; display: grid; grid-template-columns: 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px; grid-template-rows: 100px 100px 100px; grid-column-gap: 25px; grid-row-gap: 25px; } .ya12u12gridcontainer { position: relative; height: 100%; padding: 20px; margin: auto; max-width: 50%; } #youngalumnicontainer .featureboxsingle { height: 310px; } @media (max-width: 1400px) and (min-width:991px) { #youngalumniintrobanner { margin: 0 40px; } } @media (max-width: 991px) { #ya12u12 { flex-direction: column-reverse; padding: 50px; } #ya12u12photogrid { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(6,1fr); grid-template-rows: auto auto; grid-column-gap: 2vw; grid-row-gap: 2vw; } #ya12u12content { padding: 0; width: 100%; } .ya12u12gridcontainer { max-width: initial; padding: 0 0 20px 0; } .ya12u12img { grid-column: initial; } #ya12u12photogrid img:nth-child(5) { grid-column: initial; } } @media (max-width: 767px) { .yaintrobannerleft { width: 100%; padding: 70px 0 0 0; } #youngalumniintrobanner { margin-top: -40px; flex-direction: column-reverse; } .yaintrobannercontenttitle h1 { font-size: 50px; } .yaintrobannercontenttitle h5 { font-size: 35px; } .yaintrobannerright { display: none; } .yaintrobannerleft .yasociallink { margin: 0 5px 0; } #yawbannercutout { display: none; } #yawcontenttitle { font-size: 60px; line-height: 50px; } #yawcontentdate { font-size: 25px; line-height: 1; } #yawcontentborder { border: 10px solid; } #youngalumniweekend { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("images/youngalumni/yawbanner.jpg") 52%/auto 100%; } #yayaac { flex-direction: column; } .yaaccontentleft { width: 100%; margin: 0 0 10px 0; border-radius: 0; } .yaaccontentright { border-radius: initial; } #ya12u12 { background: none; flex-direction: column-reverse; padding: 0; margin: 100px 30px; } .ya12u12img { border-radius: 0; } } /*-----------------------Young Alumni Spotlight-----------------------*/ #spotlightcontainer h2 { font-weight: 600; margin: 5px 0 15px; font-size: 32px; } #spotlightcontainer { margin: -90px 0 0 0; } #spotlightintro { margin-bottom: 80px; background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 70%), url(images/youngalumni/12u12/spotlight/awardbg.jpg) center top repeat-x; background-size: 1000px auto; } .spotlightintro-content { position: relative; padding: 140px 40px 0; width: 100%; max-width: 1400px; margin: 0 auto; } .logoscreen12u12 { position: absolute; top: 80px; left: 160px; width: 600px; height: auto; opacity: 0.15; } .about12u12 { margin: 0 auto 80px; width: 100%; max-width: 840px; gap: 60px; justify-content: center; align-items: center; } .about12u12 > div { flex: 1; } .about12u12 .spotlightlogo { flex: none; width: 225px; height: auto; } .spotlightlogo img { width: 100%; height: auto; -webkit-filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px); filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px); } .about12u12 h4 { color: #fff; font-weight: 400 !important; } #spotlightrecipients { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px 0; justify-items: center; } .recipientcontainer { position: relative; max-width: 250px; } .recipientcontainer * { transition: all 0.3s; } .recipientimpact, .recipientservice, .recipientsocial { display: none; } .recipientbkg { position: absolute; z-index: 0; height: auto; padding: 20px 20px 0; width: 100%; max-height: 320px; } .recipientoverlay { height: 100%; width: 100%; background: #562626; opacity: 0; position: absolute; top: 0; left: 0; } .recipientimg-container { position: relative; height: 100%; width: 100%; } .recipientimg { height: 100%; object-fit: cover; width: 100%; object-position: top; } .recipientcontainercontent { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 30px auto; z-index: 2; position: relative; padding: 0 20px; } .recipientbio, .recipientteaser { opacity: 0; } .recipientbio { font-size: 24px; line-height: 30px; height: 180px; overflow: hidden; text-overflow: ellipsis; margin: auto; position: relative; grid-row: 1 / 2; grid-column: 1; } .recipientteaser { color: #9d9d9d; font-size: 16px; line-height: 20px; grid-row: 2 / 3; grid-column: 1; } .recipientinfo { position: relative; grid-row: 3 / 4; grid-column: 1; } .aspectratioenforcer { display: block; content: ""; width: 100%; padding-top: calc((4.5 / 3) * 100%); margin-top: 20px; grid-row: 1 / 3; grid-column: 1; } .recipientbar { top: 100%; background: #562626; height: 1px; width: 100%; opacity: .25; position: absolute; } .recipientname { color: black; font-weight: 600; font-size: 20px; line-height: 24px; color: #562626; margin-bottom: 5px; } .recipientcareer { color: #8e8e8e; line-height: 1.2; font-size: 16px; } /* On Hover*/ .recipientcontainer:hover { cursor: pointer; } .recipientcontainer:hover .recipientbkg { /*background: rgba(86,38,38, .9);*/ padding: 0; height: 100%; max-height: 100%; } /*.recipientcontainer:hover .recipientoverlay { opacity: .9; }*/ .recipientcontainer:hover .recipientoverlay, .recipientcontainer:hover .recipientimg { opacity: .8; border-radius: 4px; } .recipientcontainer:hover .recipientbio, .recipientcontainer:hover .recipientname, .recipientcontainer:hover .recipientcareer { color: white; } .recipientcontainer:hover .recipientbio, .recipientcontainer:hover .recipientteaser { opacity: 1; } .recipientcontainer:hover .recipientcareer { color: white; } .recipientcontainer:hover .recipientteaser { opacity: 1; } .recipientcontainer:hover .recipientbar { top: -5px; background: white; } #spotlighthidden { position: relative; margin: 50px 0 100px; } #spotlighthidden .recipientinfo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 60%; } #spotlighthidden .recipientbar { width: 50%; left: 50%; transform: translateX(-50%); } #spotlighthidden img { width: 100%; object-fit: contain; opacity: .7; } #spotlighthidden .recipientcareer { font-weight: 500; } .spotlightnom { padding: 0 20px; } .spotlightnombanner, .spotlightprevious { position: relative; margin: 0 auto; width: 100%; max-width: 1400px; } .spotlightnombanner { background: #562626; display: flex; margin: 100px auto; border-radius: 8px; overflow: hidden; } .spotlightnomcontent h2, .spotlightnomcontent p { color: white; } .spotlightnomcontent { padding: 50px; z-index: 2; width: 80%; } .spotlightnombanner img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .spotlightprevious { padding: 0 20px; } .spotlightpreviouslinks { display: flex; flex-wrap: wrap; } .spotlightpreviouslinks a { font-weight: 600; margin-right: 30px; display: block; } #spotlightcontainer .featureboxsingle { height: 310px; } #permaModal.recipientmodal { width: 90%; margin: auto; top: 0; max-width: 1200px; max-height: 800px; } #permaModal.recipientmodal .modal-dialog { margin: 0 auto; width: 100%; } #permaModal.recipientmodal .modal-body { display: flex; padding: 0; } #permaModal.recipientmodal button.close { position: absolute; top: 25px; right: 25px; height: 50px; width: 50px; z-index: 4; cursor: pointer; outline: none; } #permaModal.recipientmodal button.close span { font-size: 50px; } #permaModal.recipientmodal .modal-left { width: 40%; } #permaModal.recipientmodal .modal-left img { width: 100%; height: 100%; object-fit: cover; } #permaModal.recipientmodal .modal-right { width: 60%; margin: auto; padding: 60px; } #permaModal.recipientmodal .modal-right img { display: none; } #permaModal.recipientmodal .rmodalname { margin: 0; } #permaModal.recipientmodal .rmodalcareer { margin: 0; font-weight: 600; } #permaModal.recipientmodal .rmodalbio { margin-top: 25px; } @media (min-width: 1200px) { #spotlightrecipients { margin: 0 50px; } } @media (max-width: 1199px) { .logoscreen12u12 { top: 80px; left: 36px; width: 400px; height: auto; opacity: 0.15; } } @media (max-width: 991px) { .logoscreen12u12 { top: 80px; left: 100px; width: 400px; height: auto; opacity: 0.15; } #spotlightrecipients { display: grid; grid-template-columns: 1fr 1fr 1fr; } #permaModal.recipientmodal { width: 90%; } #permaModal.recipientmodal .modal-body { padding: 60px 30px; } #permaModal.recipientmodal .modal-left img { height: auto; border-radius: 4px; } #permaModal.recipientmodal .modal-right { padding: 0; margin-left: 30px; } .spotlightnomcontent { width: 80%; } } @media (max-width: 767px) { #spotlightintro { margin-bottom: 80px; background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 80%), url(images/youngalumni/12u12/spotlight/awardbg.jpg) center top repeat-x; background-size: auto 1000px; } .spotlightintro-content { padding: 100px 20px 0; } .logoscreen12u12 { position: absolute; margin: auto; left: 0; right: 0; width: 400px; height: auto; opacity: 0.15; } .about12u12 { position: relative; margin: 0 auto 40px; width: 100%; row-gap: 40px; justify-content: center; align-items: center; } .about12u12 > div { position: relative; width: 100%; flex: none; } .about12u12 .spotlightlogo { flex: none; width: 180px; height: auto; } .spotlightlogo img { width: 100%; height: auto; -webkit-filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px); filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px); } .about12u12 h4 { font-size: 18px !important; line-height: 24px !important; text-align: center; } #spotlightrecipients { display: flex; justify-content: center; flex-flow: row wrap; } .recipientcontainer { width: 50%; } .recipientbio, .recipientteaser { display: none; } #permaModal.recipientmodal { width: initial; margin: initial; top: 0; } #permaModal.recipientmodal p { color: black; font-size: 18px; /* line-height: 22px; */ letter-spacing: .5px; } #permaModal.recipientmodal b { font-family: "proxima-nova-extra-condensed", sans-serif; letter-spacing: 1px; font-size: 22px; font-weight: 600; } #permaModal.recipientmodal .modal-dialog { width: initial; } #permaModal.recipientmodal button.close { top: 10px; right: 10px; opacity: 1; width: 30px; height: 30px; } #permaModal.recipientmodal button.close span { font-size: 40px; } #permaModal.recipientmodal .modal-left { display: none; } #permaModal.recipientmodal .modal-right { width: 100%; height: auto; padding: 30px 20px; margin-left: 0; } #permaModal.recipientmodal .modal-right img { display: block; width: 30%; min-width: 125px; height: auto; margin-right: 15px; border-radius: 4px; } #permaModal.recipientmodal .modal-right .rmodalheader { display: flex; align-items: flex-start; } #permaModal.recipientmodal .modal-body { padding: 0; } #permaModal.recipientmodal .rmodalname { margin: 5px 0; } #permaModal.recipientmodal .rmodalcareer { font-weight: 400; letter-spacing: .3px; } .spotlightnomcontent { padding: 40px; width: 100%; } } /*-----------------------------CORREGIDOR-----------------------------*/ #aggiesofcorregidor { position: relative; display: block; margin: -90px 0 0 0; padding: 0; width: 100%; height: auto; background: #000; color: #fff; } #aggiesofcorregidor h1 { margin: 100px auto 0 auto; width: 66.666667%; } @media (max-width: 991px) { #aggiesofcorregidor h1 { margin: 80px auto 0 auto; width: 80%; } } @media (max-width: 767px) { #aggiesofcorregidor h1 { width: 100%; } } #aggiesofcorregidor h1 img { width: 100%; height: auto; } #aggiesofcorregidor p, #corregidormusterdetails p { color: #fff; } #corregidormonument { margin: 70px 0 0 0; } @media (max-width: 991px) { #corregidormonument { margin: 50px 0 0 0; } } @media (max-width: 767px) { #corregidormonument { margin: 40px 0 0 0; } } #corregidormonument img { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: auto; } #corregidorphotoinstructions { margin-top: 50px; } #corregidormusterdetails { margin-bottom: 50px; padding: 50px 0 25px 0; background: #000; color: #fff; } #corregidormusterdetails h3 { margin: 25px 0 10px 0; } #corregidorphotodetails { position: relative; display: block; margin: 0 0 50px 0; background: #000; overflow: hidden; } #corregidorphotodescription { padding: 25px 0 25px 0; overflow: hidden; } #corregidorphotodescription p { color: #fff; font-style: italic; text-align: center; } #corregidorphoto { position: relative; display: block; margin: 0 0 0 0; background: #000; } .corregidorphotobackground { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: auto; } #corregidorphotooverlay svg { position: absolute; display: block; top: 0; left: 0; } #corregidorphotooverlay .participantpopover:hover { fill: transparent; } #corregidorphotooverlay .popover { padding: 10px 15px; font-family: "proxima-nova", Helvetica, sans-serif; text-align: left; } #corregidorphotooverlay .popover-title { padding: 0; font-size: 16px; line-height: 20px; color: #562626; background: none; border-bottom: none; border-radius: none; } #corregidorphotooverlay .popover-content { padding: 0; font-size: 14px; line-height: 18px; color: #555; background: none; border-bottom: none; border-radius: none; } @media (max-width: 991px) { #corregidorphoto { overflow-y: hidden; overflow-x: scroll; } #corregidorphoto::-webkit-scrollbar, #corregidorphotooverlay::-webkit-scrollbar { display: none; } .corregidorphotobackground, #corregidorphotooverlay, #corregidorphotooverlay svg { width: 1061px; height: 600px; overflow-y: hidden; overflow-x: scroll; } #corregidorphotooverlay { position: absolute; display: block; top: 0; left: 0; } } @media (max-width: 767px) { .corregidorphotobackground, #corregidorphotooverlay, #corregidorphotooverlay svg { width: 1238px; height: 700px; } } #corregidormustercall { margin: 30px 0 30px 0; text-align: center; } #corregidorcallforinfo { position: relative; display: block; margin: 50px 0 0 0px 0; text-align: center; } #corregidorcallforinfo p { font-size: 20px; line-height: 28px; } @media (max-width: 1199px) { #corregidorcallforinfo p { font-size: 16px; line-height: 24px; } } /*-----------------------------GIVING STUFF-----------------------------*/ #thankyoushare { position: relative; display: block; margin: 20px 0; padding: 0; } #thankyoushare a { position: relative; display: inline-block; margin: 0; padding: 5px 15px; width: 306px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 18px; color: #fff; } #thankyoushare .facebooklogin { margin: 0 30px 0 0; } .sharepadright { margin: 0 30px 0 0 !important; } .lbthumb2 { padding: 0 10px 10px 0; } @media print { #headerwrapper, #lnav, #rnav, #secondnav, #accountinfomobile, #accounttoolsmobile, #allfooter, .footerlogocontainer, .footercontainer, .legalstuffcontainer { display: none !important; } } @media screen and (max-width: 767px) { .hideme-xs { display: none; } .showme-xs { display: block; } } .short { width: 120px !important; } .block { display: block !important; } .aggienetworkeventregistrationcontainer { position: relative; display: flex; display: -ms-flexbox; width: 100%; height: auto; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; } .aggienetworkeventregistrationcontainer > .aggienetworkuserpanel.eventregistrationpanel { max-width: 750px; } .aggienetworkuserpanel.eventregistrationpanel .eventregistrationpanelform { padding: 20px; } .aggienetworktextinput, .aggienetworktextarea, .aggienetworkdropdowninput { position: relative; margin: 0 0 0 0; padding: 5px; width: 100%; height: 32px; font-size: 16px; line-height: 18px; border: none; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .aggienetworkdropdowninput::-ms-expand { display: none; } label.aggienetworktextinputlabel { position: relative; margin-bottom: 3px; padding: 0; width: 100%; font-weight: 600; font-size: 12px; color: #8a6666; letter-spacing: 1px; } label.aggienetworktextinputlabel.aggienetworkuserpanelselectormenu-title { display: block !important; font-size: 18px; font-weight: 400; text-align: center; } .aggienetworktextinput.bordered, .aggienetworktextarea.bordered, .aggienetworkdropdowninput.bordered { border: 1px solid #ddd; } .aggienetworktextinput.bordered:focus, .aggienetworktextarea.bordered:focus { border: 1px solid #8a6666; box-shadow: none; } .aggienetworktextinput, .aggienetworktextinput::-webkit-input-placeholder, .aggienetworktextinput::-moz-placeholder, .aggienetworktextinput:ms-input-placeholder { font-family: "proxima-nova", Helvetica, Sans-Serif; font-weight: 300; font-size: 16px; line-height: 18px; color: #555; } .aggienetworktextinput::-webkit-input-placeholder { padding-top: 2px; color: #999; } .aggienetworkformfield { position: relative; display: flex; display: -ms-flexbox; margin: 0 0 20px 0; width: 100%; max-width: 600px; flex-flow: row wrap; } .aggienetworkflexcontainer > .aggienetworkformfield + .aggienetworkformfield { margin-left: 20px; } .aggienetworkformfield.nomargin { margin-left: 0 !important; } .aggienetworkformfield .aggienetworktextinput, .aggienetworkformfield .aggienetworkdropdowninput { width: 100%; max-width: 290px; } .aggienetworkformfield .aggienetworktextinput, .aggienetworkformfield .aggienetworkdropdowninput.full { width: 100%; max-width: 100%; } .formfieldname .formfieldname-firstname, .formfieldname .formfieldname-lastname, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-firstname, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-middlename { width: calc(50% - 10px); } .formfieldname.plusclassyear .formfieldname-firstname, .formfieldname.plusclassyear .formfieldname-lastname { width: calc(50% - 60px); } .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-lastname { margin-left: 0 !important; width: calc(100% - 200px); } .formfieldname.plusclassyear .formfield-classyear, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-suffix { width: 80px; } .formfieldname.plusmiddlename.plusclassyear .formfieldname-firstname, .formfieldname.plusmiddlename.plusclassyear .formfieldname-middlename, .formfieldname.plusmiddlename.plusclassyear .formfieldname-lastname { width: calc(33.3333334% - 36.6666666px); } .formfield-email, .formfield-phone { width: calc(50% - 10px); } .formfieldemailphonecombo .formfield-email { width: calc(75% - 10px); } .formfieldemailphonecombo .formfield-phone { width: calc(25% - 10px); } .aggienetworkformfield.submitteremail, .aggienetworkformfield.imagedescription { width: 100%; } .aggienetworkformfield.submitteremail.emailphonecombo { width: 75%; } .aggienetworkformfield.submitterphone.emailphonecombo { width: 25%; } .aggienetworkformfield.fieldlength-third { width: 33.333333%; } .aggienetworkformfield .error { position: absolute; bottom: -15px; font-size: 12px; line-height: 12px; } .aggienetworkformfield.formfieldname { column-gap: 20px; } .aggienetworkformfield.formfieldname, .formfieldaddress, .aggienetworkformfield.expirationandcvv { justify-content: space-between; } .formfieldaddress .formfieldaddress-street { flex-direction: column; } .formfieldaddress .formfieldaddress-street, .formfieldaddress .formfieldaddress-street .aggienetworktextinput { max-width: 100%; } .formfieldaddress .formfieldaddress-street .aggienetworktextinput:nth-of-type(2) { margin: 10px 0 20px 0; } .formfieldaddress .formfieldaddress-street.formfieldaddress-street2 { margin-left: 0 !important; } .formfieldaddress .formfieldaddress-city { margin-left: 0 !important; } .formfieldaddress .formfieldaddress-city, .formfieldaddress .formfieldaddress-state { width: calc(50% - 70px); } .formfieldaddress .formfieldaddress-zip { width: 100px; } .aggienetworkformfield.expirationandcvv { max-width: 290px; } .aggienetworkformfield.expirationandcvv .formfieldcreditcard-expiration { display: flex; display: -ms-flexbox; width: calc(100% - 70px); justify-content: space-between; flex-flow: row wrap; } .aggienetworkformfield.expirationandcvv .formfieldcreditcard-expiration .aggienetworkdropdowninput { width: calc(50% - 5px); } .aggienetworkformfield.expirationandcvv .formfieldcreditcard-cvv { display: flex; display: -ms-flexbox; width: 50px; flex-flow: row wrap; } @media (max-width: 767px) { .formfieldname.plusclassyear .formfieldname-firstname { width: 100%; } .formfieldname.plusclassyear .formfieldname-lastname { width: calc(100% - 100px); } .aggienetworkformfield.formfieldaddress .formfieldaddress-city { width: 100%; margin-bottom: 20px; } .aggienetworkformfield.formfieldaddress .formfieldaddress-state { width: calc(100% - 120px); } .aggienetworkformfield.submitteremail.emailphonecombo, .aggienetworkformfield.submitterphone.emailphonecombo, .aggienetworkformfield.fieldlength-third { width: 100%; } .aggienetworkformfield.inlineformfieldgutter { padding: 0; } } .aggienetworktextarea { min-height: 75px; resize: vertical; height: auto; } .aggienetworkdropdowninput { padding: 5px 35px 5px 5px; background-image: linear-gradient(45deg, transparent 48%, #562626 50%), linear-gradient(135deg, #562626 52%, transparent 48%), linear-gradient(to right, #f6f4f4, #f6f4f4); background-position: calc(100% - 14px) 14px, calc(100% - 9px) 14px, 100% 0; background-size: 5px 5px, 5px 5px, 30px 40px; background-repeat: no-repeat; } .aggienetworkdropdowninput:focus { background-image: linear-gradient(45deg, transparent 48%, #fff 50%), linear-gradient(135deg, #fff 52%, transparent 48%), linear-gradient(to right, #8a6666, #8a6666); border: 1px solid #8a6666; } .aggienetworkradiogroupcontainer { position: relative; margin: 0 0 20px 0; } .aggienetworkradiogroupcontainer .aggienetworktextinputlabel { display: block; } .aggienetworkradiogroupsegments, .radiogroup-pills { display: flex; display: -ms-flexbox; justify-content: flex-start; } .aggienetworkradiogroupsegments input[type=radio], .radiogroup-regular input[type=radio], .radiogroup-pills input[type=radio] { display: none; } .aggienetworkradiogroupsegments input[type=radio] + label, .radiogroup-pills input[type=radio] + label, select.aggienetworkselectinput { padding: 9px 0 7px 0; max-width: 150px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; color: #8a6666; letter-spacing: 1px; border: 1px solid #ddd3d3; cursor: pointer; flex: 1 auto; } .aggienetworkradiogroupsegments input[type=radio] + label:not(:first-of-type) { margin-left: -1px; } .aggienetworkradiogroupsegments input[type=radio]:checked + label, .radiogroup-pills input[type=radio]:checked + label { font-weight: 800; color: #fff; background: #8a6666; border: 1px solid #8a6666; } .aggienetworkradiogroupsegments input[type=radio] + label:first-of-type { border-radius: 4px 0 0 4px; } .aggienetworkradiogroupsegments input[type=radio] + label:last-of-type { border-radius: 0 4px 4px 0; } .radiogroup-pills input[type=radio] + label { border-radius: 4px; } .radiogroup-regular > input[type=radio] + label { flex: none; display: block; margin-top: 5px; padding: 0 0 0 25px; width: 100%; max-width: none; font-weight: 400; font-size: 14px; line-height: 20px; color: #555; letter-spacing: 0; border: 0; text-align: left; } .radiogroup-regular > input[type=radio] + label:first-of-type { margin-top: 0; } .radiogroup-regular > input[type=radio] + label::before { content: ''; position: absolute; top: 1px; left: 0; width: 15px; height: 15px; border: 1px solid #ddd3d3; border-radius: 50%; } .radiogroup-regular > input[type=radio]:checked + label { background: none; } .radiogroup-regular > input[type=radio]:checked + label::before { border: 1px solid #8a6666; } .radiogroup-regular > input[type=radio]:checked + label::after { content: ''; position: absolute; top: 4px; left: 3px; width: 9px; height: 9px; background: #8a6666; border-radius: 50%; } select.aggienetworkselectinput { padding: 9px 10px 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.aggienetworkselectinput:after { } select.aggienetworkselectinput:focus { outline: none; } .aggienetworkuserpanelselectormenu { margin: 0; padding: 0; border-bottom: 1px solid #ddd; align-items: center; } .aggienetworkuserpanelselectormenu input[type=radio] { display: none; } .aggienetworkuserpanelselectormenu input[type=radio] + label { margin: 0; padding: 9px 10px 5px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; color: #8a6666; letter-spacing: 1px; border-bottom: 3px solid #fff; cursor: pointer; flex: 1; } .aggienetworkuserpanelselectormenu input[type=radio] + label:hover { border-bottom: 3px solid #ddd; } .aggienetworkuserpanelselectormenu input[type=radio]:checked + label { font-weight: 600; border-bottom: 3px solid #8a6666; } @media (max-width: 500px) { .aggienetworkuserpanelselectormenu input[type=radio] + label { font-size: 12px; line-height: 14px; } } .aggienetworkcheckbox { position: relative; display: inline-block; } .aggienetworkcheckbox input[type="checkbox"] { position: absolute; opacity: 0; } .aggienetworkcheckbox > input + label { position: relative; padding: 0; font-size: 16px; line-height: 16px; color: #562626; cursor: pointer; } .aggienetworkcheckbox > input:focus + label::before { box-shadow: 0 0 0 3px #fff; } .aggienetworkcheckbox label::before { content: ''; position: relative; display: inline-block; top: 1px; margin-right: 10px; height: 14px; width: 14px; border: 1px solid #8a6666; border-radius: 1px; } .aggienetworkcheckbox > input:checked + label::before { background: #8a6666; } .aggienetworkcheckbox > input:checked + label::after { content: ''; position: absolute; left: 1px; top: 2px; display: inline-block; height: 12px; width: 12px; background: #8a6666; background-image: url(images/uielements/checkmark-white.svg); border-radius: 1px; } .aggienetworkuserpanel { position: relative; margin: 0 0 30px 0; padding: 15px 0; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.08); overflow: hidden; } .aggienetworkuserpanel.adminpanel { background-color: #e5f3f9; color: #31708f; border: 1px solid #bce8f1; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } .adminpanelinputtitle { position: relative; display: block; margin: 0 0 5px 0; padding: 0; color: #31708f; } .aggienetworkuserpaneldata { display: block; margin: 0 0 15px 0; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; color: #555; } .aggienetworkuserpanelbottombar { position: relative; display: block; margin: 0 0 0 0; padding: 15px 0 0 0; width: 100%; border-top: 1px solid #eee; overflow: hidden; } .aggienetworkuserpanelbottombar button.slidebutton, .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton { display: inline-block; padding: 5px 10px 4px 10px; font-size: 14px; line-height: 14px; border: 1px solid #562626; } .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton { background: rgba(227,45,45,0.5); border: 1px solid rgba(227,45,45,1.0); } .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton:hover { background: rgba(227,45,45,1.0); border: 1px solid rgba(227,45,45,1.0); color: #fff; } #editpostunpublish, #editpostsaveandpublish { text-align: center; } #editpostunpublish { margin: 0 0 15px 0; } #editpostsaveandpublish button.slidebutton:last-of-type { margin: 0 0 0 5px; } @media (min-width: 992px) { #editpostunpublish { margin: 0 0 0 0; text-align: left; } #editpostsaveandpublish { text-align: right; } } @media (min-width: 992px) and (max-width: 1199px) { aggienetworkuserpanelbottombar button.slidebutton, .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton { font-size: 12px; } } #viewpostprivacy { position: relative; display: block; margin: 25px 0 25px 0; } #viewpostprivacy .advancedoptiontitle, #imagetoptoggle .advancedoptiontitle { position: relative; display: inline-block; top: -5px; margin: 0 0 0 15px; font-size: 16px; color: #555; } #imagetoptoggle .advancedoptiontitle { color: #31708f; font-weight: 300; } #viewpostprivacy .toggleswitch + label, #viewpostprivacy label, #imagetoptoggle .toggleswitch + label, #imagetoptoggle label { top: 0; margin: 0 0 0 0; } #viewpostprivacy input.toggleswitch + label:after, #imagetoptoggle input.toggleswitch + label:after { background-color: #fff; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); } #viewpostprivacy span.helpquestion { width: 12px; height: 12px; } #viewpostprivacy .helpquestion:before { margin: -12px 0 0 7px; } #_goLiveDate.aggienetworktextinput, #_expireDate.aggienetworktextinput { width: 100%; border-radius: 4px 0 0 4px; } #description .aggienetworktextinput { height: 100px; } .addtaginput { position: relative; display: block; margin: 0 0 15px 0; } .addtaginput:last-child { margin: 0 0 0 0; } .addtaginput .aggienetworktextinput { margin: 0 0 5px 0; width: 100%; } #posttags { position: relative; display: block; margin: 0 0 30px 0; } .posttagstitle { display: inline-block; margin: 0 0 10px 0; font-weight: 600; font-size: 18px; line-height: 18px; color: #8a6666; } .tagslist { display: block; } @media (max-width: 767px) { #postimage { position: relative; margin: 0 0 30px 0; } .reorder-xs { margin: 30px 0 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); direction: rtl; } .reorder-xs > .flip { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); direction: ltr; } } #registrationbody { padding-right: 0 !important; padding-left: 0 !important; } .registrationpanel { position: relative; display: block; margin-bottom: 30px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); } .registrationpaneltitle { position: relative; display: block; margin: 0 auto; padding: 6px 0 3px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; background: #8a6666; } .registrationpaneltitle.registrationsummary { line-height: 18px; color: #562626; background: none; } .registrationpaneltitle.registrationsummary.registrationtotal { font-size: 16px; } .registrationpanelcontent { width: 100%; height: auto; padding: 30px; } .registrationpackage { position: relative; display: block; margin-bottom: 30px; } .registrationpackage.lastpackage { margin-bottom: 0; } #registrationtributetypes { position: relative; display: block; margin: 30px 0 0 0; padding: 0; text-align: center; } #registrationtributetypes img { position: relative; display: block; margin: 0 auto; width: 110px; height: 75px; } .tributetypedetails { position: relative; display: block; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; color: #562626; } .registrationpackagetitle { position: relative; display: block; margin: 8px 0 10px 0; font-weight: 300; font-size: 20px; line-height: 18px; color: #562626; } .registrationpackage ul li, .registrationpackage ul li label { position: relative; display: block; margin-bottom: 10px !important; font-size: 16px; line-height: 20px; font-weight: 300; margin-bottom: 0; } .registrationpackage li.registrationplus { text-indent: -40px; margin-left: 40px; } .registrationpackage li.registrationplus:before { content: 'plus'; margin-right: 10px; font-weight: bold; font-size: 12px; color: #562626; text-transform: uppercase; font-style: italic; } .registrationtickets { display: block; right: 0; height: auto; } .registrationticketstepper { position: relative; display: block; width: auto; } input.registrationstepper { padding: 0; float: left; width: 50px; height: 30px; font-size: 15px; font-weight: 300; text-align: center; color: #562626; border: 1px solid #ddd; background: none; outline: none; pointer-events: none; } span.spinner { position: absolute; right: 15px; height: 30px; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } span.spinner > .sub, span.spinner > .add { display: block; float: left; padding-top: 5px; width: 30px; height: 30px; text-align: center; font-family: "proxima-nova", Helvetica, sans-serif; font-size: 16px; line-height: 16px; color: #562626; border: 1px solid #ddd; border-right: 0; border-radius: 4px 0 0 4px; cursor: pointer; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; transition: 0.1s linear; } span.spinner > .add { padding-top: 7px; border: 1px solid #ddd; border-left: 0; border-radius: 0 4px 4px 0; } span.spinner > .sub:hover, span.spinner > .add:hover { background: #8a6666; color: #fff; border: 1px solid #8a6666; } input.registrationstepper::-webkit-inner-spin-button, input.registrationstepper::-webkit-outer-spin-button { -webkit-appearance: none; } #registrationtributetypes span.spinner { position: relative; display: inline-block; right: auto; margin: 15px auto 5px auto; text-align: center; } .registrationpackagedetails { position: relative; display: block; margin: 30px 0 0 0; width: 100%; font-size: 0; } .tablehostinfo .aggienetworktextinput, .tableguestsinfo .aggienetworktextinput { width: 100%; margin-bottom: 25px; } .aggienetworktextinput.galaguestname { border-radius: 4px 0 0 4px; width: 79%; z-index: 100; } .aggienetworktextinput.galaguestyear { margin-left: -1px; border-radius: 0 4px 4px 0; width: 21%; z-index: 99; } .aggienetworktextinput.galaguestyear:focus { z-index: 101; } #galaregistrationaddguest { position: relative; margin-bottom: 25px; width: 100%; height: 32px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; color: #fff; background: rgba(138, 102, 102, 0.5); border: 1px solid rgba(138, 102, 102, 0.5); outline: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #galaregistrationaddguest:hover { background: rgba(138, 102, 102, 1); border: 1px solid rgba(138, 102, 102, 1); } .registrationremoveguest { position: absolute; top: -8px; right: 7px; width: 17px; height: 17px; border-radius: 50%; background: #fff; overflow: hidden; cursor: pointer; z-index: 105; } .registrationremoveguest i { color: rgba(196, 178, 178, 1); font-size: 18px !important; line-height: 18px !important; } .registrationremoveguest i:hover { color: rgba(138, 102, 102, 1); } .specialrequests .aggienetworktextinput, .personalmessage .aggienetworktextinput { width: 100%; height: 80px; padding: 5px; resize: vertical; } .personalmessage { margin-top: 40px; } .personalmessage .aggienetworktextinput { margin-top: 5px; } .continueregistrationpanel { position: relative; display: block; margin: 30px auto; width: 100%; height: auto; text-align: center; } .registrationtotal { position: relative; display: block; margin-bottom: 20px; font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 300; font-size: 20px; line-height: 20px; color: #562626; } .continueregistrationpanel button.slidebutton { margin: 0 8px; font-size: 16px; } .continueregistrationpanel h5 { font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; color: #8a6666; text-transform: uppercase; letter-spacing: 1px; } .continueregistrationpanel p { font-size: 16px; line-height: 22px; color: #8a6666; } .registrationpackagedetails .daname { margin-bottom: 10px; } .registrationpackagedetails .daname label { position: relative; display: inline-block; margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: 300; } /*.registrationpackagedetails .daname label input[type=checkbox] { position: relative; display: inline-block; top: 1px; margin-right: 5px; height: 14px; width: 14px; background-color: #fff !important; border: 1px solid #ddd; border-radius: 3px; outline: 0; } .registrationpackagedetails .daname input[type=checkbox]:checked { border: 1px solid #8a6666; } .registrationpackagedetails .daname input[type=checkbox]:checked:after { content: ''; top: -6px; left: 3px; position: relative; display: inline-block; width: 6px; height: 8px; border: solid #8a6666; border-width: 0 2px 2px 0; transform: rotate(45deg); }*/ @media (max-width: 767px) { #registrationbody { max-width: 375px; margin: auto auto; } .registrationpanelcontent { padding: 30px 15px; } .registrationpackagetitle { margin: 3px 0 10px 0; font-size: 18px; line-height: 20px; color: #562626; } .registrationpackage ul li { position: relative; display: block; margin-bottom: 8px !important; font-size: 14px; line-height: 18px; } input.registrationstepper { width: 40px; height: 25px; } span.spinner { height: 25px; } span.spinner > .sub, span.spinner > .add { padding-top: 3px; width: 25px; height: 25px; } span.spinner > .add { padding-top: 4px; } .twopagetribute { margin-top: 30px; } .specialrequests textarea { margin-top: 25px; } .aggienetworktextinput.galaguestname { width: 87%; } .aggienetworktextinput.galaguestyear { width: 13%; } } /*-------------------------------------------------------------------------------------*/ /*-------------------------------GLOBAL INFOPAGE STYLES--------------------------------*/ /*-------------------------------------------------------------------------------------*/ #infopagecontainer { position: relative; display: flex; display: -ms-flexbox; margin: 0 auto; padding: 0 5%; width: 100%; max-width: 1600px; -ms-flex-flow: row wrap; flex-flow: row wrap; } #infopagecontent { -ms-flex: 1; flex: 1; padding: 0 0 0 40px; } #infopagecontent h2 { padding: 45px 0 10px 0; width: 100%; font-family: "proxima-nova", sans-serif; font-weight: 300; font-size: 32px; line-height: 32px; color: #562626; } .sidenavcontent ul, #infopagecontent ul { margin: 10px 0 25px 0; } @media screen and (max-width: 991px) { #infopagecontainer { padding: 0 15px; } #infopagecontent h2 { font-size: 28px; line-height: 28px; } } @media screen and (max-width: 767px) { #infopagecontent { flex: none; padding: 0; width: 100%; } #infopagecontent h2 { font-size: 22px; line-height: 22px; } } /*-------------------------------------------------------------------------------------*/ /*---------------------------GLOBAL INFOPAGE SIDENAV STYLES----------------------------*/ /*-------------------------------------------------------------------------------------*/ #sidenav { margin-top: 5px; width: 20%; } .sidenavcontent { width: 100%; } .sidenavcontent::-webkit-scrollbar { display: none; } .sidenavcontent.affix { position: fixed; top: 30px; margin: 0 0 0 0; padding: 0 30px 0 0; width: 20%; max-width: 275px; overflow-y: scroll !important; } .sidenavcontent.affix-bottom { position: absolute; bottom: auto; } #sidenav h4, h4.navtitle { margin: 0; font-weight: 700; font-size: 12px; line-height: 12px; color: #562626; letter-spacing: 1px; text-transform: uppercase; } #sidenav ul { margin-top: 0; } #sidenav li a { margin: 15px 0 0 0; padding: 0 0 0 0; font-weight: 400; font-size: 16px; line-height: 18px; color: #888; border-left: 2px solid transparent; transition: 0.2s padding ease; } #sidenav li > a:focus, #sidenav li.active > a:focus { background: none !important; } #sidenav li.active > a, #sidenav li.active > a:hover { padding-left: 10px; border-left: 2px solid #562626; color: #562626; } #sidenav li > a:hover { background: none; color: #562626; } #sidenav li.active > a:hover { color: #333; background: none; } #sidenav ul li > ul li { padding: 0 0 0 20px; } @media (max-width: 991px) { #sidenav, .sidenavcontent.affix { padding: 0 15px 0 0; } #sidenav li a { font-size: 14px; line-height: 16px; } } @media (max-width: 767px) { #sidenav { display: none; } } /*-------------------------------------------------------------------------------------*/ /*----------------------------------GLOBAL FAQ STYLES----------------------------------*/ /*-------------------------------------------------------------------------------------*/ .faqsection { position: relative; display: block; margin: 0 0 50px 0; } .faqcolumn-a { padding: 0 50px 0 0 !important; } .faqsection .panel-heading { padding: 5px 0 0 0 !important; } .faqcolumn-b { padding: 0 0 0 50px !important; } a.faqquestion { display: block; padding: 10px 25px 8px 10px; font-family: "proxima-nova", sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; border-radius: 4px; position: relative; } a.faqquestion.collapsed:hover { background: #f5f5f5; } a.faqquestion.collapsed:hover:after, a.faqquestion.faqopen:after { content: "\e114"; position: absolute; right: 10px; font-family: 'Glyphicons Halflings'; font-size: 14px; color: #562626; vertical-align: middle; top: 50%; transform: translateY(-50%); } a.faqquestion.faqopen { background: #f5f5f5; color: #562626; } a.faqquestion.faqopen:after { content: "\e113"; } @media (max-width: 991px) { .faqcolumn-a { padding: 0 40px 0 15px !important; } .faqcolumn-b { padding: 0 15px 0 40px !important; } a.faqquestion { font-size: 18px; line-height: 22px; } } @media (max-width: 991px) { .faqcolumn-a { padding: 0 15px !important; } .faqcolumn-b { padding: 0 15px !important; } } /*-------------------------------------------------------------------------------------*/ /*------------------------------GLOBAL UI ELEMENT STYLES-------------------------------*/ /*-------------------------------------------------------------------------------------*/ /*---------------------------------------MODALS----------------------------------------*/ .modal { top: 0; padding-top: 120px; z-index: 10001; } .modal-open .modal, .btn:focus { outline: none !important; } .modal-backdrop { background-color: #fff; background: #fff; z-index: 10000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.9; } .modal.fade .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .modal-content { background: #fff; border: 1px solid rgba(86, 38, 38, 0.75); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } .modal-header { padding: 40px 40px 20px; border-bottom: none; } .modal-header .close { position: absolute; top: 10px; right: 10px; font-size: 24px; font-weight: 700; color: #562626; text-shadow: none; filter: alpha(opacity=50); opacity: .5; } .modal-header .close:hover { filter: alpha(opacity=100); opacity: 1; } .modal-title { font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 30px; font-weight: 800; color: #562626; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .modal-body { padding: 0 40px 40px; } .modalbuttonrow { text-align: center; } .modalbuttonrow .slidebutton { margin: 20px 10px 0; font-size: 18px; line-height: 18px; } @media (max-width: 500px) { .modal { padding-top: 80px; } .modal-title { font-size: 26px; line-height: 28px; } .modal-body { padding: 0 20px 40px; } } /*-------------------------------------PAGINATION--------------------------------------*/ .pagination > li > a, .pagination > li > span, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover { color: #8a6666; background-color: #fff; border-color: #8a6666; cursor: auto; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover { color: #ccc; } .pagination > li > a:hover { color: #8a6666; background-color: #eee9e9; border-color: #8a6666; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { font-weight: 600; color: #fff; cursor: default; background-color: #8a6666; border-color: #8a6666; z-index: 2; } .pagination-sm > li:first-child > a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-sm > li:last-child > a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 767px) { #staffDetails { text-align: center; } #staffDetails img { width: 100%; max-width: 200px; } } /*-------------------------------------------------*/ /*-------------------VIDEO EMBEDS------------------*/ /*-------------------------------------------------*/ .aggienetworkvideoembed-container { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 700px; height: auto; } .aggienetworkvideoembed-responsive { position: relative; padding-bottom: 56.25%; background-color: #000; overflow: hidden; cursor: pointer; } .aggienetworkvideoembed-responsive img { width: 100%; top: 0; left: 0; opacity: 0.8; } .aggienetworkvideoembed-responsive .play-button { width: 75px; height: 50px; background-color: #562626; z-index: 1; opacity: 0.8; border-radius: 4px; } .aggienetworkvideoembed-responsive .play-button:before { content: ""; border-style: solid; border-width: 10px 0 10px 21px; border-color: transparent transparent transparent #fff; } .aggienetworkvideoembed-responsive img, .aggienetworkvideoembed-responsive .play-button { cursor: pointer; } .aggienetworkvideoembed-responsive img, .aggienetworkvideoembed-responsive iframe, .aggienetworkvideoembed-responsive .play-button, .aggienetworkvideoembed-responsive .play-button:before { position: absolute; } .aggienetworkvideoembed-responsive .play-button, .aggienetworkvideoembed-responsive .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .aggienetworkvideoembed-responsive .play-button:before { transform: translate3d( -45%, -50%, 0 ); } .aggienetworkvideoembed-responsive iframe { height: 100%; width: 100%; top: 0; left: 0; } /*chatbot overrides*/ #engt-container .engt-launcher-button, #engt-offline-container .engt-launcher-button { width: 50px !important; height: 50px !important; } #engt-container.engt-acquire .engt-launcher-button { background-size: 50px 50px !important; } #engt-container .engt-launcher { bottom: 10px !important; right: 10px !important; width: 50px !important; height: 50px !important; } a.engt-boxclose { margin-top: 0 !important; margin-right: 0 !important; border-radius: 50% !important; padding: 25px 17px !important; } #engt-conversation.engt-conversation.engt-sheet.engt-sheet-active.engt-active { height: 100%; max-height: 550px !important; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .mainpostpagepostauthor a { color: #333; } .tripImage { margin-right:15px; margin-top:5px; height: auto; border: 3px solid #fff; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc } .triptr { min-height: 150px; margin-top:15px; } .tripName { font-weight: bold; font-size:18px; } .mainpostpagepostdate .alert { padding: 5px; } .newsRepeater { padding-bottom: 25px; } .newsRepeater p span {font-size:17px; line-height:17px; } .lpLabelR a { font-size: 14px; font-weight: normal; display:inline-block;margin-left:20px; } .newsSummary { white-space: nowrap; width: 100%; /* IE6 needs any width */ overflow: hidden; /* "overflow" value must be different from visible"*/ -o-text-overflow: ellipsis; /* Opera < 11*/ text-overflow: ellipsis; /* IE, Safari (WebKit), Opera >= 11, FF > 6 */ } .listservBox input[type=submit] { display:block; } .infoBox2, .infoBox3, .infoBox4 { box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.24); margin-bottom: 40px; background-color: #f9f9f9; padding: 25px; } .infoBox4 td, .infoBox4 th { padding: 10px; } .postimagethumb img { max-width: 150px !important; } .infoBox3 { box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.24); } .infoBox4 { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24); } .emailTips { font-weight: bold; } .infoBox2 li { padding-bottom: 20px; } .tip { display: none; } .primaryEmail, .aliasName { font-weight: bold; font-size: 1.2em; font-family: Tahoma; margin-bottom: 10px; display: block; } .aliasName { font-size: .9em; } .aliases { list-style-type: none; margin: 0; padding: 0; } .aliases li { padding-bottom: 35px; } .jstree-default .jstree-anchor { height: 38px !important; } .expfilesize { font-size: 13px; display: inline-block; margin-left: 10px; color: #777; } button.tagTopics { margin-right: 25px; } div.topicInfo { height: 140px; overflow: hidden; } div.topic { box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.24); margin-bottom:40px; background-color:#efefef; padding:25px; } div.topic h3 { color:#500000; font-size:20px; margin-top:0; } div.topic p { font-size:.9em; } .adminTopic div.topic { background-color: #e5f3f9; } .email-input { width: 250px; max-width: 100%; } ol.progtrckr { display: table; list-style-type: none; margin: 10px 0 20px 0; padding: 0; table-layout: fixed; width: 100%; } ol.progtrckr li { display: table-cell; text-align: center; line-height: 3em; } ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; } ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; } ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; } ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; } ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; } ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; } ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; } ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; } ol.progtrckr li.progtrckr-done { color: black; border-bottom: 4px solid #500000; } ol.progtrckr li.progtrckr-active { color: black; border-bottom: 4px solid #500000; } ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px solid silver; } ol.progtrckr li:after { content: "\00a0\00a0"; } ol.progtrckr li:before { position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em; } ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: white; background-color: #500000; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em; } ol.progtrckr li.progtrckr-todo:before { content: "\039F"; color: silver; background-color: white; font-size: 1.5em; bottom: -1.6em; } ol.progtrckr li.progtrckr-active:before { content: "\039F"; color: #500000; background-color: white; font-size: 1.5em; bottom: -1.6em; } form {padding:0 !important;margin:0 !important;} label {font-weight:normal;} .lsSub { width: 210px; border: solid 1px #666; background-color: #efefef; font-family: Tahoma; font-size: 12px; padding: 4px; } .lsEmail { padding: 3px 0; } .lsName { width: 100px; float: left; padding: 3px 0; } .gala label {padding-left:15px;font-size:20px; color:#500000;} .galaGuests div {padding-top:15px;} .galaGuests p {padding:0;margin:0;} .giveLbl {font-size: 120%;margin-top:25px;font-weight:bold; background-color:#f1f1f1;padding:7px; color: #333; letter-spacing:1px;margin-bottom:10px;} .giveLblOptional {font-size: 110%;margin-top:25px;font-weight:bold;padding:2px; color: #333;} .error, .error ul li {color:#ff0000;} .row img {max-width:100%;} .padbottom {margin-bottom:15px;} .postImg img {max-width:100%;margin-bottom:6px; padding-left:3px; max-height:250px;} @media (max-width: 720px) { .postImg img {max-height:140px;} } .postPriImg img {max-width:100%;} .postPriImg {min-height:70px;} .social-section {font-family:Century Gothic, Sans-Serif; font-size:1.3em; background-color:#e3e3e3;padding:10px;margin:35px 0 10px 0;font-weight:bold;} .social-section a {font-weight:normal;font-size:.8em;margin-left:25px;} .social-wrap {padding-bottom:10px;margin-left:5px;border-bottom:solid 1px #e3e3e3;margin-bottom:10px;} .social-sub-cat {font-weight:normal;display:inline-block;width:250px;padding-left:30px;float:left;padding-top:10px;} .social-cat {font-weight:normal;display:inline-block;width:280px;float:left;padding-top:10px;} .social-f {width:32px;height:32px;background-image:url(/images/social/f.png);border:0;display:inline-block} .social-t {width:32px;height:32px;background-image:url(/images/social/t.png);border:0;display:inline-block} .social-l {width:32px;height:32px;background-image:url(/images/social/in.png);border:0;display:inline-block} .social-fl {width:32px;height:32px;background-image:url(/images/social/flickr32.png);border:0;display:inline-block} .social-y {width:71px;height:26px;background-image:url(/images/social/youtube-26h.png);border:0;display:inline-block} .social-p {width:32px;height:32px;background-image:url(/images/social/p32.png);border:0;display:inline-block} .social-i {width:32px;height:32px;background-image:url(/content/f1/images/socialicons/instagram.svg);border:0;display:inline-block; background-size:32px 32px} .social-snap {width:32px;height:32px;background-image:url(/images/social/snapchat.png);border:0;display:inline-block; background-size:32px 32px} .social-list {display:inline-block;padding:0;margin:0;margin-top:5px;} .social-list li {display:inline;padding:0 15px 0 0;margin:0;} .qaDiv {margin-bottom:25px;padding-bottom:25px;border-bottom:solid 1px #ccc;} .qaQuestion {font-size:1.2em;font-weight:bold;} .qaAnswer {padding:10px 0 0 20px;color:#444;} .qaAnswer li, .qaAnswer ol {padding:0;margin:10px;} .tree div { min-height:40px !important; } .validation-summary-errors, .field-validation-error { color: #FF0000; } .field-validation-valid { display: none; } .agNewsWrapImg2 { float: left; color: #000; background-color: #f2f2f2; border: solid 1px #eee; margin: 2px 10px 12px 0px; padding: 4px; } .inputField8 { color:#666; } .inputField8 a, .inputField8 a:hover, .inputField8 a:visited {font-family:Tahoma;font-size:.9em;margin-top:8px;} .badCalDay { background-image: url(//a2.aggienetwork.com/images/badCalDate.gif); background-repeat: no-repeat; } .question span { position: relative; display: inline-block; width: 25px; height:15px; background:url('../images/question60.png') center center no-repeat; background-size: 15px 15px; -moz-background-size: 15px 15px; margin-left:5px; } .editPencilClass {position:relative;top:0px;z-index:3;width:400px;} .question span:hover {background:url('../images/question60h.png') center center no-repeat; background-size: 15px 15px; -moz-background-size: 15px 15px; } a.editLink, a.editLink:visited {padding:3px;color:#336699;font-size:12px;padding-right:10px;font-weight:normal;margin-left:5px;text-transform:none; letter-spacing:normal;} a.editLink:hover {color:#0033cc;text-decoration:underline;font-weight:normal;font-size:12px;text-transform:none;letter-spacing:normal;} a.actionLink, a.actionLink:visited {padding:3px;color:#ffffff;font-size:12px;padding-right:10px;font-weight:normal;margin-right:20px;background-color:#5588bb; background-image:url('/images/aggieprofile/rightedge.png'); background-position:right; background-repeat:no-repeat;} a.actionLink:hover {background-color:#336699;color:#ffffff;text-decoration:none;font-weight:normal;font-size:12px;} .blockHeader {font-weight:bold;font-size:17px;color:#aaaaaa;border-bottom: dotted 1px #aaaaaa;padding-bottom:5px;margin-top:20px;margin-bottom:10px;clear:both;} .blockHeaderNoPad {font-weight:bold;font-size:17px;color:#aaaaaa;padding-bottom:5px;clear:both;} .privacyInfo {font-weight:normal;font-size:12px;color:#999;margin-left:5px; text-transform:none;letter-spacing:normal;} a.privacyInfo , a.privacyInfo:visited {font-weight:normal;font-size:12px;color:#999;margin-left:5px; text-decoration:none;} a.privacyInfo:hover {font-weight:normal;font-size:12px;color:#0a45a5;text-decoration:underline;margin-left:5px;} .dividerBlock {padding-top:10px;margin-top:10px;padding-bottom:10px;font-size:13px;color:#333333;} .adminBio {padding-bottom:5px;} .adminBioLbl {color:#333;font-size:11px;} .adminBlock {border: solid 1px #ccc; border-top:solid 6px #004400;margin-top:15px;padding:5px; background-color:#fff} .profileBlock {border: solid 1px #ccc; border-top:solid 5px #660000; margin-top:20px;padding:10px; background-color:#fff} .blockHeaderNoBorder {font-weight:bold;font-size:18px;color:#999;padding-bottom:5px;margin-top:5px;margin-bottom:10px;clear:both; letter-spacing: 1px;} .adminBlockHeader {font-weight:bold;font-size:15px;color:#333;padding-bottom:5px;margin-top:5px;margin-bottom:10px;clear:both; } .subBlockHeader {color:#333333; font-weight:bold;} .totalYearsSub {text-align:center; font-size:12px;font-weight:normal;} .totalYears {background-image:url(../images/givingyearsbg.jpg);text-align:center; width:75px;padding-top:5px;padding-bottom:5px;margin:auto;color:#ffffff; background-color:#500000;font-size:30px;font-weight:bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow: 2px 2px 3px rgba(1,1,1,0.6);margin-bottom:15px; text-shadow:1px 1px #444;border:solid 1px #908058;} .profileInfo {font-size:13px;font-family:Tahoma;font-weight:normal;} ul.profileInfo2 {list-style-type:none;font-size:13px !important;font-family:Tahoma;font-weight:normal;padding-left:30px;} ul.profileInfo {list-style-type:none;font-size:13px !important;font-family:Tahoma;font-weight:normal;padding-left:10px;} ul.profileInfo li span {padding-top:5px;font-size:13px !important;} .textBox {font-family:Tahoma;color:#666;font-size:13px;} .editor-label, .display-label {font-family:Tahoma;color:#666;font-size:13px;margin-top:8px;} .privacyCats { background-color:#500000; color:#fff; font-weight:bold; font-size:16px;padding:5px;margin-top:25px;margin-bottom:5px;} .privacyNotes {font-size:12px;color:#999;} .privacySection1 {width:55%;float:left;padding:8px;} .privacySection2 {width:35%;float:right;padding:8px;} .privacySection1h {width:55%;float:left;padding:8px;} .privacySection2h {width:35%;float:right;font-weight:normal;padding:8px;font-size:14px;} .privacyWrapper {width:600px; margin:auto} @media (max-width: 600px) { .privacyWrapper {width:90%; margin:auto} } .profContactLabel {text-align:left; margin-right:20px} @media (min-width: 980px) and (max-width: 1199px) { .profContactLabel {text-align:right; margin-right:20px} } @media (min-width: 1200px) { .profContactLabel {text-align:right; margin-right:20px} } .bigInput {font-size:18px;color:#000000;margin-top:3px;padding:2px;} .profContactField {color:#666;font-size:13px;padding-top:15px;} .profContactField3 {color:#666;font-size:13px;padding-top:15px;} .profContactField2 {color:#666;font-size:13px;padding-top:15px;} .profContactDivider {margin:auto;width:99%; padding-top:15px;border-bottom:solid 1px #999;} .infoBoxFB { padding:10px; border: solid 3px #3b5998; background-color:#6d84b4; color:#fff; cursor: pointer; font-family: Tahoma; } .loginForm {} .infoBox {padding:10px; background-color:#f1f1f1;border:solid 2px #666;font-family:Tahoma, Sans-Serif;font-size:13px;} .infoBox p {color:#444;font-family:Tahoma, Sans-Serif;font-size:13px;} .infoBox a, .infoBox a:visited, .infoBox a:hover {font-family:Tahoma, Sans-Serif;} .infoBox ol {padding-left:30px;margin-bottom:0;} .infoBox li {color:#444;font-family:Tahoma, Sans-Serif;font-size:13px;padding-bottom:5px;} .infoBoxFB label { cursor: pointer; } .infoBoxFB input { cursor: pointer; } .tributeLinks { background: #500000; background: -moz-linear-gradient(top, #500000, #000); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#500000), to(#000)); border: solid 1px #333;padding:15px 7px 15px 7px; -moz-border-radius: 4px;-webkit-border-radius: 4px ; border-radius: 4px; width:100%; text-align:center;margin:auto;margin-bottom:10px; float:left;clear:left;color:#fff;font-weight:bold;text-shadow: 1px 1px 1px #000;font-size:13px; } .tributeSort { font-weight:normal; margin-left:10px; padding-left:13px; } .tributeSortAsc { font-weight:bold; background-image: url(images/up.png); background-repeat:no-repeat; margin-left:10px; padding-left:13px; } .tributeSortDesc { font-weight:bold; background-image: url(images/down.png); background-repeat:no-repeat; margin-left:10px; padding-left:13px; } .tributeList img { float:left; margin-right: 20px; margin-bottom:20px; border: solid 4px #ccc; } .tributeLinks:visited {color:#fff;} .tributeLinks:hover, .tributeLinks:hover a { background: #e7e4d0;background: -moz-linear-gradient(top, #e7e4d0, #cecaad); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e4d0), to(#cecaad)); color:#660000;text-shadow: 1px 1px 1px #fff; } .tribImg {float:left;margin-right:20px;margin-bottom:15px;} .eventName {font-size:1.2em;font-weight:bold;} .eventDates {color:#666; margin-bottom:8px;} ul.pad10 li {padding: 10px;} ul.cleanLi { list-style-type:none;margin:5px;padding:5px;padding-top:0;} ul.cleanLi li {padding:10px;} ul.cleanInline { list-style-type:none;margin:0;padding:0;padding-top:0;} ul.cleanInline li {padding-right:14px;display:inline;} ul.whoAttends { list-style-type:none;margin:5px;padding:5px;padding-top:0;} ul.whoAttends li.reg {padding: 3px;} ul.whoAttends li.guest {padding: 3px;padding-left:26px;} .lbthumb2 { background-color: #f2f2f2; padding:4px; margin-right:10px;margin-bottom:10px; border: 1px solid #ecebeb; } .progress { display: none; position: fixed; top: 50%; left : 50%; margin-top: -32px; margin-left: -216px; } .lpLabelR { background-color:#500000; margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: 700; font-family: Arial, Helvetica; text-shadow: 1px 1px 1px #000; padding: 10px; } .lpLabelR a, .lpLabelR a:visited, .lpLabelR a:hover { color: #FFFFFF; } .lpItem2Img { margin-top:15px; margin-right:15px; margin-bottom:0; } .lpItem2 { color: #454545; font-size: .9em; padding: 0; padding-top:0px; } .lpItem2 ul { margin-top: 5px; margin-bottom: 0; margin-left: 0; padding-left: 0; } .lpItem2 li { display: inline; border-right: solid 1px #ccc; padding-right: 5px; } .lpItem2Br, .multiDivSpacer { clear: both; height: 20px; } .lpItem2 img, .lpItem2 img:hover, .multiDiv img, .multiDiv img:hover { float: left; margin-right: 20px; } .lpItem2 a, .lpItem2 a:visited, .lpItem2 a:hover, .dockContent a, .dockContent a:visited, .dockContent a:hover, .multiDiv a, .multiDiv a:visited, .multiDiv a:hover { font-size: 13px; } .lpItem2H, a.lpItem2H, a.lpItem2H:visited, a.lpItem2H:hover { font-size: 18px; } /* Get the bourbon mixin from http://bourbon.io */ /* media queries at bottom */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; line-height: 94px; outline: 1px solid transparent; overflow: hidden; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ddd; text-shadow: 0 1px 2px #000; text-align: center; background-color: #562626; border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #500000; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @media screen and (max-width: 979px) { .countdownClock { zoom: 0.7; -moz-transform: scale(0.7); z-index:0; } .flip-clock-wrapper ul li a div div.inn { font-size: 60px; } } @media screen and (max-width: 500px) { .countdownClock { zoom: 0.4; -moz-transform: scale(0.4); z-index:0; } .flip-clock-wrapper ul li a div div.inn { font-size: 30px; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 20000; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 20000; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * Fine Uploader * * Copyright 2013-present, Widen Enterprises, Inc. * * Version: 5.10.0 * * Homepage: http://fineuploader.com * * Repository: git://github.com/FineUploader/fine-uploader.git * * Licensed only under the MIT license (http://fineuploader.com/licensing). */ .field-validation-error { font-size: 14px; } #filesubmitform { position: relative; display: block; margin: 0 auto; padding: 30px; width: 100%; max-width: 460px; } .qq-uploader { position: relative; display: block; margin: 0 0 40px 0 !important; padding: 10px; text-align: center; background: rgba(238, 233, 233, 0.25); border: 1px dashed rgba(138, 102, 102, 0.5); border-radius: 4px; } .qq-uploader.active, .qq-uploader:hover.active { border: 1px solid rgba(138, 102, 102, 1); } .qq-uploader-content { padding: 10px; font-size: 14px; font-weight: 400; color: #8a6666; text-align: center; letter-spacing: 1px; z-index: 1; } .qq-uploader-content .drophere { position: relative; display: block; margin: -10px 0 0; } .qq-uploader:hover {border: 1px dashed rgba(138, 102, 102, 1)} .qq-uploader-content .iconstack { position: relative; display: block; margin: 0 auto; width: 70px; height: 70px; text-align: center; } .qq-uploader-content .iconstack .icon { position: absolute; display: block; margin: -10px auto 0; padding: 0; width: 70px; height: auto; } .qq-uploader .qq-uploader-content .iconstack .icon #foreground path { fill: rgba(138, 102, 102, 0.5); } .qq-uploader:hover .qq-uploader-content .iconstack .icon #foreground path, .qq-uploader .qq-upload-drop-area-active ~ .qq-uploader-content .iconstack .icon #foreground path { fill: rgba(138, 102, 102, 1); } .qq-uploader .qq-uploader-content .iconstack .icon.imageicon { transition: all 0.1s ease-out; } .qq-uploader:hover .qq-uploader-content .iconstack .icon.imageicon, .qq-uploader .qq-upload-drop-area-active ~ .qq-uploader-content .iconstack .icon.imageicon { opacity: 0; transform: scale(0) } @@-webkit-keyframes pop { 50% { transform: scale(1.2) } } @@keyframes pop { 50% { transform: scale(1.2) } } .qq-uploader .qq-uploader-content .iconstack .icon.circleaddicon { opacity: 0; transform: scale(0); transition: all 0.1s ease-out; } .qq-uploader:hover .qq-uploader-content .iconstack .icon.circleaddicon, .qq-uploader .qq-upload-drop-area-active ~ .qq-uploader-content .iconstack .icon.circleaddicon { opacity: 1; transform: scale(1); -webkit-animation: pop 0.2s linear; } .qq-uploader ~ .qq-upload-drop-area-active {border: 1px solid rgba(138, 102, 102, 1);} .submissiondetails { position: relative; display: block; text-align: center; } .submissiondetails p { margin: 0 0 20px; font-size: 16px; line-height: 22px; } .submissiondetails p:first-child { margin: 20px 0 20px; } .qq-btn { box-shadow:0 1px 1px rgba(255,255,255,.37) inset,1px 0 1px rgba(255,255,255,.07) inset,0 1px 0 rgba(0,0,0,.36),0 -2px 12px rgba(0,0,0,.08) inset; padding:3px 4px; border:1px solid #CCC; border-radius:2px; color:inherit; background-color:#FFF } .qq-upload-delete,.qq-upload-pause,.qq-upload-continue { position: relative; display:inline } .qq-upload-delete { position:absolute; top:0; right:7px; width:20px; height:20px; background:none; border:none; outline:none; z-index:4; -webkit-appearance: none; -moz-appearance: none; appearance: none } .qq-upload-delete svg { position:relative; display:block; width: 20px; height:20px; pointer-events:none; } .qq-upload-delete svg #foreground path { fill: rgb(241,150,150) } .qq-upload-cancel { background-color:#F5D7D7; border-color:#e6c8c8 } .qq-upload-cancel:hover { background-color:#ffe1e1 } .qq-upload-retry { background-color:#EBF6E0; border-color:#d2ddc7 } .qq-upload-retry:hover { background-color:#f7ffec } .qq-upload-pause,.qq-upload-continue { background-color:#00ABC7; color:#FAFAFA; border-color:#2dadc2; text-shadow:0 1px 1px rgba(0,0,0,.55) } .qq-upload-pause:hover,.qq-upload-continue:hover { background-color:#0fbad6 } .qq-upload-button { position:absolute; top:0; left:0; bottom:0; width:100%; height: 100%; text-align:center; background:transparent; z-index:2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3 } .qq-upload-drop-area span { display:block; position:absolute; top:50%; width:100%; margin-top:-8px; font-size:16px } .qq-upload-extra-drop-area { position:relative; margin-top:50px; font-size:16px; padding-top:30px; height:20px; min-height:40px } .qq-upload-list { position:relative; margin:0; padding: 0; list-style:none } .qq-upload-list li { position:relative; display:inline-block; margin:0; padding:10px 10px 8px; width: 25%; font-size:14px; line-height:14px } .qq-upload-file { display:inline-block; width:100%; font-size:14px; line-height:14px; text-overflow:ellipsis; white-space:nowrap; overflow-x: hidden; -ms-overflow-style: none; overflow:-moz-hidden-unscrollable } .qq-upload-file::-webkit-scrollbar { display:none } .qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue { font-size:12px; line-height:12px; font-weight:400; cursor:pointer; vertical-align:middle; color: #777; } .qq-upload-status-text { font-size:14px; font-weight:700; display:block } .qq-upload-failed-text { display:none; font-style:italic; font-weight:700 } .qq-upload-failed-icon { display: none; width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-fail .qq-upload-failed-text { display: inline; } .qq-upload-retrying .qq-upload-failed-text { display: inline; } .qq-upload-list li.qq-upload-fail { background-color: #F5D7D7; color: #424242; border-bottom: 1px solid #DECACA; border-top: 1px solid #FCE6E6; } INPUT.qq-edit-filename { position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: -1; -ms-filter: "alpha(Opacity=0)"} .qq-upload-file.qq-editable { cursor: pointer; margin-right: 4px; } .qq-edit-filename-icon.qq-editable { display: inline-block; cursor: pointer; } INPUT.qq-edit-filename.qq-editing { position: static; height: 28px; padding: 0 8px; margin-right: 10px; margin-bottom: -5px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(Opacity=100)"} .qq-edit-filename-icon { display: none; background: url(/images/fine-uploader/edit.gif); width: 15px; height: 15px; vertical-align: text-bottom; margin-right: 16px; } .qq-hide { display: none; } .qq-thumbnail-selector-container { position: relative; display: block; margin-bottom: 10px; width: 75px; height: 75px; border-radius: 4px; overflow: hidden; } .qq-uploader DIALOG { display: none; } .qq-uploader DIALOG[open] { display: block; color: #777; border: none; border-radius: 4px; } .qq-uploader DIALOG { display: none; } .qq-uploader DIALOG[open] { display: block; } .qq-uploader DIALOG .qq-dialog-buttons { text-align: center; padding-top: 10px; } .qq-uploader DIALOG .qq-dialog-buttons BUTTON { padding: 5px 10px 3px; font-family: "proxima-nova-extra-condensed", sans-serif; font-weight: 800; font-size: 16px; line-height: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #562626; border: 1px solid #562626; outline: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .qq-uploader DIALOG .qq-dialog-message-selector { padding-bottom: 10px; } .qq-uploader DIALOG::backdrop { background-color: rgba(0, 0, 0, .7); } /*.qq-upload-button-hover{background:#33B6CC} .qq-upload-button-focus{outline:1px dotted #000} .qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{margin-right:12px;display:inline} .qq-upload-spinner{display:inline-block;background:url(/images/fine-uploader/loading.gif);width:15px;height:15px;vertical-align:text-bottom} .qq-drop-processing{display:block} .qq-drop-processing-spinner{display:inline-block;background:url(/images/fine-uploader/processing.gif);width:24px;height:24px;vertical-align:text-bottom} .qq-upload-list li.qq-upload-success{background-color:#EBF6E0;color:#424242;border-bottom:1px solid #D3DED1;border-top:1px solid #F7FFF5} .qq-progress-bar{display:block;display:block;background:#00abc7;width:0;height:15px;border-radius:6px;margin-bottom:3px} .qq-total-progress-bar{height:25px;border-radius:9px}.qq-total-progress-bar-container{margin-left:9px;display:inline;float:right;width:500px}*/ [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 990px; } /*-----------------------------EVENT REGISTRATION STYLES------------------------------*/ .eventbutton { margin: -15px 0 30px 20px; padding: 0.2em 0.8em; width: auto; float: right; font-family:"Futura-CondensedMedium"; font-size:1.1em; letter-spacing: 1px; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 5px; -webkit-transition:0.1s all linear; -moz-transition:0.1s all linear; -ms-transition:0.1s all linear; -o-transition:0.1s all linear; transition:0.1s all linear; text-shadow: none; } .eventbutton::-moz-focus-inner { border: 0px; outline: none; } .eventbutton:focus,.slidebutton:current { outline: none; } .eventbutton:hover { text-decoration: none; } .eventbutton.dark { background: #500000; color: #fff; border: 1px solid #500000; } .eventbutton.light { background: #eee; color: #888; border: 1px solid #ccc; } .eventbutton.left { float: left; margin: -15px 0 30px 0; } #eventinfo { width: 100%; margin: 30px auto 30px auto; } .pagetitle { font-family: "Futura", Helvetica, sans-serif; font-weight: normal; color: #333; font-size: 1.5em; margin: 0; padding: 0; } .pagesubtitle { font-family: "Warnock", sans-serif; color: #888; font-size: 1.1em; margin: 5px 0 0 0; padding: 0; } #progressbar { width: 100%; margin: 0 auto 30px auto; overflow: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; line-height: 2.25em; } #progressbar ul { margin: 0; padding: 0; list-style-type: none; } #progressbar ul li { float: left; width: 24.934211%; text-align: center; border-left: 1px solid #ccc; font-family: "Futura-CondensedMedium", Helvetica, sans-serif; color: #888; font-size: 1.25em; margin:0; } #progressbar ul li.first { border-left: none; } #progressbar ul li.active { background: #ccc; color: #fff; } #progressbar ul li.complete { background: #eee; color: #ccc; } .panel { position: relative; display: block; width: 100%; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } .panel_title { background: #bbb; text-shadow: 1px 1px 1px #999; padding: 5px 15px 5px 15px; margin-bottom: 10px; font-family: "Futura", Helvetica, sans-serif; color: #fff; font-size: 1.1em; letter-spacing: 1px; } .panel_titlebutton { float: right; font-size: 0.8em; margin-top: 2px; } .panel_content { padding: 0 15px 0 15px; } .panel_content p { font-family: Helvetica, sans-serif; color: #888; font-size: 1em; line-height: 1.3em; } .panel_item { margin-bottom: 40px; } span.autoinfo { padding-top: 3px; font-family: Helvetica, sans-serif; font-size: 1em; line-height: 1.65em; color: #888; } p.panel_itemtitle { font-family: "Futura", Helvetica, sans-serif; color: #333; font-size: 1.1em; margin: 20px 0 5px 0; letter-spacing: 1px; } p.panel_itemsubtitle { font-family: Helvetica, sans-serif; color: #888; font-size: 1em; letter-spacing: 1px; margin: 0; padding: 0; } .panel_content fieldset { border: 0; margin: 0; padding: 0; } .formlabel { font-family: "Futura", Helvetica, sans-serif; font-size: 1em; color: #333; font-weight: normal; width: 125px; text-align: right; float: left; margin-right: 10px; } .stackedformlabel { font-family: "Futura", Helvetica, sans-serif; font-size: 1em; color: #333; font-weight: normal; float: left; margin-right: 10px; } .stacked { margin-top: 5px; } .panel_content select { font-family: Helvetica, sans-serif; font-size: 0.9em; color: #888; outline: 0; width: 30.9%; vertical-align: middle; } .panel_content input { outline: 0; font-family: Helvetica, sans-serif; font-size: 0.9em; color: #888; } .panel_content input.longtext { width: 30%; } .panel_content input.shorttext { width: 10%; margin-left: 10px; } .buttonrow { width: 100%; text-align: right; } span.darktitle { color: #333; padding: 0; } .panel_itemoption { font-family: Helvetica, sans-serif; color: #888; margin-left: 30px; } .panel_itemsuboption { margin: -10px 0 0 80px; } .panel_itemoption select { display:block; margin: 5px 0 10px 25px; } /* Summary Panel Specific Styles */ .summaryentry { clear: both; margin-top: 20px; } p.guestname { float: left; margin: 0; padding-bottom: 3px; } p.guesttotal { float: right; margin: 0; padding-bottom: 3px; } p.guestsessions { clear: both; margin: 3px 0 0 20px; padding: 0; font-size: 0.9em; } .summarytotal { clear: both; padding-top: 15px; } p.total { float: left; color: #333 } p.totalamount { float: right; color: #333; } /* Reunion At a Glance Panel Specific Styles */ .eventmap img { max-width: 100%; opacity: 0; } .eventmap { margin-top: 15px; display: block; background-image: url("http://maps.google.com/maps/api/staticmap?size=500x500&zoom=15&maptype=roadmap&markers=color:red|801+University+Dr+E,+College+Station,+TX+77840&sensor=false"); background-repeat: no-repeat; background-position: 50% 50%; line-height: 0; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .eventmap { background-image: url("http://maps.google.com/maps/api/staticmap?size=500x500&zoom=15&maptype=roadmap&markers=color:red|801+University+Dr+E,+College+Station,+TX+77840&sensor=false&scale=2"); background-size: 500px 500px; } } /* Payment Page Specific Styles */ .ccard img { display: block; float: left; width: 30%; margin: 0 0 0 30px; } p.cvv { clear: both; float: left; width: 10%; margin: 20px 30px 0 0; } input.cvv { width: 100%; } p.expiration { float: left; width: 40%; margin: 20px 0 0 0; } select.expiration { width: 25%; float: left; margin-right: 20px; margin-top: 7px; } p.formfullname, p.formaddress { width: 40%; margin: 20px 0 0 0; } p.formcity { float: left; width: 30%; margin: 20px 30px 0 0; } p.formstate { float: left; width: 6%; margin: 20px 30px 0 0; } p.formzip { float: left; width: 15%; margin: 20px 30px 0 0; } p.formphone { clear: both; float: left; width: 20%; margin: 20px 30px 0 0; } p.formemail { float: left; width: 35%; margin: 20px 30px 0 0; } input.formbox { width: 100%; } /* Review Page Specific Styles */ p.panel_reviewguesttitle { clear: both; font-family: "Futura", Helvetica, sans-serif; color: #333; float: left; font-size: 1.1em; margin: 10px 0 5px 0; letter-spacing: 1px; } p.panel_reviewguesttotal { font-family: "Futura", Helvetica, sans-serif; color: #333; float: right; font-size: 1.1em; margin: 10px 0 5px 0; letter-spacing: 1px; } .panel_item.review { margin-bottom: 30px; } p.panel_revieweventtitle { clear: both; font-family: Helvetica, sans-serif; color: #888; font-size: 1em; letter-spacing: 1px; margin: 0 0 0 30px; padding: 0; float: left; } p.panel_revieweventfee { font-family: Helvetica, sans-serif; color: #888; font-size: 1em; letter-spacing: 1px; margin: 0; padding: 0; float: right; } p.panel_reviewtotal { font-family: "Futura", Helvetica, sans-serif; color: #333; float: right; font-size: 1.1em; margin: 0px 0 5px 0; letter-spacing: 1px; } span.totaltitle { margin-right: 60px; } /* Confirmation Page Specific Styles */ #completionbar { width: 100%; margin: 0 auto 30px auto; overflow: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #5bc15b; } #completionbar p { font-family: "Futura-CondensedMedium", Helvetica, sans-serif; font-size: 1.3em; letter-spacing: 1px; color: #fff; padding: 6px 15px 6px 15px; margin: 0; font-weight: normal; } #completionbar img { display: block; float: left; margin: -1px 10px 0 0; width: 30px; } p.receipttitle { clear: both; font-family: "Futura", Helvetica, sans-serif; font-size: 1.4em; color: #333; margin: 15px 0 0 0; padding: 0; } p.receiptsubtitle { font-family: Helvetica, sans-serif; font-size: 1.1em; color: #888; margin: 3px 0 0 0; padding: 0; }