/* ****************************************** CPS v5 Customized/Modified CSS Overrides for Project7 Components Author: Neil Dempster ****************************************** */ /*********** Adaptive Menu Magic (AMM) */ /* Header Menu Color Scheme (rootlinks) [Note: AMM Menus normally use two different color schemes in menu code (rootlinks/subs). v5 uses a combined color scheme.] */ .p7AMM.amm-root-v5 { background-color: #2b0733; color: #FFF; } .p7AMM.amm-root-v5.amm-root-trans { background-color: rgba(0,0,0,0.85); } .p7AMM.amm-rootlinks-v5 ul a { background-color: #2b0733; color: #FFF; } .p7AMM.amm-rootlinks-v5 ul a:hover, /*.p7AMM.amm-rootlinks-v5 ul a:focus,*/ /* Removed as per P7 email 11/05/22 to stop focus on close of login 'popper' */ .p7AMM.amm-rootlinks-v5 ul a.amm-trigger.open { background-color: #7B7485; color: #2c2047; } .p7AMM.amm-rootlinks-v5 ul ul a { background-color: transparent; } .p7AMM.amm-rootlinks-v5 ul a.amm-trigger { background-image: url(img/amm-right-light.gif); } .p7AMM.amm-rootlinks-v5 ul a.amm-trigger:focus { background-image: url(img/amm-right-dark.gif); } .p7AMM.amm-rootlinks-v5 ul a.amm-trigger.open { background-image: url(img/amm-down-dark.gif); } .p7AMM.amm-active-v5 .amm-active, .p7AMM.amm-active-v5 .amm-active:hover { background-color: #2b0733; color: #FFF; } .p7AMM a.v5 { background-color: #2b0733 !important; color: #FFF !important; } .p7AMM a.v5:hover, .p7AMM a.v5:focus { background-color: rgb(255,255,255) !important; color: #000 !important; } /* Header Menu Color Scheme (subs) */ .p7AMM.amm-subs-v5subs ul ul a.amm-trigger, .p7AMM.amm-subs-v5subs ul ul a.amm-trigger:focus { background-image: url(img/amm-right-light.gif); } .p7AMM.amm-subs-v5subs ul ul a.amm-trigger.open, .p7AMM.amm-subs-v5subs ul ul a.amm-trigger:hover { background-image: url(img/amm-down-light.gif); } .p7AMM.amm-subs-v5subs ul ul { background-color: rgb(134,134,134); } .p7AMM.amm-subs-v5subs.amm-subs-trans ul ul { background-color: rgba(134,134,134,0.9); } .p7AMM.amm-subs-v5subs ul ul a { color: #FFF; } .p7AMM.amm-subs-v5subs ul ul a:hover { background-color: #2b0733; color: #FFF; } .p7AMM.amm-subs-v5subs ul ul a:focus, .p7AMM.amm-subs-v5subs ul ul a.amm-trigger.open { background-color: #7b7485; color: #fff; } .p7AMM.amm-active-v5subs .amm-active, .p7AMM.amm-active-v5subs .amm-active:hover { background-color: rgb(134,134,134); color: #FFF; } .p7AMM a.v5subs { background-color: rgb(134,134,134) !important; color: #000 !important; } .p7AMM a.v5subs:hover, .p7AMM a.v5subs:focus { background-color: rgb(0,0,0) !important; color: #FFF !important; } /* Header Menu Borders */ .p7AMM.amm-root-border { border: 1px solid rgba(0,0,0,0.75); } .p7AMM.amm-sub-borders ul ul { border: 1px solid rgba(103,21,22,0.75); } /* Red. Was Black (0,0,0) */ .p7AMM.amm-rootlink-borders ul a, .p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul li a, .p7AMM.amm-rootlink-borders ul a:hover { border: 1px solid rgba(0,0,0,0.75); } .p7AMM.amm-rootlink-borders ul ul a, .p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul ul li a, .p7AMM.amm-rootlink-borders ul ul a:hover { border: none; } /* Header Menu List Customization */ .p7AMM li a { padding: 0; padding-top: 33px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; } .p7AMM li a span { color: #2b0733; } .p7AMM li a span.icon { font-size: 16px; padding-right: 5px; } .p7AMM li a span.clock_qc { font-family: 'Orbitron', Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 700; color: #b01e2d; padding-left: 5px; position: relative; top: 1px; } .p7AMM a.amm-trigger { background-position: 4px 40px; } .p7AMM li { border-right: 1px solid rgba(123,116,133,0.6); } /*********** Drill Down Menu Magic */ /*********** Harmony Grid (HMY) */ /* Header/Footer Styling */ .hmy-color-content-v5cps { background-color: #2b0733; } /* rgb(43,7,51) */ .hmy-section p { margin: 0; line-height: 1.5; } .hmy-content.pwdform { font-size: 90%; padding: 10px 20px; } /* User Login Form (Header) */ input#email_address, input#password, input#submit, input#submit_logout { box-sizing: border-box; border: 1px solid #2c2047; padding: 10px; background-color: #919191; color: #2c2047; transition: all linear .5s; width: 100%; border-radius: 3px; } input#email_address, input#password { margin-right: 0; } input#email_address:focus, input#password:focus { background-color: #7B7485; color: #FFF; } input#email_address, input#password { max-width: 340px; } input#submit, input#submit_logout { max-width: 80px; min-width: 6em; color: #2c2047; } input#submit:hover, input#submit_logout:hover { box-shadow: 5px 5px 20px rgba(0,0,0,0.5); color: #FFF; } input::-webkit-input-placeholder { color: #2c2047; opacity: .5; } input::placeholder { color: #2c2047; opacity: .5; } input:focus::-webkit-input-placeholder { opacity: 0; } input:focus::placeholder { opacity: 0; } /* Sticky 'Content' Page */ .hmy-content.align_top { top: 60px; } /* Allows Sticky page to line up with Content page */ /* Vertical Borders between Harmony Columns */ .p7HMY .hmy-content-wrapper.hmy-border-content-right { border-right: 1px solid #2b0733; } /* Dark Eggplant */ .p7HMY .hmy-content-wrapper.hmy-border-content-left { border-left: 1px solid #2b0733; } /* Dark Eggplant */ /*********** Image Effects Magic */ /*********** Maxi Menu Magic */ /*SA7Main*/ .mxm-MAXI-sa7main-RGBA .maxisub-inner-wrapper, .mxs-Column-sa7main-RGBA.mxs-content-wrapper, .mxm-RM-sa7main-RGBA .mxm-root-ul, .mxm-RLINKS-LNK-sa7main-RGBA a.mxm-root-link, .mxm-RLINKS-HOV-sa7main-RGBA a.mxm-root-link:hover, .mxm-RLINKS-HOV-sa7main-RGBA a.mxm-trigger.open, .mxm-RLINKS-HOV-sa7main-RGBA a.mxm-maxi-trigger.open, .mxm-SLINKS-HOV-sa7main-RGBA a.mxm-sub-link:hover, .mxm-SLINKS-HOV-sa7main-RGBA a.mxm-sub-link.mxm-trigger.open, .mxm-SLINKS-LNK-sa7main-RGBA .mxm-sub-menu { background-color: rgba(43,7,51,1.0); color: #FFF; } .mxm-SLINKS-LNK-sa7main a.mxm-sub-link, .mxm-SLINKS-LNK-sa7main-RGBA a.mxm-sub-link { color: #000; } .mxm-root-link.sa7main, .mxm-sub-link.sa7main { background-color: rgb(0,0,0) !important; color: #FFF !important; } .mxm-root-link.sa7main:hover, .mxm-sub-link.sa7main:hover, a.mxm-trigger.open.sa7main, a.mxm-maxi-trigger.open.sa7main { background-color: rgb(0,0,0) !important; color: #000 !important; } .mxm-MAXI-sa7main .maxisub-inner-wrapper { background-color: rgba(123,116,133,0.9); color: #FFF; } .mxm-RL-Divider-dark a.mxm-root-link {border-bottom: 1px solid rgba(113,133,55,1.0);} .mxs-section p.submenutitle.lefttext { text-align: left; } .mxs-section p.submenutitle.centertext { text-align: center; } .mxs-section p.submenutitle.righttext { text-align: right; } .mxs-section p.submenutext.lefttext { text-align: left; } .mxs-section p.submenutext.centertext { text-align: center; } .mxs-section p.submenutext.righttext { text-align: right; } .mxs-section ol.num_white { padding-left: 10px; line-height: 1.3; list-style: decimal; font-size: 12px; color: #fff; text-align: left; } .mxs-section ol.num_white li { line-height: 1.2; padding-bottom: 5px; } /*SA7HoverSubmenu*/ .mxm-MAXI-sa7submenu-RGBA .maxisub-inner-wrapper, .mxs-Column-sa7submenu-RGBA.mxs-content-wrapper, .mxm-RM-sa7submenu-RGBA .mxm-root-ul, .mxm-RLINKS-LNK-sa7submenu-RGBA a.mxm-root-link, .mxm-RLINKS-HOV-sa7submenu-RGBA a.mxm-root-link:hover, .mxm-RLINKS-HOV-sa7submenu-RGBA a.mxm-trigger.open, .mxm-RLINKS-HOV-sa7submenu-RGBA a.mxm-maxi-trigger.open, .mxm-SLINKS-HOV-sa7submenu-RGBA a.mxm-sub-link:hover, .mxm-SLINKS-HOV-sa7submenu-RGBA a.mxm-sub-link.mxm-trigger.open, .mxm-SLINKS-LNK-sa7submenu-RGBA .mxm-sub-menu { background-color: rgba(123,116,133,0.95); color: #FFF; } .mxm-SLINKS-LNK-sa7submenu a.mxm-sub-link, .mxm-SLINKS-LNK-sa7submenu-RGBA a.mxm-sub-link { color: #fff; } .mxm-root-link.sa7submenu, .mxm-sub-link.sa7submenu { background-color: rgb(0,0,0) !important; color: #FFF !important; } .mxm-root-link.sa7submenu:hover, .mxm-sub-link.sa7submenu:hover, a.mxm-trigger.open.sa7submenu, a.mxm-maxi-trigger.open.sa7submenu { background-color: rgb(0,0,0) !important; color: #000 !important; } .mxm-MAXI-sa7submenu .maxisub-inner-wrapper { background-color: rgba(123,116,133,0.9); color: #FFF; } /*WINE*/ .mxm-MAXI-wine .maxisub-inner-wrapper, .mxs-Column-wine.mxs-content-wrapper, .mxm-RM-wine .mxm-root-ul, .mxm-RLINKS-LNK-wine a.mxm-root-link, .mxm-RLINKS-HOV-wine a.mxm-root-link:hover, .mxm-RLINKS-HOV-wine a.mxm-trigger.open, .mxm-RLINKS-HOV-wine a.mxm-maxi-trigger.open, .mxm-SLINKS-HOV-wine a.mxm-sub-link:hover, .mxm-SLINKS-HOV-wine a.mxm-sub-link.mxm-trigger.open, .mxm-SLINKS-LNK-wine .mxm-sub-menu { background-color: rgb(167,27,27); color: #FFF; } .mxm-MAXI-wine-RGBA .maxisub-inner-wrapper, .mxs-Column-wine-RGBA.mxs-content-wrapper, .mxm-RM-wine-RGBA .mxm-root-ul, .mxm-RLINKS-LNK-wine-RGBA a.mxm-root-link, .mxm-RLINKS-HOV-wine-RGBA a.mxm-root-link:hover, .mxm-RLINKS-HOV-wine-RGBA a.mxm-trigger.open, .mxm-RLINKS-HOV-wine-RGBA a.mxm-maxi-trigger.open, .mxm-SLINKS-HOV-wine-RGBA a.mxm-sub-link:hover, .mxm-SLINKS-HOV-wine-RGBA a.mxm-sub-link.mxm-trigger.open, .mxm-SLINKS-LNK-wine-RGBA .mxm-sub-menu { background-color: rgba(167,27,27,0.90); color: #FFF; } .mxm-SLINKS-LNK-wine a.mxm-sub-link, .mxm-SLINKS-LNK-wine-RGBA a.mxm-sub-link { color: #FFF; } .mxm-root-link.wine, .mxm-sub-link.wine { background-color: rgb(167,27,27) !important; color: #FFF !important; } .mxm-root-link.wine:hover, .mxm-sub-link.wine:hover, a.mxm-trigger.open.wine, a.mxm-maxi-trigger.open.wine { background-color: rgb(134,134,134) !important; color: #FFF !important; } /* CPS v5 P7 MXM Menu Color Scheme */ .mxm-RLINKS-LNK-CPS_ui_color_scheme-RGBA a.mxm-root-link { background-color: rgba(43,7,51,1.0); color: #FFF; } .mxm-MAXI-CPS_ui_color_scheme-RGBA .maxisub-inner-wrapper, .mxs-Column-CPS_ui_color_scheme-RGBA.mxs-content-wrapper, .mxm-RM-CPS_ui_color_scheme-RGBA .mxm-root-ul { background-color: rgba(123,116,133,0.95); color: #FFF; } .mxm-RLINKS-HOV-CPS_ui_color_scheme-RGBA a.mxm-root-link:hover, .mxm-RLINKS-HOV-CPS_ui_color_scheme-RGBA a.mxm-trigger.open, .mxm-RLINKS-HOV-CPS_ui_color_scheme-RGBA a.mxm-maxi-trigger.open, .mxm-SLINKS-LNK-CPS_ui_color_scheme-RGBA .mxm-sub-menu { background-color: rgba(123,116,133,0.95); color: #FFF; } .mxm-SLINKS-LNK-CPS_ui_color_scheme-RGBA a.mxm-sub-link { color: #fff; } .mxm-SLINKS-HOV-CPS_ui_color_scheme-RGBA a.mxm-sub-link.mxm-trigger.open, .mxm-SLINKS-HOV-CPS_ui_color_scheme-RGBA a.mxm-sub-link:hover { background-color: rgba(137,41,27,0.50); color: #FFF; } .mxm-RL-Divider-dark-CPS_ui_color_scheme-RGBA a.mxm-root-link, .mxm-SL-Divider-dark-CPS_ui_color_scheme-RGBA a.mxm-sub-link {border-bottom: 1px solid rgba(43,7,51,1.0);} .p7MXS .mxs-content-wrapper.mxs-border-content-all { border: 1px solid rgba(137,41,27,0.90); } /*********** Panache */ /*********** Quick Grid Magic */ /*********** Scroll to Element */ /*********** Scroll to Top */ /*For old browsers*/ .p7STT.dark { background-color: #222; color: #AAA; } /*End Older Browsers*/ .p7STT.dark { background: rgba(56,78,106,0.8); } .p7STT.dark .p7STT-anchor { color: #c0c0c0; } .p7STT.dark .p7STT-anchor:hover { color: #fff; } .p7STT.right { font-size: 2.0rem; } /* Arrow/Box for Scroll to Top */ .p7STT-anchor i:before { content: "\219f"; } /* changed from 2191 (single head arrow) */