body { font-weight: 400; font-size: 1rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.6; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; background-color: #fff; } a { color: #002344; outline: none; } a:focus, a:hover { color: #8c1b1b; } .nav-link { color: #444; } .nav-link:focus, .nav-link:hover { color: #444; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { background-color: #002344; } ::selection { background-color: #002344; } .g-bg-primary ::-moz-selection { color: #002344; } .g-bg-primary ::selection { color: #002344; } /*------------------------------------ Alerts ------------------------------------*/ /*------------------------------------ Arrows ------------------------------------*/ .u-arrow-custom-v3:hover .u-arrow-icon-before, .u-arrow-custom-v3:hover .u-arrow-icon-after { background-color: #002344; } .u-arrow-custom-v4:hover .u-arrow-icon { color: #002344; } .u-arrow-custom-v7:hover .u-arrow-icon { color: #002344; } .u-arrow-custom-v8:hover .u-arrow-icon { color: #002344; } .u-arrow-custom-v14::before, .u-arrow-custom-v14::after, .u-arrow-custom-v14 .u-arrow-icon::before, .u-arrow-custom-v14 .u-arrow-icon::after { background: #002344; } /*------------------------------------ Badges ------------------------------------*/ [class*="u-badge"] { color: #444; } /*------------------------------------ Badges v1 ------------------------------------*/ /*------------------------------------ Badges v2 ------------------------------------*/ /*------------------------------------ Badges v3 ------------------------------------*/ /*------------------------------------ BG Angles ------------------------------------*/ /*------------------------------------ Nonstandart BG's ------------------------------------*/ .u-triangle-v1.u-triangle-top.g-bg-primary::before, .u-triangle-v1.u-triangle-left.g-bg-primary::before, .u-triangle-v1-2.u-triangle-top.g-bg-primary::before, .u-triangle-v1-2.u-triangle-left.g-bg-primary::before, .u-triangle-v2.u-triangle-top.g-bg-primary::before, .u-triangle-v2.u-triangle-left.g-bg-primary::before, .u-triangle-v5.u-triangle-top.g-bg-primary::before, .u-triangle-v5.u-triangle-left.g-bg-primary::before, .u-triangle-v6.u-triangle-top.g-bg-primary::before, .u-triangle-v6.u-triangle-left.g-bg-primary::before { border-bottom-color: #002344; } .u-triangle-v1.u-triangle-bottom.g-bg-primary::before, .u-triangle-v1.u-triangle-right.g-bg-primary::before, .u-triangle-v1-2.u-triangle-bottom.g-bg-primary::before, .u-triangle-v1-2.u-triangle-right.g-bg-primary::before, .u-triangle-v2.u-triangle-bottom.g-bg-primary::before, .u-triangle-v2.u-triangle-right.g-bg-primary::before, .u-triangle-v5.u-triangle-bottom.g-bg-primary::before, .u-triangle-v5.u-triangle-right.g-bg-primary::before, .u-triangle-v6.u-triangle-bottom.g-bg-primary::before, .u-triangle-v6.u-triangle-right.g-bg-primary::before { border-top-color: #002344; } .u-triangle-v1-2.u-triangle-left.g-bg-primary::before { border-right-color: #002344; } .u-triangle-v1-2.u-triangle-right.g-bg-primary::before { border-left-color: #002344; } .u-triangle-v3.u-triangle-top.g-bg-primary::before, .u-triangle-v3.u-triangle-left.g-bg-primary::before { background-image: -webkit-linear-gradient(top left, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom right, transparent 49.6%, #002344 50%); } .u-triangle-v3.u-triangle-bottom.g-bg-primary::before, .u-triangle-v3.u-triangle-right.g-bg-primary::before { background-image: -webkit-linear-gradient(bottom left, transparent 49.6%, #002344 50%); background-image: linear-gradient(to top right, transparent 49.6%, #002344 50%); } .u-triangle-v4.u-triangle-top.g-bg-primary::before, .u-triangle-v4.u-triangle-left.g-bg-primary::before { background-image: -webkit-linear-gradient(top left, transparent 49.6%, #002344 50%), -webkit-linear-gradient(top right, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom right, transparent 49.6%, #002344 50%), linear-gradient(to bottom left, transparent 49.6%, #002344 50%); } .u-triangle-v4.u-triangle-bottom.g-bg-primary::before, .u-triangle-v4.u-triangle-right.g-bg-primary::before { background-image: -webkit-linear-gradient(bottom left, transparent 49.6%, #002344 50%), -webkit-linear-gradient(bottom right, transparent 49.6%, #002344 50%); background-image: linear-gradient(to top right, transparent 49.6%, #002344 50%), linear-gradient(to top left, transparent 49.6%, #002344 50%); } .u-semicircle-v1.g-bg-primary::before { background: #002344; } @media (min-width: 768px) { .u-triangle-v1.u-triangle-left.g-bg-primary::before { border-right-color: #002344; } .u-triangle-v1.u-triangle-right.g-bg-primary::before { border-left-color: #002344; } .u-triangle-v3.u-triangle-left.g-bg-primary::before { background-image: -webkit-linear-gradient(top left, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom right, transparent 49.6%, #002344 50%); } .u-triangle-v3.u-triangle-right.g-bg-primary::before { background-image: -webkit-linear-gradient(top right, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom left, transparent 49.6%, #002344 50%); } .u-triangle-v4.u-triangle-left.g-bg-primary::before { background-image: -webkit-linear-gradient(top left, transparent 49.6%, #002344 50%), -webkit-linear-gradient(bottom left, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom right, transparent 49.6%, #002344 50%), linear-gradient(to top right, transparent 49.6%, #002344 50%); } .u-triangle-v4.u-triangle-right.g-bg-primary::before { background-image: -webkit-linear-gradient(top right, transparent 49.6%, #002344 50%), -webkit-linear-gradient(bottom right, transparent 49.6%, #002344 50%); background-image: linear-gradient(to bottom left, transparent 49.6%, #002344 50%), linear-gradient(to top left, transparent 49.6%, #002344 50%); } } .u-zigzag-top-primary { background: #002344; } .u-zigzag-top-primary::before { background: -webkit-linear-gradient(-225deg, #002344 10px, transparent 0) 0 10px, -webkit-linear-gradient(-315deg, #002344 10px, transparent 0) 0 10px; } /*------------------------------------ Tabs ------------------------------------*/ /*------------------------------------ Nonstandard Background v1 ------------------------------------*/ .u-ns-bg-v1-top.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-top::before { border-bottom-color: #002344; } .u-ns-bg-v1-bottom.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-bottom::before { border-top-color: #002344; } .u-ns-bg-v1-left.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-left::before { border-right-color: #002344; } .u-ns-bg-v1-right.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-right::before { border-left-color: #002344; } @media (min-width: 768px) { .u-ns-bg-v1-top--md.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v1-bottom--md.g-bg-primary::before { border-top-color: #002344; } .u-ns-bg-v1-left--md.g-bg-primary::before { border-right-color: #002344; } .u-ns-bg-v1-right--md.g-bg-primary::before { border-left-color: #002344; } } /*------------------------------------ Nonstandard Background v2 ------------------------------------*/ .u-ns-bg-v2-top.g-bg-primary::before, .u-ns-bg-v2-2-top.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v2-bottom.g-bg-primary::before, .u-ns-bg-v2-2-bottom.g-bg-primary::before { border-top-color: #002344; } .u-ns-bg-v2-left.g-bg-primary::before, .u-ns-bg-v2-2-left.g-bg-primary::before { border-right-color: #002344; } .u-ns-bg-v2-right.g-bg-primary::before, .u-ns-bg-v2-2-right.g-bg-primary::before { border-left-color: #002344; } @media (min-width: 768px) { .u-ns-bg-v2-top--md.g-bg-primary::before, .u-ns-bg-v2-2-top--md.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v2-bottom--md.g-bg-primary::before, .u-ns-bg-v2-2-bottom--md.g-bg-primary::before { border-top-color: #002344; } .u-ns-bg-v2-left--md.g-bg-primary::before, .u-ns-bg-v2-2-left--md.g-bg-primary::before { border-right-color: #002344; } .u-ns-bg-v2-right--md.g-bg-primary::before, .u-ns-bg-v2-2-right--md.g-bg-primary::before { border-left-color: #002344; } } /*------------------------------------ Nonstandard Background v3 ------------------------------------*/ .u-ns-bg-v3-top.g-bg-primary::before, .u-ns-bg-v3-left.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v3-bottom.g-bg-primary::before, .u-ns-bg-v3-right.g-bg-primary::before { border-top-color: #002344; } /*------------------------------------ Nonstandard Background v4 ------------------------------------*/ .u-ns-bg-v4-top.g-bg-primary::before, .u-ns-bg-v4-left.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v4-bottom.g-bg-primary::before, .u-ns-bg-v4-right.g-bg-primary::before { border-top-color: #002344; } /*------------------------------------ Nonstandard Background v5 ------------------------------------*/ [class*="u-ns-bg-v5"].g-bg-primary svg polygon, [class*="u-ns-bg-v5"].g-bg-primary svg path { fill: #002344; } /*------------------------------------ Nonstandard Background v6 ------------------------------------*/ .u-ns-bg-v6-top.g-brd-primary .u-ns-bg-before::before { border-bottom-color: #002344; } .u-ns-bg-v6-bottom.g-brd-primary .u-ns-bg-before::before { border-top-color: #002344; } .u-ns-bg-v6-left.g-brd-primary .u-ns-bg-before::before { border-right-color: #002344; } @media (min-width: 768px) { .u-ns-bg-v6-top--md.g-brd-primary .u-ns-bg-before::before { border-bottom-color: #002344; } .u-ns-bg-v6-bottom--md.g-brd-primary .u-ns-bg-before::before { border-top-color: #002344; } .u-ns-bg-v6-left--md.g-brd-primary .u-ns-bg-before::before { border-right-color: #002344; } .u-ns-bg-v6-right--md.g-brd-primary .u-ns-bg-before::before { border-left-color: #002344; } } /*------------------------------------ Nonstandard Background v7 ------------------------------------*/ .u-ns-bg-v7-top.g-bg-primary::before { border-bottom-color: #002344; } .u-ns-bg-v7-bottom.g-bg-primary::before { border-top-color: #002344; } .u-ns-bg-v7-left.g-bg-primary::before { border-right-color: #002344; } .u-ns-bg-v7-right.g-bg-primary::before { border-left-color: #002344; } .u-block-hover:hover .u-block-hover__prop-bg-primary, .u-block-hover:focus .u-block-hover__prop-bg-primary { background-color: #002344; } .u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9, .u-block-hover:focus .u-block-hover__prop-bg-primary-opacity-0_9 { background-color: rgba(57, 73, 160, 0.9); } /*------------------------------------ Blockquotes ------------------------------------*/ .u-blockquote-v3::before { color: #002344; } .u-blockquote-v7::before { background: #002344; } /*------------------------------------ Steps ------------------------------------*/ @media (min-width: 768px) { .u-steps-v1__item a { background-color: #002344; } .u-steps-v1__item a::before { background-color: #002344; } .u-steps-v1__item.active a, .u-steps-v1__item.active span { background-color: #002344; } } /*------------------------------------ Steps v2 ------------------------------------*/ @media (min-width: 768px) { .u-steps-v2__indicator { background-color: #002344; } .u-steps-v2__item a::before { background-color: #002344; } .u-steps-v2__item a .u-steps-v2__indicator { background-color: #002344; } .u-steps-v2__item:hover a { color: #002344; } .u-steps-v2__item:hover a .u-steps-v2__indicator { box-shadow: 0 0 0 3px rgba(57, 73, 160, 0.3); } .u-steps-v2__item.active a .u-steps-v2__indicator, .u-steps-v2__item.active span .u-steps-v2__indicator { background-color: #002344; } } /*------------------------------------ Steps v3 ------------------------------------*/ @media (min-width: 768px) { .u-steps-v3__indicator { background-color: #002344; } .u-steps-v3__item a::before { background-color: #002344; } .u-steps-v3__item a .u-steps-v3__indicator { color: #fff; background-color: #002344; } .u-steps-v3__item:hover a { color: #002344; } .u-steps-v3__item:hover a .u-steps-v3__indicator { box-shadow: 0 0 0 3px rgba(57, 73, 160, 0.3); } .u-steps-v3__item.active a .u-steps-v3__indicator, .u-steps-v3__item.active span .u-steps-v3__indicator { background-color: #002344; } } /*------------------------------------ Accordions ------------------------------------*/ .u-accordion-color-primary .u-accordion__header [aria-expanded="true"] { color: #002344 !important; } .u-accordion-bg-primary .u-accordion__header [aria-expanded="true"] { background-color: #002344 !important; border-color: #002344 !important; } .u-accordion-brd-primary .u-accordion__header [aria-expanded="true"] { border-color: #002344 !important; } /*------------------------------------ Carousels ------------------------------------*/ /*-------------------------------------------------- Chart Pie v1 ----------------------------------------------------*/ /*------------------------------------ Charts ------------------------------------*/ /*-------------------------------------------------- Counter v1 ----------------------------------------------------*/ /*-------------------------------------------------- Counter v6 ----------------------------------------------------*/ /*------------------------------------ Credit cards ------------------------------------*/ /* Divider Styles ------------------------------------*/ /* Divider Icons Type ------------------------------------*/ /*------------------------------------ Dropcaps ------------------------------------*/ /*------------------------------------ Go To ------------------------------------*/ /*------------------------------------ Go To v1 ------------------------------------*/ /*------------------------------------ Headers ------------------------------------*/ /* Import */ /*------------------------------------ Header Togglers ------------------------------------*/ /*------------------------------------ Fullscreen Header ------------------------------------*/ /*------------------------------------ Side Header ------------------------------------*/ /*------------------------------------ Margin For DropDown Blocks ------------------------------------*/ .js-header-change-moment.g-bg-primary--shift { background-color: #002344; } .js-header-change-moment.g-bg-primary-semi-transparent--shift { background-color: rgba(57, 73, 160, 0.9); } .u-header__section--light .navbar-brand, .u-header__section--light .navbar-toggler, .u-header__section--light--shift.js-header-change-moment .navbar-brand, .u-header__section--light--shift.js-header-change-moment .navbar-toggler { color: #444444; } .u-header__section--light .navbar-brand:focus, .u-header__section--light .navbar-brand:hover, .u-header__section--light .navbar-toggler:focus, .u-header__section--light .navbar-toggler:hover, .u-header__section--light--shift.js-header-change-moment .navbar-brand:focus, .u-header__section--light--shift.js-header-change-moment .navbar-brand:hover, .u-header__section--light--shift.js-header-change-moment .navbar-toggler:focus, .u-header__section--light--shift.js-header-change-moment .navbar-toggler:hover { color: #444444; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link { color: #444444; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover { color: #444444; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled { color: rgba(68, 68, 68, 0.5); } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active { color: #444444; } .u-header__section--light .navbar-toggler, .u-header__section--light--shift.js-header-change-moment .navbar-toggler { border-color: rgba(68, 68, 68, 0.3); } .u-header__section--light .navbar-toggler-icon, .u-header__section--light--shift.js-header-change-moment .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-main, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .u-header__section--light .navbar-text, .u-header__section--light--shift.js-header-change-moment .navbar-text { color: rgba(68, 68, 68, 0.7); } /*------------------------------------ Basket Bar ------------------------------------*/ /*------------------------------------ Searchforms ------------------------------------*/ /*------------------------------------ Searchform v1 ------------------------------------*/ /*------------------------------------ Searchform v2 ------------------------------------*/ /*------------------------------------ Searchform v3 ------------------------------------*/ /*------------------------------------ Searchform v4 ------------------------------------*/ /*------------------------------------ Searchform v5 ------------------------------------*/ /*------------------------------------ Dropdowns ------------------------------------*/ /*------------------------------------ Compressed Form ------------------------------------*/ /* Button Styles ------------------------------------*/ /* Button Content ------------------------------------*/ /* Buttons Only Icon (O) ------------------------------------*/ /* Button Sizes ------------------------------------*/ /* Button Types ------------------------------------*/ /* Button Hovers ------------------------------------*/ /* Flat Buttons ------------------------------------*/ /* Button Primary */ .u-btn-primary { background-color: #202020 !important; } .u-btn-primary:hover, .u-btn-primary.active { border-color: #4c4c4c; background-color: #4c4c4c; } .u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active { background-color: #202020; border-color: #202020; } /* Outline Buttons ------------------------------------*/ /* Outline Button Primary */ .u-btn-outline-primary { color: #002344; border-color: #002344; } .u-btn-outline-primary:focus, .u-btn-outline-primary.active { background-color: #4c4c4c; } .u-btn-outline-primary:hover { background-color: #4c4c4c; } .u-btn-outline-primary.u-btn-hover-v1-1::after, .u-btn-outline-primary.u-btn-hover-v1-1:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v1-1:hover { background-color: transparent; } .u-btn-outline-primary.u-btn-hover-v1-2::after, .u-btn-outline-primary.u-btn-hover-v1-2:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v1-3::after, .u-btn-outline-primary.u-btn-hover-v1-3:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v1-4::after, .u-btn-outline-primary.u-btn-hover-v1-4:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v2-1::after, .u-btn-outline-primary.u-btn-hover-v2-1:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v2-2::after, .u-btn-outline-primary.u-btn-hover-v2-2:hover::after { background-color: #4052b3; } .u-btn-outline-primary.u-btn-hover-v3-1::after, .u-btn-outline-primary.u-btn-hover-v3-1:hover::after { background-color: #4052b3; } /* Gradient Buttons ------------------------------------*/ /* Gradient Outline Buttons ------------------------------------*/ /*------------------------------------ Icons Styles ------------------------------------*/ /*------------------------------------ Icon-v1 ------------------------------------*/ .u-icon-v3 { background-color: #c82727; } .u-icon-v4-bg-primary { border-color: #002344; } .u-icon-v4-bg-primary .u-icon-v4-inner { background: #002344; } .u-icon-v4-bg-primary--hover:hover, .u-icon-block--hover:hover .u-icon-v4-bg-primary--hover { border-color: #002344; } .u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner, .u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner { background: #002344; } /*------------------------------------ Icon-v4 Additional BG colors ------------------------------------*/ .u-icon-v4-bg-red { border-color: #4c4c4c; } .u-icon-v4-bg-red .u-icon-v4-inner { background: #4c4c4c; } .u-icon-v4-bg-red--hover:hover, .u-icon-block--hover:hover .u-icon-v4-bg-red--hover { border-color: #4c4c4c; } .u-icon-v4-bg-red--hover:hover .u-icon-v4-inner, .u-icon-block--hover:hover .u-icon-v4-bg-red--hover .u-icon-v4-inner { background: #4c4c4c; } /*------------------------------------ Icon-v4 Social BG colors ------------------------------------*/ /*------------------------------------ Icon-v4 Gradient BG colors ------------------------------------*/ /*------------------------------------ Icon-v5 ------------------------------------*/ .u-icon-v5.g-bg-main::after { background-color: #444; } .u-icon-v5.g-bg-primary::after { background-color: #002344; } .u-icon-v5.g-bg-red::after { background-color: #4c4c4c; } /*------------------------------------ Image Icons ------------------------------------*/ /*------------------------------------ Hover Effect of Icon on Block Hover ------------------------------------*/ .u-icon-block--hover:hover .g-color-primary--hover { color: #002344; } .u-icon-block--hover:hover .g-brd-primary--hover { border-color: #002344; } .u-icon-block--hover:hover .g-bg-primary--hover { background: #002344; } /*------------------------------------ Slide Effect v2 ------------------------------------*/ /*------------------------------------ Effect v1 ------------------------------------*/ .u-icon-effect-v1-1--hover::after, .u-icon-effect-v1-2--hover::after { box-shadow: 0 0 0 1px #002344; } .u-icon-effect-v1-1--hover:hover, .u-icon-effect-v1-2--hover:hover, .u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner, .u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner, .u-icon-block--hover:hover .u-icon-effect-v1-1--hover, .u-icon-block--hover:hover .u-icon-effect-v1-2--hover, .u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner, .u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner { border-color: #002344; background: #002344 !important; } /*------------------------------------ Effect v2 ------------------------------------*/ .u-icon-effect-v2--hover:hover, .u-icon-effect-v2--hover:hover::after { background: #002344; } /*------------------------------------ Effect v3 ------------------------------------*/ /*------------------------------------ Effect v4 ------------------------------------*/ /*------------------------------------ Effect v5 ------------------------------------*/ .u-icon-effect-v5--hover.g-bg-primary:hover, .u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary, .u-icon-effect-v5--hover.g-color-primary:hover, .u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary { box-shadow: 0 0 10px 10px #002344; } /*------------------------------------ Box-shadows Styles ------------------------------------*/ /*------------------------------------ Breadcrumbs ------------------------------------*/ /*------------------------------------ Breadcrumbs v1 ------------------------------------*/ /*------------------------------------ Breadcrumbs v2 ------------------------------------*/ /*------------------------------------ Dot line ------------------------------------*/ /*------------------------------------ Dot line v1 ------------------------------------*/ /*------------------------------------ Dot line v2 ------------------------------------*/ /*------------------------------------ Progress Bars ------------------------------------*/ .u-progress__pointer-v2::after { border-color: #002344 transparent; } .u-progress__pointer-v3::after { border-color: #002344 transparent; } /*------------------------------------ Progress Bars Sizes ------------------------------------*/ /*------------------------------------ Headings ------------------------------------*/ /*------------------------------------ Heading-v5 ------------------------------------*/ .u-heading-v5__title::before { background: #444; } .u-heading-v5-color-primary .u-heading-v5__title::before { background: #002344; } .u-heading-massive-underline::before { background-color: rgba(57, 73, 160, 0.8); } /*------------------------------------ Background Colors ------------------------------------*/ /*------------------------------------ Link Styles ------------------------------------*/ /*------------------------------------ List Styles ------------------------------------*/ /*------------------------------------ Paginations ------------------------------------*/ .u-pagination-v1-2:hover, .u-pagination-v1-2:focus { color: #002344; border-color: #002344; } .u-pagination-v1-2--active, .u-pagination-v1-2--nav { background-color: #002344; color: #fff; border-color: #002344; } .u-pagination-v1-2--nav:hover { background-color: rgba(57, 73, 160, 0.8); } /* Pagination Style v3 */ /* Pagination Style v4 */ .u-pagination-v1-4:hover, .u-pagination-v1-4:focus { color: #002344; border-color: #002344; } .u-pagination-v1-4--active { background-color: #002344; border-color: #002344; } /* Pagination Style v5 */ .u-pagination-v1-5--active, .u-pagination-v1-5:hover, .u-pagination-v1-5:focus { background-color: #002344; color: #fff; border-color: #002344; } /*------------------------------------ Rating ------------------------------------*/ /*------------------------------------ Rating v1 ------------------------------------*/ /*------------------------------------ Ribbons ------------------------------------*/ /* Ribbon Colors ------------------------------------*/ .u-ribbon-bookmark.g-bg-primary::after { border-color: #002344; } .u-ribbon-bookmark.g-bg-red::after { border-color: #4c4c4c; } .u-ribbon-bookmark.g-bg-purple::after { border-color: #9a69cb; } .u-ribbon-bookmark.g-bg-darkpurple::after { border-color: #6639b6; } .u-ribbon-bookmark.g-bg-pink::after { border-color: #e81c62; } .u-ribbon-clip-v4__inner.g-bg-primary { box-shadow: 0 0 0 3px #002344, 0 21px 5px -18px rgba(0, 0, 0, 0.6); } .u-ribbon-clip-v4__inner.g-bg-red { box-shadow: 0 0 0 3px #4c4c4c, 0 21px 5px -18px rgba(0, 0, 0, 0.6); } /*------------------------------------ Tabs ------------------------------------*/ /* Colors ------------------------------------*/ .g-color-primary--active.active { color: #002344; } /*------------------------------------ Tabs v1 ------------------------------------*/ @media (min-width: 768px) { .u-nav-v1-1.u-nav-primary .nav-link.active { background-color: #002344; } .u-nav-v1-2.u-nav-primary .nav-link.active { border-color: #002344; } } /*------------------------------------ Tabs v2 ------------------------------------*/ @media (min-width: 768px) { [class*="u-nav-v2"].u-nav-primary .nav-link { border-color: #002344; } [class*="u-nav-v2"].u-nav-primary .nav-link.active, [class*="u-nav-v2"].u-nav-primary .cbp-filter-item-active .nav-link { border-color: #002344 !important; } .u-nav-v2-1.u-nav-primary .nav-link.active, .u-nav-v2-1.u-nav-primary .cbp-filter-item-active .nav-link { background-color: #002344; } .u-nav-v2-2 .nav-link.active, .u-nav-v2-2 .cbp-filter-item-active .nav-link { color: #002344; } } /*------------------------------------ Tabs v3 ------------------------------------*/ @media (min-width: 768px) { [class*="u-nav-v3"] .nav-link.active { color: #002344; } [class*="u-nav-v3"].u-nav-light .nav-link.active { color: #002344; } .u-nav-v3-2 .nav-link.active { border-color: #002344; } } /*------------------------------------ Tabs v4 ------------------------------------*/ @media (min-width: 768px) { .u-nav-v4-1.u-nav-primary .nav-link.active { border-color: #002344 #eee #fff; } } @media (min-width: 768px) and (min-width: 768px) { .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active { border-color: #eee #fff #eee #002344; } } /*------------------------------------ Tabs v5 ------------------------------------*/ @media (min-width: 768px) { [class*="u-nav-v5"].u-nav-primary .nav-link.active { border-color: #002344; color: #002344; } } /*------------------------------------ Tabs v6 ------------------------------------*/ @media (min-width: 768px) { [class*="u-nav-v6"] .nav-link.active { border-color: #002344; } [class*="u-nav-v6"] .nav-link.active::before { border-top-color: #002344; } [class*="u-nav-v6"].flex-column .nav-link.active { border-color: #002344; } [class*="u-nav-v6"].flex-column .nav-link.active::before { border-left-color: #002344; } } /*------------------------------------ Tabs v7 ------------------------------------*/ @media (min-width: 768px) { [class*="u-nav-v7"] .nav-link.active { color: #002344; } } /*------------------------------------ Tabs v8 ------------------------------------*/ [class*="u-nav-v8"] .nav-link.active { background-color: #002344; } [class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon { background-color: #002344; } [class*="u-nav-v8"].u-nav-light .nav-link.active { color: #444; } [class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon { background-color: #002344; } [class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__title, [class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__description { color: #444; } @media (min-width: 768px) { [class*="u-nav-v8"].u-nav-light .nav-link.active { background-color: #002344; } [class*="u-nav-v8"].u-nav-light .u-nav-v8__icon, [class*="u-nav-v8"].u-nav-light .u-nav-v8__title, [class*="u-nav-v8"].u-nav-light .u-nav-v8__description { color: #444; } } /*------------------------------------ Tabs v1 ------------------------------------*/ /*------------------------------------ Tabs v2 ------------------------------------*/ /*------------------------------------ Tabs v3 ------------------------------------*/ /*------------------------------------ Tabs v4 ------------------------------------*/ /*------------------------------------ Tabs v5 ------------------------------------*/ /*------------------------------------ Tabs v6 ------------------------------------*/ /*------------------------------------ Tabs v7 ------------------------------------*/ /*------------------------------------ Tabs v8 ------------------------------------*/ /*------------------------------------ Tabs v9 ------------------------------------*/ /*------------------------------------ Tabs v10 ------------------------------------*/ @media (min-width: 768px) { .u-tab-link-v10:hover, .u-tab-link-v10.active { background-color: #002344 !important; } } /*------------------------------------ Tabs v11 ------------------------------------*/ /*------------------------------------ Tabs v12 ------------------------------------*/ @media (max-width: 767px) { [role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not([data-tabs-mobile-type="accordion"]) { border-color: #002344; } [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link { border-color: #002344 !important; } [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link.active, [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-item.show .nav-link, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link.active, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-item.show .nav-link { border-color: #002344 !important; } [data-tabs-mobile-type="slide-up-down"].u-nav-light .nav-link.active { color: #444; } } /*------------------------------------ Tags ------------------------------------*/ /*------------------------------------ Text Animation Slideshow ------------------------------------*/ /*------------------------------------ Text-shadow ------------------------------------*/ .u-txt-shadow-v1 { text-shadow: 1px 1px rgba(67, 70, 72, 0.05), 2px 2px rgba(147, 150, 152, 0.07), 3px 3px rgba(178, 182, 183, 0.086), 4px 4px rgba(195, 199, 200, 0.106), 5px 5px rgba(206, 210, 211, 0.125), 6px 6px rgba(213, 217, 218, 0.145), 7px 7px rgba(218, 222, 223, 0.165), 8px 8px rgba(222, 226, 227, 0.184), 9px 9px rgba(226, 230, 231, 0.204), 10px 10px rgba(228, 232, 233, 0.22), 11px 11px rgba(230, 234, 235, 0.24), 12px 12px rgba(232, 236, 237, 0.26), 13px 13px rgba(233, 237, 238, 0.28), 14px 14px rgba(235, 239, 240, 0.298), 15px 15px rgba(236, 240, 241, 0.318), 16px 16px rgba(237, 241, 242, 0.333), 17px 17px rgba(238, 242, 243, 0.353), 18px 18px rgba(238, 242, 243, 0.373), 19px 19px rgba(239, 243, 244, 0.392), 20px 20px rgba(240, 244, 245, 0.41), 21px 21px rgba(240, 244, 245, 0.43), 22px 22px rgba(241, 245, 246, 0.447), 23px 23px rgba(241, 245, 246, 0.467), 24px 24px rgba(242, 246, 247, 0.486), 25px 25px rgba(242, 246, 247, 0.506), 26px 26px rgba(242, 246, 247, 0.525), 27px 27px rgba(243, 247, 248, 0.545), 28px 28px rgba(243, 247, 248, 0.565), 29px 29px rgba(243, 247, 248, 0.58), 30px 30px rgba(244, 248, 249, 0.6), 31px 31px rgba(244, 248, 249, 0.62), 32px 32px rgba(244, 248, 249, 0.64), 33px 33px rgba(244, 248, 249, 0.66), 34px 34px rgba(245, 249, 250, 0.68), 35px 35px rgba(245, 249, 250, 0.694), 36px 36px rgba(245, 249, 250, 0.714), 37px 37px rgba(245, 249, 250, 0.733), 38px 38px rgba(245, 249, 250, 0.753), 39px 39px rgba(246, 250, 251, 0.773), 40px 40px rgba(246, 250, 251, 0.792), 41px 41px rgba(246, 250, 251, 0.81), 42px 42px rgba(246, 250, 251, 0.827), 43px 43px rgba(246, 250, 251, 0.847), 44px 44px rgba(246, 250, 251, 0.867), 45px 45px rgba(246, 250, 251, 0.886), 46px 46px rgba(246, 250, 251, 0.906), 47px 47px rgba(247, 251, 252, 0.925), 48px 48px rgba(247, 251, 252, 0.94), 49px 49px rgba(247, 251, 252, 0.96), 50px 50px rgba(247, 251, 252, 0.98); } /*------------------------------------ Time Lines ------------------------------------*/ /*------------------------------------ Time Lines v1 ------------------------------------*/ /*------------------------------------ Time Lines v2 ------------------------------------*/ /*------------------------------------ Time Lines v3 ------------------------------------*/ /*------------------------------------ Marker-bg ------------------------------------*/ /*------------------------------------ Tooltips ------------------------------------*/ /*------------------------------------ Typography ------------------------------------*/ /*------------------------------------ Navigation ------------------------------------*/ /* Import */ /* Main navigation styles */ /*------------------------------------ Navigation Style v1 ------------------------------------*/ .navbar .u-main-nav-v1 .nav-item.active > .nav-link, .navbar .u-main-nav-v1 .nav-item:hover > .nav-link, .navbar .u-main-nav-v1 .nav-item:focus > .nav-link, .navbar .u-main-nav-v1 .nav-item.show > .nav-link, .navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v1 .nav-item .nav-link:focus { background-color: #002344; } .navbar .u-main-nav-v2 .nav-item.active > .nav-link, .navbar .u-main-nav-v2 .nav-item:hover > .nav-link, .navbar .u-main-nav-v2 .nav-item:focus > .nav-link, .navbar .u-main-nav-v2 .nav-item.show > .nav-link, .navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v2 .nav-item .nav-link:focus { border-color: #002344; } .navbar .u-main-nav-v3 .nav-item.active > .nav-link, .navbar .u-main-nav-v3 .nav-item:hover > .nav-link, .navbar .u-main-nav-v3 .nav-item:focus > .nav-link, .navbar .u-main-nav-v3 .nav-item.show > .nav-link, .navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v3 .nav-item .nav-link:focus { border-color: #002344; } /*------------------------------------ Navigation Style v4 ------------------------------------*/ .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus { border-color: #002344; } /*------------------------------------ Navigation Style v5 ------------------------------------*/ .navbar .u-main-nav-v5 .nav-item.active > .nav-link, .navbar .u-main-nav-v5 .nav-item:hover > .nav-link, .navbar .u-main-nav-v5 .nav-item:focus > .nav-link, .navbar .u-main-nav-v5 .nav-item.show > .nav-link, .navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v5 .nav-item .nav-link:focus { border-color: #002344; } /*------------------------------------ Navigation Style v6 ------------------------------------*/ .navbar .u-main-nav-v6 .nav-item.active > .nav-link, .navbar .u-main-nav-v6 .nav-item:hover > .nav-link, .navbar .u-main-nav-v6 .nav-item:focus > .nav-link, .navbar .u-main-nav-v6 .nav-item.show > .nav-link, .navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v6 .nav-item .nav-link:focus { background-color: #002344; } /*------------------------------------ Navigation Style v7 ------------------------------------*/ .navbar .u-main-nav-v7 .nav-item.active > .nav-link, .navbar .u-main-nav-v7 .nav-item:hover > .nav-link, .navbar .u-main-nav-v7 .nav-item:focus > .nav-link, .navbar .u-main-nav-v7 .nav-item.show > .nav-link, .navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v7 .nav-item .nav-link:focus { border-color: #002344; } /*------------------------------------ Navigation Style v8 ------------------------------------*/ .navbar .u-main-nav-v8 .nav-item.active > .nav-link, .navbar .u-main-nav-v8 .nav-item:hover > .nav-link, .navbar .u-main-nav-v8 .nav-item:focus > .nav-link, .navbar .u-main-nav-v8 .nav-item.show > .nav-link, .navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v8 .nav-item .nav-link:focus { background-color: #002344; } /*------------------------------------ Navigation Style v9 ------------------------------------*/ .navbar .u-main-nav-v9 .nav-item.active > .nav-link::after, .navbar .u-main-nav-v9 .nav-item:hover > .nav-link::after, .navbar .u-main-nav-v9 .nav-item:focus > .nav-link::after, .navbar .u-main-nav-v9 .nav-item .nav-link:focus::after { color: #002344; } /* Dropdown navigation styles */ /*------------------------------------ Navigation Dropdown Style v1 ------------------------------------*/ .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:active > a, .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:focus > a, .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu a:active, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover, .navbar .u-sub-menu-v1 .dropdown-menu a:active, .navbar .u-sub-menu-v1 .dropdown-menu a:focus, .navbar .u-sub-menu-v1 .dropdown-menu a:hover { color: #002344; } .navbar .u-sub-menu-v1 .hs-sub-menu, .navbar .u-sub-menu-v1 .hs-mega-menu, .navbar .u-sub-menu-v1 .dropdown-menu { border-color: #002344; } /*------------------------------------ Navigation Dropdown Style v2 ------------------------------------*/ .navbar .u-sub-menu-v2 .hs-sub-menu, .navbar .u-sub-menu-v2 .hs-mega-menu, .navbar .u-sub-menu-v2 .dropdown-menu { border-top-color: #002344; } /*------------------------------------ Navigation Dropdown Style v3 ------------------------------------*/ .navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:active > a, .navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:focus > a, .navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:active > a, .navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v3 .hs-sub-menu a:active, .navbar .u-sub-menu-v3 .hs-sub-menu a:focus, .navbar .u-sub-menu-v3 .hs-sub-menu a:hover, .navbar .u-sub-menu-v3 .dropdown-menu a:active, .navbar .u-sub-menu-v3 .dropdown-menu a:focus, .navbar .u-sub-menu-v3 .dropdown-menu a:hover { background-color: #002344; } .navbar .u-sub-menu-v3 .hs-sub-menu, .navbar .u-sub-menu-v3 .hs-mega-menu, .navbar .u-sub-menu-v3 .dropdown-menu { border-top-color: #002344; } /*------------------------------------ Navigation Dropdown Style v4 ------------------------------------*/ .navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:active > a, .navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:focus > a, .navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:active > a, .navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v4 .hs-sub-menu a:active, .navbar .u-sub-menu-v4 .hs-sub-menu a:focus, .navbar .u-sub-menu-v4 .hs-sub-menu a:hover, .navbar .u-sub-menu-v4 .dropdown-menu a:active, .navbar .u-sub-menu-v4 .dropdown-menu a:focus, .navbar .u-sub-menu-v4 .dropdown-menu a:hover { background-color: #002344; } .navbar .u-sub-menu-v4 .hs-sub-menu, .navbar .u-sub-menu-v4 .hs-mega-menu, .navbar .u-sub-menu-v4 .dropdown-menu { border-top-color: #002344; } /*------------------------------------ Navigation Dropdown Style Inline ------------------------------------*/ /* Main navigation behaviors */ /*------------------------------------ Navigation Behavior (Overlay) ------------------------------------*/ /*------------------------------------ Navigation Behavior (Push) ------------------------------------*/ /*------------------------------------ Navigation Behavior (Smart) ------------------------------------*/ /* Override vendor stylesheets */ /*------------------------------------ Dropdowns ------------------------------------*/ /*------------------------------------ Dropdowns v1 ------------------------------------*/ /*------------------------------------ Covers ------------------------------------*/ /*------------------------------------ Form Elements ------------------------------------*/ /*------------------------------------ States ------------------------------------*/ /*------------------------------------ Success states ------------------------------------*/ /*------------------------------------ Success state v1-1 ------------------------------------*/ .u-has-success-v1-1 .form-control, .u-has-success-v1-1 .input-group-addon, .u-has-success-v1-1 [class*="u-select"] { border-color: #002344; } .u-has-success-v1-1 .form-control-feedback { color: #002344; } .u-has-success-v1-1 [class*="u-check-icon"] i { color: rgba(57, 73, 160, 0.2); } .u-has-success-v1-1 .input-group-addon, .u-has-success-v1-1 .input-group-addon:last-child, .u-has-success-v1-1 .chosen-single div b { color: #002344; } /*------------------------------------ Success state v1-2 ------------------------------------*/ .u-has-success-v1-2 .form-control, .u-has-success-v1-2 .input-group-addon, .u-has-success-v1-2 [class*="u-select"] { border-color: #002344; } .u-has-success-v1-2 .form-control-feedback { color: #002344; } .u-has-success-v1-2 [class*="u-check-icon"] i { color: rgba(57, 73, 160, 0.2); } .u-has-success-v1-2 .input-group-addon, .u-has-success-v1-2 .input-group-addon:last-child, .u-has-success-v1-2 .chosen-single div b { color: #002344; } .u-has-success-v1-2 .input-group-addon, .u-has-success-v1-2 .input-group-addon:last-child { background-color: #002344; } .u-has-success-v1-2 .form-control-feedback::before { border-color: #002344 transparent transparent transparent; } /*------------------------------------ Error states ------------------------------------*/ /*------------------------------------ Error state v1 ------------------------------------*/ .u-has-error-v1 .form-control-feedback { color: #4c4c4c; } /*------------------------------------ Error state v1-2 ------------------------------------*/ .u-has-error-v1-2 .form-control-feedback { color: #4c4c4c; } .u-has-error-v1-2 .input-group-addon:last-child, .u-has-error-v1-2 .chosen-single div b { color: #4c4c4c; } /*------------------------------------ Error state v1-3 ------------------------------------*/ .u-has-error-v1-3 .form-control, .u-has-error-v1-3 .input-group-addon, .u-has-error-v1-3 [class*="u-select"] { border-color: #4c4c4c; } .u-has-error-v1-3 .form-control-feedback { color: #4c4c4c; } .u-has-error-v1-3 .form-control-feedback::before { border-color: #4c4c4c transparent transparent transparent; } .u-has-error-v1-3 .input-group-addon:last-child, .u-has-error-v1-3 .chosen-single div b { color: #4c4c4c; } .u-has-error-v1-3 .input-group-addon, .u-has-error-v1-3 .input-group-addon:last-child { background-color: #4c4c4c; } /*------------------------------------ Error state v2 ------------------------------------*/ .u-has-error-v2 input:not([type="checkbox"]):not([type="radio"]), .u-has-error-v2 textarea { border-color: #4c4c4c; } /*------------------------------------ Disabled states ------------------------------------*/ /*------------------------------------ Disabled state v1 ------------------------------------*/ /*------------------------------------ Checked state colors ------------------------------------*/ /*------------------------------------ Focus state color ------------------------------------*/ /* Primary Colors */ .g-color-primary:focus { color: #002344; } /* Black Colors */ .g-color-black--focus:focus { color: #000; } /* White Colors */ .g-color-white--focus:focus { color: #fff !important; } /* Gray Colors */ .g-color-gray-light-v4:focus { color: #eee !important; } /*------------------------------------ Checked state background ------------------------------------*/ /* Primary Colors */ input[type="checkbox"]:checked + .g-bg-primary--checked, input[type="radio"]:checked + .g-bg-primary--checked, input[type="checkbox"]:checked + * .g-bg-primary--checked, input[type="radio"]:checked + * .g-bg-primary--checked { background-color: #002344 !important; } .g-bg-primary--checked.g-checked, .g-checked .g-bg-primary--checked { background-color: #002344 !important; } /* Color Red */ input[type="checkbox"]:checked + .g-bg-red--checked, input[type="radio"]:checked + .g-bg-red--checked, input[type="checkbox"]:checked + * .g-bg-red--checked, input[type="radio"]:checked + * .g-bg-red--checked { background-color: #4c4c4c !important; } .g-bg-red--checked.g-checked, .g-checked .g-bg-red--checked { background-color: #4c4c4c !important; } /*------------------------------------ Focus state background ------------------------------------*/ /*------------------------------------ Checked state border ------------------------------------*/ /* Primary Colors */ input[type="checkbox"]:checked + .g-brd-primary--checked, input[type="radio"]:checked + .g-brd-primary--checked, input[type="checkbox"]:checked + * .g-brd-primary--checked, input[type="radio"]:checked + * .g-brd-primary--checked { border-color: #002344 !important; } .g-brd-primary--checked.g-checked, .g-checked .g-brd-primary--checked { border-color: #002344 !important; } /* Color Red */ input[type="checkbox"]:checked + .g-brd-red--checked, input[type="radio"]:checked + .g-brd-red--checked, input[type="checkbox"]:checked + * .g-brd-red--checked, input[type="radio"]:checked + * .g-brd-red--checked { border-color: #4c4c4c !important; } .g-brd-red--checked.g-checked, .g-checked .g-brd-red--checked { border-color: #4c4c4c !important; } /*------------------------------------ Focus state border ------------------------------------*/ /* Primary Colors */ .g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus { border-color: #002344 !important; } /* Color Red */ .g-brd-red--focus:focus, .g-brd-red--focus.g-state-focus *, .g-brd-red--focus.g-state-focus *:focus { border-color: #4c4c4c !important; } /*------------------------------------ Checked state box shadow ------------------------------------*/ /*------------------------------------ Checked state opacity ------------------------------------*/ /*------------------------------------ Checked state overlay ------------------------------------*/ input[type="checkbox"]:checked + .g-overlay-primary-0_5--checked::after, input[type="radio"]:checked + .g-overlay-primary-0_5--checked::after, input[type="checkbox"]:checked + * .g-overlay-primary-0_5--checked::after, input[type="radio"]:checked + * .g-overlay-primary-0_5--checked::after { background-color: rgba(57, 73, 160, 0.5); } .g-overlay-primary-0_5--checked.g-checked::after, .g-checked .g-overlay-primary-0_5--checked::after { background-color: rgba(57, 73, 160, 0.5); } input[type="checkbox"]:checked + .g-overlay-primary-0_9--checked::after, input[type="radio"]:checked + .g-overlay-primary-0_9--checked::after, input[type="checkbox"]:checked + * .g-overlay-primary-0_9--checked::after, input[type="radio"]:checked + * .g-overlay-primary-0_9--checked::after { background-color: rgba(57, 73, 160, 0.9); } .g-overlay-primary-0_9--checked.g-checked::after, .g-checked .g-overlay-primary-0_9--checked::after { background-color: rgba(57, 73, 160, 0.9); } /*------------------------------------ Fields ------------------------------------*/ /*------------------------------------ Fields Group v1 ------------------------------------*/ /*------------------------------------ Fields Group v2 ------------------------------------*/ /*------------------------------------ Checkboxes ------------------------------------*/ .u-check input[type="checkbox"]:checked + .u-check-icon-font i, .u-check input[type="checkbox"]:checked + * .u-check-icon-font i, .u-check input[type="radio"]:checked + .u-check-icon-font i, .u-check input[type="radio"]:checked + * .u-check-icon-font i { color: #002344; } /*------------------------------------ Checkboxes v1 ------------------------------------*/ .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1 { background-color: #002344; border-color: #002344; } .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1, .u-check input[type="radio"]:checked + .u-check-icon-radio-v1, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v1 { border-color: #002344; } /*------------------------------------ Checkboxes v2 ------------------------------------*/ .u-check-icon-checkbox-v2, .u-check-icon-radio-v2 { border: solid 1px #002344; } /*------------------------------------ Checkboxes v3 ------------------------------------*/ .u-check-icon-checkbox-v3, .u-check-icon-radio-v3 { border: solid 1px #002344; } /*------------------------------------ Checkboxes v4 ------------------------------------*/ .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 { color: #002344; border-color: #002344; } /*------------------------------------ Checkboxes v5 ------------------------------------*/ .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i, .u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i { border-color: #002344; } /*------------------------------------ Checkboxes v6 ------------------------------------*/ .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i { background-color: #002344; border-color: #002344; } /*------------------------------------ Checkboxes v7 ------------------------------------*/ .u-check-icon-checkbox-v7, .u-check-icon-radio-v7 { cursor: pointer; display: block; width: 43px; height: 22px; font-style: normal; font-weight: 700; font-size: 9px; color: #ddd; border: solid 1px #ddd; border-radius: 12px; } .u-check-icon-checkbox-v7 i::before, .u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::before, .u-check-icon-radio-v7 i::after { content: ""; display: block; position: absolute; } .u-check-icon-checkbox-v7 i::before, .u-check-icon-radio-v7 i::before { content: attr(data-uncheck-icon); top: 0; left: 0; width: 100%; height: 22px; line-height: 18px; text-transform: uppercase; text-align: right; padding: 2px 7px; } .u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::after { top: 50%; left: 4px; width: 16px; height: 16px; background-color: #ddd; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="radio"]:checked + .u-check-icon-radio-v7, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 { color: #fff; background-color: #002344; border-color: #002344; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i:before, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i:before, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i:before, .u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i:before { content: attr(data-check-icon); text-align: left; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i::after, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i::after, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i::after, .u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i::after { left: calc(100% - 19px); background-color: #fff; } /*------------------------------------ Checkboxes v7 ------------------------------------*/ .u-check-icon-checkbox-v8, .u-check-icon-radio-v8 { cursor: pointer; display: block; width: 43px; height: 22px; font-style: normal; font-weight: 700; font-size: 9px; color: #ddd; border: solid 1px #ddd; border-radius: 12px; } .u-check-icon-checkbox-v8 i::before, .u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::before, .u-check-icon-radio-v8 i::after { content: ""; display: block; position: absolute; } .u-check-icon-checkbox-v8 i::before, .u-check-icon-radio-v8 i::before { content: attr(data-uncheck-icon); top: 0; left: 0; width: 100%; height: 22px; line-height: 18px; text-transform: uppercase; text-align: right; padding: 2px 7px; } .u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::after { top: 50%; left: 4px; width: 16px; height: 16px; background-color: #ddd; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 { color: #002344; border-color: #002344; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i:before, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i:before, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i:before, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i:before { content: attr(data-check-icon); text-align: left; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after { left: calc(100% - 19px); background-color: #002344; } /* P */ [class*="u-checkbox-v1"] { display: none; } [class*="u-checkbox-v1"] + label { cursor: pointer; } .u-checkbox-v1--checked-color-primary:checked + label { color: #002344 !important; } .u-checkbox-v1--checked-brd-primary:checked + label { border-color: #002344 !important; } /*------------------------------------ File Attachments ------------------------------------*/ /*------------------------------------ File Attachments v1 ------------------------------------*/ .u-file-attach-v1 { position: relative; overflow: hidden; cursor: pointer; } .u-file-attach-v1 input[type="file"] { position: absolute; top: -25%; left: -25%; z-index: 10; width: 150%; height: 150%; opacity: 0; cursor: pointer; } .u-file-attach-v1 input[readonly] { background-color: transparent; } /*------------------------------------ File Attachments v2 ------------------------------------*/ .u-file-attach-v2 { position: relative; overflow: hidden; cursor: pointer; } .u-file-attach-v2 input[type="file"] { position: absolute; top: -25%; left: -25%; z-index: 10; width: 150%; height: 150%; opacity: 0; cursor: pointer; } /*------------------------------------ File Attachments v2 ------------------------------------*/ .u-file-attach-v3 { cursor: pointer; position: relative; text-align: center; background-color: #f7f7f7; overflow: hidden; border: 1px dashed #ccc; padding: 60px; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .u-file-attach-v3 input[type="file"] { position: absolute; top: -25%; left: -25%; z-index: 10; width: 150%; height: 150%; opacity: 0; cursor: pointer; } .u-file-attach-v3:hover { background-color: #eee; } /*------------------------------------ Selects ------------------------------------*/ .input-group select { -webkit-appearance: none; } /*------------------------------------ Selects v1 ------------------------------------*/ .u-select-v1 { position: relative; max-width: 100%; font-size: 1rem; color: rgba(68, 68, 68, 0.3); cursor: pointer; border-width: 1px; border-style: solid; border-color: #ccc; padding: .4rem 1rem; } .u-select-v1 .chosen-single { position: static; height: auto; color: inherit; background-image: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 0; line-height: inherit; } .u-select-v1 .chosen-single span { margin-right: 0; } .u-select-v1 .chosen-single span img { position: relative; top: -2px; margin-right: 4px; } .u-select-v1 .chosen-single div { width: 40px; } .u-select-v1 .chosen-single div b { background: none !important; } .u-select-v1 .chosen-single div b i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-select-v1 .chosen-single div b i:first-child { display: inline-block; } .u-select-v1 .chosen-single div b i:last-child { display: none; } .u-select-v1 .chosen-single:focus { outline: 0 none; } .u-select-v1 .chosen-drop { width: calc(100% + 2px); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: inherit; border-radius: 0; border-top-width: 1px; margin-left: -1px; } .u-select-v1 .chosen-results { padding: 0; margin: 0; } .u-select-v1 .chosen-results > li { position: relative; font-size: inherit; color: #999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding: 12px 16px; } .u-select-v1 .chosen-results > li img { position: relative; top: -2px; margin-right: 4px; } .u-select-v1 .chosen-results > li div { position: absolute; top: 0; right: 0; width: 40px; height: 100%; } .u-select-v1 .chosen-results > li div b { display: block; width: 100%; height: 100%; } .u-select-v1 .chosen-results > li div b i { position: absolute; top: 50%; left: 50%; display: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-select-v1 .chosen-results > li:last-child { border-bottom-width: 0; } .u-select-v1 .chosen-results > li.highlighted { color: #999; background-image: none; background-color: rgba(57, 73, 160, 0.2); border-bottom-color: rgba(57, 73, 160, 0.2); } .u-select-v1 .chosen-results > li.result-selected { color: #999; background-color: rgba(57, 73, 160, 0.2); border-bottom-color: rgba(57, 73, 160, 0.2); } .u-select-v1 .chosen-results > li.result-selected div b i { display: inline-block; } .u-select-v1.chosen-container-active .chosen-single { background-image: none; box-shadow: none; } .u-select-v1.chosen-with-drop .chosen-single { border: none; border-radius: 0; } .u-select-v1.chosen-with-drop .chosen-single div b i:first-child { display: none; } .u-select-v1.chosen-with-drop .chosen-single div b i:last-child { display: inline-block; } .u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices { background-image: none; border: none; box-shadow: none; padding: 0; } .u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice { font-size: 12px; color: #999; background-image: none; background-color: #fff; border-color: #ccc; border-radius: 0; padding: 5px 20px 5px 5px; } .u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice-close { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field { height: 22px; } .u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field input[type="text"] { height: 22px; margin: 0; } .u-select-v1.u-select-multiple-custom .chosen-choices { display: none; } .u-select-v1.u-select-multiple-custom .chosen-drop { width: 100%; position: static; top: auto; left: auto; z-index: 3; border: none; box-shadow: none; margin-left: 0; } .u-select-v1.u-dropdown-sm { padding: .1rem .5rem; font-size: .875rem; } .u-select-v1.u-dropdown-sm .chosen-results > li { padding: 6px 8px; } .u-select-v1.u-dropdown-lg { padding: .55rem 1.5rem; font-size: 1.25rem; } .u-select-v1.u-dropdown-lg .chosen-results > li { padding: 14px 18px; } /*------------------------------------ Sliders ------------------------------------*/ /*------------------------------------ Sliders v1 ------------------------------------*/ .u-slider-v1.ui-slider, .u-slider-v1-2.ui-slider, .u-slider-v1-3.ui-slider { position: relative; background: #eee; border: none; border-radius: 0; margin-top: 12px; margin-left: 6px; margin-right: 6px; } .u-slider-v1.ui-slider .ui-slider-handle, .u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle { position: absolute; top: 50%; border-style: solid; outline: none; background: #fff; border-radius: 0; cursor: pointer; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .u-slider-v1.ui-slider.ui-slider-content, .u-slider-v1-2.ui-slider.ui-slider-content, .u-slider-v1-3.ui-slider.ui-slider-content { border-color: #eee; } .u-slider-v1.ui-slider { height: 2px; } .u-slider-v1.ui-slider .ui-slider-range { background: #002344; } .u-slider-v1.ui-slider .ui-slider-handle { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-width: 2px; border-color: #002344; } .u-slider-v1-2.ui-slider, .u-slider-v1-3.ui-slider { height: 4px; } .u-slider-v1-2.ui-slider .ui-slider-range, .u-slider-v1-3.ui-slider .ui-slider-range { background: #ddd; } .u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle { width: 15px; height: 15px; margin-top: -8px; margin-left: -8px; border-width: 2px; border-color: #002344; } .u-slider-v1-3.ui-slider .ui-slider-handle { border-radius: 50%; } /*------------------------------------ Datepickers ------------------------------------*/ /*------------------------------------ Datepickers v1 ------------------------------------*/ .u-datepicker-v1 { border-width: 1px; border-style: solid; border-radius: 0; z-index: 2 !important; } .u-datepicker-v1.ui-datepicker-inline { width: 100%; } .u-datepicker-v1.ui-datepicker { width: initial; padding: initial; } .u-datepicker-v1 .ui-datepicker { width: 100%; padding: 0; border: none; } .u-datepicker-v1 .ui-datepicker-header { background-color: transparent; border: none; border-radius: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding: 0; } .u-datepicker-v1 .ui-datepicker-title { height: 45px; line-height: 45px; font-size: 16px; font-weight: 400; color: #444; margin-left: 45px; margin-right: 45px; } .u-datepicker-v1 .ui-datepicker-prev, .u-datepicker-v1 .ui-datepicker-next { width: 45px; height: 45px; line-height: 45px; top: 0; text-align: center; border-radius: 0; cursor: pointer; } .u-datepicker-v1 .ui-datepicker-prev > span, .u-datepicker-v1 .ui-datepicker-next > span { position: static; top: 0; left: 0; display: inline-block; width: auto; height: auto; font-size: 18px; color: #444; background-image: none; text-indent: 0; margin-top: 0; margin-left: 0; } .u-datepicker-v1 .ui-datepicker-prev-hover, .u-datepicker-v1 .ui-datepicker-next-hover { top: 0; background-color: transparent; } .u-datepicker-v1 .ui-datepicker-prev.ui-state-hover, .u-datepicker-v1 .ui-datepicker-next.ui-state-hover { border: none; } .u-datepicker-v1 .ui-datepicker-prev { left: 0; border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; } .u-datepicker-v1 .ui-datepicker-prev-hover { left: 0; } .u-datepicker-v1 .ui-datepicker-prev.ui-state-hover { border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; } .u-datepicker-v1 .ui-datepicker-next { right: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #ccc; } .u-datepicker-v1 .ui-datepicker-next-hover { right: 0; } .u-datepicker-v1 .ui-datepicker-next.ui-state-hover { border-left-width: 1px; border-left-style: solid; border-left-color: #ccc; } .u-datepicker-v1 .ui-datepicker-calendar { margin-bottom: 0; } .u-datepicker-v1 .ui-datepicker-calendar th, .u-datepicker-v1 .ui-datepicker-calendar td { text-align: center; padding: 3px; } .u-datepicker-v1 .ui-datepicker-calendar th span, .u-datepicker-v1 .ui-datepicker-calendar th a, .u-datepicker-v1 .ui-datepicker-calendar td span, .u-datepicker-v1 .ui-datepicker-calendar td a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #555; background-color: transparent; border-width: 1px; border-style: solid; border-color: transparent; padding: 0; } .u-datepicker-v1 .ui-datepicker-calendar th a, .u-datepicker-v1 .ui-datepicker-calendar td a { border-radius: 50%; -webkit-transition: all .2s; transition: all .2s; } .u-datepicker-v1 .ui-datepicker-calendar th a:hover, .u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar td a:hover, .u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active { color: #fff; background-color: #002344; border-color: #002344; -webkit-transition: all .2s; transition: all .2s; } .u-datepicker-v1 .ui-datepicker-calendar th span, .u-datepicker-v1 .ui-datepicker-calendar th a { font-size: 12px; font-weight: 400; color: #bbb; text-transform: uppercase; } .u-datepicker-v1 .ui-datepicker-calendar td span, .u-datepicker-v1 .ui-datepicker-calendar td a { font-size: 14px; } @media (min-width: 768px) { .u-datepicker-v1 .ui-datepicker-title { height: 50px; line-height: 50px; margin-left: 50px; margin-right: 50px; } .u-datepicker-v1 .ui-datepicker-prev, .u-datepicker-v1 .ui-datepicker-next { width: 50px; height: 50px; line-height: 50px; } .u-datepicker-v1 .ui-datepicker-calendar { border-collapse: separate; border-spacing: 4px; } .u-datepicker-v1 .ui-datepicker-calendar th, .u-datepicker-v1 .ui-datepicker-calendar td { padding: 5px; } .u-datepicker-v1 .ui-datepicker-calendar th span, .u-datepicker-v1 .ui-datepicker-calendar th a, .u-datepicker-v1 .ui-datepicker-calendar td span, .u-datepicker-v1 .ui-datepicker-calendar td a { font-size: 14px; } } /*------------------------------------ Quantity ------------------------------------*/ .u-quantity-v1 input:not([type="checkbox"]):not([type="radio"]) { background-color: #fff; } .js-plus, .js-minus { cursor: pointer; } /*------------------------------------ Info Block v1-1 ------------------------------------*/ .u-info-v1-1 { overflow: hidden; position: relative; } .u-info-v1-1::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; } /*-------------------------------------------------- Info Block v1-2 ----------------------------------------------------*/ .u-info-v1-2__item { position: relative; z-index: 1; padding-bottom: 0.78571rem; } .u-info-v1-2__item::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 40px; height: 1px; background: #bbb; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .u-info-v1-2:hover .u-info-v1-2__item::after { width: 100%; background: #002344; } /*------------------------------------ Info Block v1-3 ------------------------------------*/ .u-info-v1-3__item { position: relative; z-index: 1; padding-bottom: 0.92857rem; } .u-info-v1-3__item::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2.14286rem; height: 1px; margin-left: -1.07143rem; background: #777; } /*------------------------------------ Info Block v1-4 ------------------------------------*/ .u-info-v1-4__item-hidden { position: absolute; bottom: 0; left: 0; right: 0; height: 61px; overflow: hidden; -webkit-transform: translate3d(0, 61px, 0); transform: translate3d(0, 61px, 0); } .u-info-v1-4:hover .u-info-v1-4__item-hidden { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .u-info-v1-4:hover .u-info-v1-4__item-regular { -webkit-transform: translate3d(0, -61px, 0); transform: translate3d(0, -61px, 0); } /*------------------------------------ Info Block v1-5 ------------------------------------*/ .u-info-v1-5__item { position: relative; padding-bottom: 19px; } .u-info-v1-5__item::after { content: ""; position: absolute; left: 0; bottom: 1px; display: block; width: 28px; border-bottom: 1px solid #002344; } /*------------------------------------ Info Block v2-1 ------------------------------------*/ .u-info-v2-1__item { height: 65px; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .u-info-v2-1__item:hover { height: 80px; margin-top: -15px; } /*------------------------------------ Info Block v2-2 ------------------------------------*/ .u-info-v2-2__item { position: relative; border-left: solid 1px; border-right: solid 1px; border-bottom: solid 1px; } .u-info-v2-2__item::after, .u-info-v2-2__item::before { content: ""; position: absolute; top: 0; width: 30%; border-top: solid 1px; z-index: 1; } .u-info-v2-2__item::before { left: 0; } .u-info-v2-2__item::after { right: 0; } .u-info-v2-2__item.g-brd-white-dark-v3 { border-color: rgba(255, 255, 255, 0.3); } .u-info-v2-2__item.g-brd-white-dark-v3::before, .u-info-v2-2__item.g-brd-white-dark-v3::after { border-color: rgba(255, 255, 255, 0.3); } .u-info-v2-2__item.g-brd-black-dark-v3 { border-color: rgba(0, 0, 0, 0.3); } .u-info-v2-2__item.g-brd-black-dark-v3::before, .u-info-v2-2__item.g-brd-black-dark-v3::after { border-color: rgba(0, 0, 0, 0.3); } /*------------------------------------ Info Block v2-3 ------------------------------------*/ .u-info-v2-3:hover .u-info-v2-3__title { color: #000; } /*------------------------------------ Info Block v3-1 ------------------------------------*/ /* Title */ .info-v3-1__title { position: relative; display: inline-block; margin-left: 4.28571rem; margin-right: 4.28571rem; } .info-v3-1__title::before, .info-v3-1__title::after { content: ""; position: absolute; top: 50%; display: block; width: 3.57143rem; margin-top: -1px; height: 2px; background-color: #fff; } .info-v3-1__title::before { right: 100%; margin-right: 10px; } .info-v3-1__title::after { left: 100%; margin-left: 10px; } /*------------------------------------ Info Block v3-2 ------------------------------------*/ .info-v3-2 { position: relative; background-position: center; } .info-v3-2::before { content: ""; position: absolute; top: 1.42857rem; right: 1.42857rem; bottom: 1.42857rem; left: 1.42857rem; display: block; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 1; } .info-v3-2:hover { background-position: center 0; } /*------------------------------------ Info Block v3-3 ------------------------------------*/ .info-v3-3 { overflow: hidden; } .info-v3-3:hover .info-v3-3__title { color: #fff; } .info-v3-3:hover .info-v3-3__img, .info-v3-3:hover .info-v3-3__description { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .info-v3-3:hover .info-v3-3__content { display: block; } .info-v3-3:hover .info-v3-3__category { display: none; } .info-v3-3:hover::after { opacity: 1; } .info-v3-3::after { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; } /* Image */ .info-v3-3__img { -webkit-transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } /* Content */ .info-v3-3__content { display: none; } /* Description */ .info-v3-3__description { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } /*------------------------------------ Info Block v3-4 ------------------------------------*/ .info-v3-4 { position: relative; } .info-v3-4::before { content: ""; position: absolute; top: 0.71429rem; right: 0.71429rem; bottom: 0.71429rem; left: 0.71429rem; display: block; border: 1px solid rgba(255, 255, 255, 0.4); z-index: 1; } /*------------------------------------ Info Block v5-1 ------------------------------------*/ /* Title */ .info-v5-1__title { position: relative; display: inline-block; } .info-v5-1__title::after { content: ""; position: absolute; top: 50%; left: 100%; display: block; width: 3000%; margin-left: 15px; border-bottom: 1px solid #eee; } /*------------------------------------ Info Block v5-2 ------------------------------------*/ /* Product Image */ .info-v5-2__image { width: calc(100% + 1px); } /*------------------------------------ Info Block v5-3 ------------------------------------*/ .info-v5-3__info-price { opacity: 0; } .info-v5-3__info-title { position: absolute; left: 0; bottom: 100%; width: 100%; margin-bottom: 4.64286rem; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } .info-v5-3:hover .info-v5-3__info { color: rgba(255, 255, 255, 0.8); background-color: rgba(57, 73, 160, 0.9); } .info-v5-3:hover .info-v5-3__info-price { opacity: 1; } .info-v5-3:hover .info-v5-3__info-list { color: #fff; } .info-v5-3:hover .info-v5-3__info-list .fa { color: #fff; } .info-v5-3:hover .info-v5-3__info-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-bottom: 3.21429rem; } /*------------------------------------ Info Block v5-4 ------------------------------------*/ /* Actions */ .info-v5-4__action .fa { opacity: 0.75; } .info-v5-4__action:hover .fa { opacity: 1; } /*------------------------------------ Info Block v5-5 ------------------------------------*/ .info-v5-5__header::after, .info-v5-5__content::after { -webkit-transition: inherit; transition: inherit; } .info-v5-5__content::after { opacity: 0; } .info-v5-5:hover .info-v5-5__header::after, .info-v5-5:hover .info-v5-5__content::after { opacity: .8; } /*------------------------------------ Info Block v5-6 ------------------------------------*/ .info-v5-6:hover .info-v5-6__rating { color: #333; } .info-v5-6:hover .info-v5-6__price { background-color: #333; } .info-v5-6 .g-color-gray-light-v5--hover .g-rating, .info-v5-6 .g-bg-white--hover, .info-v5-6 .g-color-primary--hover { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: .3s; transition-duration: .3s; } .info-v5-6:hover .g-color-gray-light-v5--hover .g-rating { color: #f7f7f7; } .info-v5-6:hover .g-bg-white--hover { background: #fff; } .info-v5-6:hover .g-color-primary--hover { color: #002344; } /*-------------------------------------------------- Info Block v6-1 ----------------------------------------------------*/ .u-info-v6-1__item { position: relative; z-index: 1; padding-bottom: 0.78571rem; } .u-info-v6-1__item::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 40px; height: 1px; background-image: -webkit-linear-gradient(left, #002344 0%, transparent 100%); background-image: linear-gradient(to right, #002344 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .u-info-v6-1:hover .u-info-v6-1__item::after { width: 100%; background-image: -webkit-linear-gradient(left, #002344 0%, transparent 100%); background-image: linear-gradient(to right, #002344 0%, transparent 100%); background-repeat: repeat-x; } /*-------------------------------------------------- Info Block v7-1 ----------------------------------------------------*/ .u-info-v7-1__item { border: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .u-info-v7-1__item-child-v1 { border: 5px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .u-info-v7-1__item-child-v2 { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .u-info-v7-1:hover { border-color: #eee; } .u-info-v7-1:hover .u-info-v7-1__item { border-color: #ddd; } .u-info-v7-1:hover .u-info-v7-1__item-child-v1 { border-color: #ddd; } .u-info-v7-1:hover .u-info-v7-1__item-child-v2 { color: #fff; background: #002344; } /*-------------------------------------------------- Info Block v8-1 ----------------------------------------------------*/ .u-secondary-navigation { z-index: 3; } .u-secondary-navigation .active { font-weight: 600; } /*------------------------------------ Custom Bootstrap ------------------------------------*/ .container-semiboxed { box-sizing: border-box; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .container-semiboxed { width: 540px; } } @media (min-width: 768px) { .container-semiboxed { width: 720px; } } @media (min-width: 992px) { .container-semiboxed { width: 960px; } } @media (min-width: 1200px) { .container-semiboxed { width: 1140px; } } @media (min-width: 1400px) { .container-semiboxed { width: 1340px; } } .text-muted { color: #999 !important; } .list-group-item { border-color: #eee; } .list-group-item-action:hover { background-color: #f7f7f7; } .list-group-item.active { background-color: #002344; border-color: #002344; } .list-group-border-0 .list-group-item:first-child, .list-group-border-0 .list-group-item:last-child { border-radius: 0; } /* Paginations */ .page-link { color: #002344; } .page-link:focus, .page-link:hover { color: #002344; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { border-color: #002344; background-color: #002344; } .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: #002344; } .nav-tabs { border-bottom: 1px solid #eee; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #444; border-color: #eee #eee #fff; } .progress { font-size: 1rem; line-height: inherit; background-color: #eee; } .progress-bar { height: auto; min-height: 12px; background-color: #002344; } .btn-primary { background-color: #002344; border-color: #002344; } .btn-primary:hover { color: #fff; background-color: #364698; border-color: #364698; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 2px rgba(57, 73, 160, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #002344; border-color: #002344; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #364698; border-color: #364698; } .btn-outline-primary { color: #002344; border-color: #002344; } .btn-outline-primary:hover { background-color: #364698; border-color: #364698; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(57, 73, 160, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #002344; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { background-color: #364698; border-color: #364698; } .card, .card-header { border-color: #eee; } .card-header { padding: 0.71429rem 1.07143rem; } .card-block { padding: 1.07143rem; } .form-control, .form-control:focus { color: #444; } .form-control:focus, .custom-select:focus { border-color: #002344; } .has-success .form-control { border-color: #5cb85c; } /*-------------------------------------------------- Hamburgers ----------------------------------------------------*/ /*------------------------------------ jQuery UI ------------------------------------*/ /*------------------------------------ Pin Map ------------------------------------*/ .point::before { background: #002344; } /*-------------------------------------------------- Fancybox ----------------------------------------------------*/ /*------------------------------------ Border Colors ------------------------------------*/ /* Primary Colors */ .slick-active .g-brd-primary--before--active::before { border-color: #202020 !important; } .slick-active .g-brd-primary--active { border-color: #202020 !important; } .js-pagination .g-brd-primary--before--hover:hover::before { border-color: #202020 !important; } /*------------------------------------ Border Width ------------------------------------*/ /*------------------------------------ Box shadows ------------------------------------*/ /*------------------------------------ Dot line v1 ------------------------------------*/ /*------------------------------------ Dot line v2 ------------------------------------*/ /*------------------------------------ Border Colors ------------------------------------*/ /* Primary Colors */ .g-brd-primary--active.cbp-filter-item-active { border-color: #002344 !important; } .g-brd-primary-opacity-0_3--active.cbp-filter-item-active { border-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-dark-dark-v1--active.cbp-filter-item-active { border-color: #364698 !important; } .g-brd-primary-dark-dark-v2--active.cbp-filter-item-active { border-color: #32408d !important; } .g-brd-primary-dark-dark-v3--active.cbp-filter-item-active { border-color: #2c387a !important; } /*------------------------------------ Background Colors ------------------------------------*/ /* Primary Colors */ .g-bg-primary--active.cbp-filter-item-active { background-color: #002344 !important; } /*------------------------------------ Colors ------------------------------------*/ /* Primary Colors */ .g-color-primary--active.cbp-filter-item-active { color: #002344 !important; } .slick-active .u-pagi-control-red { background-color: #4c4c4c; } /*-------------------------------------------------- Filter v1 ----------------------------------------------------*/ .u-filter-v1 > li:hover, .u-filter-v1 [class*="active"] { color: #002344; } /*-------------------------------------------------- Carousel v10 ----------------------------------------------------*/ .u-carousel-v10 .slick-dots .slick-active button { background: #002344; } /*------------------------------------ Block Alignments ------------------------------------*/ /*------------------------------------ Background Gradient Colors ------------------------------------*/ /* Simple Linear Gradients ------------------------------------*/ /*------------------------------------ Background Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Primary Colors */ .g-bg-primary { background-color: #002344 !important; } .g-bg-primary--hover:hover { background-color: #002344 !important; } .u-block-hover:hover .g-bg-primary--hover { background-color: #002344; } .g-parent:hover .g-bg-primary--parent-hover { background-color: #002344 !important; } .g-bg-primary--active.active, .active .g-bg-primary--active { background-color: #002344 !important; } .g-parent.active .g-bg-primary--parent-active { background-color: #002344 !important; } .g-bg-primary--before::before, .g-bg-primary--after::after { background-color: #002344 !important; } .g-bg-primary-dark-v1 { background-color: #364698 !important; } .g-bg-primary-dark-v2 { background-color: #32408d !important; } .g-bg-primary-dark-v3 { background-color: #2c387a !important; } .g-bg-primary-opacity-0_1 { background-color: rgba(57, 73, 160, 0.1) !important; } .g-bg-primary-opacity-0_2 { background-color: rgba(57, 73, 160, 0.2) !important; } .g-bg-primary-opacity-0_2--hover:hover { background-color: rgba(57, 73, 160, 0.2) !important; } .g-bg-primary-opacity-0_2--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.2) !important; } .active .g-bg-primary-opacity-0_2--active { background-color: rgba(57, 73, 160, 0.2) !important; } .g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after { background-color: rgba(57, 73, 160, 0.2) !important; } .g-bg-primary-opacity-0_3 { background-color: rgba(57, 73, 160, 0.3) !important; } .g-bg-primary-opacity-0_3--hover:hover { background-color: rgba(57, 73, 160, 0.3) !important; } .g-bg-primary-opacity-0_3--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.3) !important; } .active .g-bg-primary-opacity-0_3--active { background-color: rgba(57, 73, 160, 0.3) !important; } .g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after { background-color: rgba(57, 73, 160, 0.3) !important; } .g-bg-primary-opacity-0_4 { background-color: rgba(57, 73, 160, 0.4) !important; } .g-bg-primary-opacity-0_4--hover:hover { background-color: rgba(57, 73, 160, 0.4) !important; } .g-bg-primary-opacity-0_4--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.4) !important; } .g-bg-primary-opacity-0_4--after::after { background-color: rgba(57, 73, 160, 0.4) !important; } .g-bg-primary-opacity-0_6 { background-color: rgba(57, 73, 160, 0.6) !important; } .g-bg-primary-opacity-0_6--hover:hover { background-color: rgba(57, 73, 160, 0.6) !important; } .g-bg-primary-opacity-0_6--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.6) !important; } .g-bg-primary-opacity-0_6--after::after { background-color: rgba(57, 73, 160, 0.6) !important; } .g-bg-primary-opacity-0_8 { background-color: rgba(57, 73, 160, 0.8) !important; } .g-bg-primary-opacity-0_8--hover:hover { background-color: rgba(57, 73, 160, 0.8) !important; } .g-bg-primary-opacity-0_8--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.8) !important; } .g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after { background-color: rgba(57, 73, 160, 0.8) !important; } .g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after { background-color: rgba(57, 73, 160, 0.8) !important; } .g-bg-primary-opacity-0_9 { background-color: rgba(57, 73, 160, 0.9) !important; } .g-bg-primary-opacity-0_9--hover:hover { background-color: rgba(57, 73, 160, 0.9) !important; } .g-bg-primary-opacity-0_9--hover--after:hover::after { background-color: rgba(57, 73, 160, 0.9) !important; } .g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after { background-color: rgba(57, 73, 160, 0.9) !important; } .g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after { background-color: rgba(57, 73, 160, 0.9) !important; } /* Complementary Colors ------------------------------------*/ /*------------------------------------ Social Background Colors ------------------------------------*/ /*------------------------------------ Images Grid ------------------------------------*/ /*------------------------------------ Covers ------------------------------------*/ /*------------------------------------ Background Image Style ------------------------------------*/ /*------------------------------------ Background Patterns ------------------------------------*/ /*------------------------------------ Background Position ------------------------------------*/ /*------------------------------------ Background Repeat ------------------------------------*/ /*------------------------------------ Background Size ------------------------------------*/ /* Primary Colors */ .g-fill-primary path, .g-fill-primary polygon { fill: #002344 !important; } .g-fill-primary--hover:hover path, .g-fill-primary--hover:hover polygon { fill: #002344 !important; } *:hover > * > .g-fill-primary--hover-parent svg path, *:hover > * > .g-fill-primary--hover-parent svg polygon { fill: #002344 !important; } .g-fill-white path, .g-fill-white polygon { fill: #fff !important; } .g-fill-white--hover:hover path, .g-fill-white--hover:hover polygon { fill: #fff !important; } *:hover > * > .g-fill-white--hover-parent svg path, *:hover > * > .g-fill-white--hover-parent svg polygon { fill: #fff !important; } .g-fill-gray-light-v4 path, .g-fill-gray-light-v4 polygon { fill: #eee !important; } .g-fill-gray-light-v4--hover:hover path, .g-fill-gray-light-v4--hover:hover polygon { fill: #eee !important; } *:hover > * > .g-fill-gray-light-v4--hover-parent svg path, *:hover > * > .g-fill-gray-light-v4--hover-parent svg polygon { fill: #eee !important; } /*------------------------------------ Borders Default (solid) ------------------------------------*/ /*------------------------------------ Border Style ------------------------------------*/ /*------------------------------------ Border Radius (Rounded Styles) ------------------------------------*/ /*------------------------------------ Border Width ------------------------------------*/ /*------------------------------------ Border Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Primary Colors */ .g-brd-primary { border-color: #002344 !important; } .g-brd-primary--before::before { border-color: #002344 !important; } .g-brd-primary--before--active.active::before { border-color: #002344 !important; } .g-brd-primary--hover:hover, .g-brd-primary--active.active { border-color: #002344 !important; } .g-brd-primary--active.active, .active .g-brd-primary--active { border-color: #002344 !important; } *:hover > .g-brd-primary--hover-parent { border-color: #002344 !important; } .g-brd-primary-opacity-0_3 { border-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-opacity-0_3--hover:hover, .g-brd-primary-opacity-0_3--active.active { border-color: rgba(57, 73, 160, 0.3) !important; } *:hover > .g-brd-primary-opacity-0_3--hover-parent { border-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-dark-dark-v1 { border-color: #364698 !important; } .g-brd-primary-dark-dark-v1--hover:hover, .g-brd-primary-dark-dark-v1--active.active { border-color: #364698 !important; } *:hover > .g-brd-primary-dark-dark-v1--hover-parent { border-color: #364698 !important; } .g-brd-primary-dark-dark-v2 { border-color: #32408d !important; } .g-brd-primary-dark-dark-v2--hover:hover, .g-brd-primary-dark-dark-v2--active.active { border-color: #32408d !important; } *:hover > .g-brd-primary-dark-dark-v2--hover-parent { border-color: #32408d !important; } .g-brd-primary-dark-dark-v3 { border-color: #2c387a !important; } .g-brd-primary-dark-dark-v3--hover:hover, .g-brd-primary-dark-dark-v3--active.active { border-color: #2c387a !important; } *:hover > .g-brd-primary-dark-dark-v3--hover-parent { border-color: #2c387a !important; } .g-brd-bottom-primary--hover:hover { border-bottom-color: #002344 !important; } /* Complementary Colors ------------------------------------*/ /* Color Red */ .g-brd-red { border-color: #4c4c4c !important; } .g-brd-red--hover:hover, .g-brd-red--active.active { border-color: #4c4c4c !important; } *:hover > .g-brd-red--hover-parent { border-color: #4c4c4c !important; } /* Primary Colors */ .g-brd-primary-top { border-top-color: #002344 !important; } .g-brd-primary-top--before::before { border-top-color: #002344 !important; } .g-brd-primary-bottom { border-bottom-color: #002344 !important; } .g-brd-primary-bottom--before:before { border-bottom-color: #002344 !important; } .g-brd-primary-left { border-left-color: #002344 !important; } .g-brd-primary-left--before:before { border-left-color: #002344 !important; } .g-brd-primary-right { border-right-color: #002344 !important; } .g-brd-primary-right--before:before { border-right-color: #002344 !important; } .g-brd-primary-opacity-0_3-top { border-top-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-opacity-0_3-bottom { border-bottom-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-opacity-0_3-left { border-left-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-opacity-0_3-right { border-right-color: rgba(57, 73, 160, 0.3) !important; } .g-brd-primary-dark-dark-v1-top { border-top-color: #364698 !important; } .g-brd-primary-dark-dark-v1-bottom { border-bottom-color: #364698 !important; } .g-brd-primary-dark-dark-v1-left { border-left-color: #364698 !important; } .g-brd-primary-dark-dark-v1-right { border-right-color: #364698 !important; } .g-brd-primary-dark-dark-v2-top { border-top-color: #32408d !important; } .g-brd-primary-dark-dark-v2-bottom { border-bottom-color: #32408d !important; } .g-brd-primary-dark-dark-v2-left { border-left-color: #32408d !important; } .g-brd-primary-dark-dark-v2-right { border-right-color: #32408d !important; } .g-brd-primary-dark-dark-v3-top { border-top-color: #2c387a !important; } .g-brd-primary-dark-dark-v3-bottom { border-bottom-color: #2c387a !important; } .g-brd-primary-dark-dark-v3-left { border-left-color: #2c387a !important; } .g-brd-primary-dark-dark-v3-right { border-right-color: #2c387a !important; } /* Complementary Colors ------------------------------------*/ /*------------------------------------ Social Border Colors ------------------------------------*/ /*------------------------------------ Border Gradient Colors ------------------------------------*/ /*------------------------------------ Typography Font Family ------------------------------------*/ /*------------------------------------ Typography Font Weight ------------------------------------*/ /*------------------------------------ Typography Text Transform ------------------------------------*/ /*------------------------------------ Typography Text Decoration ------------------------------------*/ /*------------------------------------ Typography Letter Spacing ------------------------------------*/ /*------------------------------------ Typography Line Height ------------------------------------*/ /*------------------------------------ Typography Font Style ------------------------------------*/ /*------------------------------------ List Style Types ------------------------------------*/ /*------------------------------------ Text Types ------------------------------------*/ /*------------------------------------ Quotes ------------------------------------*/ /*------------------------------------ Positions ------------------------------------*/ /*------------------------------------ Position Spaces ------------------------------------*/ /*------------------------------------ Block Alignments ------------------------------------*/ /*------------------------------------ Alignments ------------------------------------*/ /*------------------------------------ Blur ------------------------------------*/ /*------------------------------------ Box-shadows ------------------------------------*/ /*------------------------------------ Clear ------------------------------------*/ /*------------------------------------ Cursors ------------------------------------*/ /*------------------------------------ Overflows ------------------------------------*/ /*------------------------------------ Transitions ------------------------------------*/ /*------------------------------------ Transforms ------------------------------------*/ /*------------------------------------ Opacity ------------------------------------*/ /*------------------------------------ Z-Index ------------------------------------*/ /*------------------------------------ Placeholder ------------------------------------*/ /*------------------------------------ Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Main Colors */ .g-color-main { color: #444 !important; } .g-color-main--hover:hover { color: #444 !important; } /* Primary Colors */ .g-color-primary { color: #002344 !important; } .u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover { color: #002344 !important; } .g-color-primary-opacity-0_3 { color: rgba(57, 73, 160, 0.3) !important; } .g-color-primary-opacity-0_4 { color: rgba(57, 73, 160, 0.4) !important; } .g-color-primary--before::before, .g-color-primary--after::after { color: #002344; } /* Client Color Green*/ .g-color-litegreen { color: #37d8d8 !important; } .g-color-litegreen--hover:hover { color: #37d8d8 !important; } /* Complementary Colors ------------------------------------*/ /* Color Red */ .g-color-red { color: #c82727 !important; } .g-color-red--hover:hover { color: #c82727 !important; } /* Color Light Red */ .g-color-lightred { color: #cd3c3c !important; } .g-color-lightred--hover:hover { color: #cd3c3c !important; } /* Color Dark Red */ .g-color-darkred { color: #8c1b1b !important; } .g-color-darkred--hover:hover { color: #8c1b1b !important; } /* Color Purple */ .g-color-purple { color: #9a69cb; } .g-color-purple--hover:hover { color: #9a69cb !important; } .g-color-purple-dark-v1 { color: #552c7e !important; } /* Color Dark Purple */ .g-color-darkpurple { color: #6639b6 !important; } .g-color-darkpurple--hover:hover { color: #6639b6 !important; } /* Color Pink */ .g-color-pink { color: #e81c62; } .g-color-pink--hover:hover { color: #e81c62 !important; } .g-color-pink-dark-v1 { color: #6f0b2d !important; } /*------------------------------------ Gradient Colors ------------------------------------*/ /*------------------------------------ Widths ------------------------------------*/ /* Add here all your styles (customizations) */ /*Test comment*/ /* Typography */ a { color: #c82727; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #333; } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { background-color: #202020; } /* Background */ .g-theme-bg-blue-dark-v1 { background-color: #14112c !important; } .g-theme-bg-blue-dark-v1--hover:hover { background-color: #14112c !important; } input[type="checkbox"]:checked + .g-theme-bg-blue-dark-v1--checked, input[type="radio"]:checked + .g-theme-bg-blue-dark-v1--checked, input[type="checkbox"]:checked + * .g-theme-bg-blue-dark-v1--checked, input[type="radio"]:checked + * .g-theme-bg-blue-dark-v1--checked { background-color: #14112c !important; } .g-theme-bg-blue-dark-v1--checked.g-checked, .g-checked .g-theme-bg-blue-dark-v1--checked { background-color: #14112c !important; } .g-theme-bg-blue-dark-v1-opacity-0_8 { background-color: rgba(255, 255, 255, 0.8) !important; } .g-theme-bg-blue-dark-v1-opacity-0_9 { background-color: rgba(255, 255, 255, 0.9) !important; } .g-theme-bg-blue-dark-v2 { background-color: #1d1a37 !important; } .g-theme-bg-blue-dark-v2--hover:hover { background-color: #1d1a37 !important; } input[type="checkbox"]:checked + .g-theme-bg-blue-dark-v2--checked, input[type="radio"]:checked + .g-theme-bg-blue-dark-v2--checked, input[type="checkbox"]:checked + * .g-theme-bg-blue-dark-v2--checked, input[type="radio"]:checked + * .g-theme-bg-blue-dark-v2--checked { background-color: #1d1a37 !important; } .g-theme-bg-blue-dark-v2--checked.g-checked, .g-checked .g-theme-bg-blue-dark-v2--checked { background-color: #1d1a37 !important; } .g-theme-bg-blue-dark-v2-opacity-0_8 { background-color: rgba(29, 26, 55, 0.8) !important; } .g-theme-bg-blue-dark-v3 { background-color: #002344 !important; } .g-theme-bg-blue-dark-v3--hover:hover { background-color: #002344 !important; } input[type="checkbox"]:checked + .g-theme-bg-blue-dark-v3--checked, input[type="radio"]:checked + .g-theme-bg-blue-dark-v3--checked, input[type="checkbox"]:checked + * .g-theme-bg-blue-dark-v3--checked, input[type="radio"]:checked + * .g-theme-bg-blue-dark-v3--checked { background-color: #002344 !important; } .g-theme-bg-blue-dark-v3--checked.g-checked, .g-checked .g-theme-bg-blue-dark-v3--checked { background-color: #002344 !important; } .g-theme-bg-blue-dark-v3-opacity-0_8 { background-color: rgba(33, 30, 63, 0.8) !important; } /* Border */ .g-brd-primary-dark-v3 { border-color: #14112c !important; } .g-brd-bottom-primary--hover:hover { border-bottom-color: #002344 !important; } /* Carousel */ .u-carousel-indicators-v1 li span { width: 5px; height: 5px; background-color: #fff; } .u-carousel-indicators-v1 li.slick-active span { background-color: #002344; } /* Secure Forms */ .ei-sf-nav-bg { background-color: rgba(13, 13, 13, 0.9) !important; } .ei-sf-nav-link { color: #fff !important; } .ei-sf-nav-link:hover { color: #fff !important; } .ei-sf-nav-hamburger-inner, .ei-sf-nav-hamburger-inner::after, .ei-sf-nav-hamburger-inner::before { background-color: #fff; } .ei-sf-body { background-color: #202020; } .ei-sf-footer { background-color: #202020; color: #fff !important; } .ei-sf-social-icon { background-color: #fff; width: 28px !important; height: 28px !important; font-size: 1.25rem !important; color: #202020 !important; border-color: #fff !important; border-radius: 4px !important; position: relative; display: inline-block; text-align: center; } .ei-sf-social-icon > i { position: relative; top: 50%; display: block; transform: translateY(-50%); z-index: 2; } .ei-sf-social-icon:hover { color: #fff !important; background-color: #4c4c4c !important; text-decoration: none; } /* Wizard */ .container { max-width: 2500px; width: 100%; padding-right: 75px; padding-left: 75px; margin-right: auto; margin-left: auto; } .ei-wizard-step label { margin-bottom: 0px; } .ei-wizard-step form .row input { margin-bottom: 10px; } .ei-wizard-title { font-size: 1.7rem; line-height: 1.2; font-weight: 600; color: #202020; margin-bottom: .5rem; } .ei-secure { font-size: 1rem; line-height: 1.5; font-weight: 400; color: #939393; margin-bottom: .5rem; text-transform: uppercase; } .ei-wizard-subtitle { font-size: 1rem; line-height: 1.2; font-weight: 500; color: #202020; margin-bottom: .5rem; } .ei-wizard-details { font-size: .75rem; line-height: 1.2; font-weight: 400; color: #202020; margin-bottom: .5rem; } .ei-wizard-body-subtitle { font-size: 1.3rem; line-height: 1.5; font-weight: 500; color: #202020; margin-bottom: .5rem; } .ei-wizard-container { margin-top: 75px; margin-left: 75px; max-width: 550px; } .ei-wizard-header { padding: 15px; border-radius: 15px 15px 0px 0px; background-color: #FFF; } .ei-wizard-step { padding: 0px; min-height: 400px; } .ei-wizard-step-short { min-height: 200px; } .ei-wizard-body { padding: 15px; border-top: 2px Solid #202020; background-color: rgba(255, 255, 255, 1); } .ei-input { font-size: 1.2rem; line-height: 1.5; border: 2px Solid #666666; } .ei-customer-name { font-weight: bold; } .ei-wizard-footer { padding: 15px; border-top: 2px Solid #202020; border-radius: 0px 0px 15px 15px; background-color: rgba(255, 255, 255, 1); margin-bottom: 20px; } .ei-progress { font-size: 1rem; line-height: inherit; background-color: #eee; } .ei-progress-bar { height: auto; min-height: 12px; background-color: #4c4c4c; } .ei-process { position: inherit; } .ei-process .ei-process-title { font-weight: 400; font-size: 1rem; color: #939393; } .ei-process .ei-process-active .ei-process-title { font-weight: 700; color: #202020; } .ei-wizard-next-btn { font-size: 1.0rem; color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #202020; } .ei-wizard-next-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #4c4c4c; } .ei-wizard-finish-btn { font-size: 1.0rem; color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #202020; } .ei-wizard-finish-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #4c4c4c; } .ei-wizard-previous-btn { font-size: 1.0rem; color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-wizard-previous-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #202020; } .ei-order-summary-container { margin-left: 20px; margin-right: 20px } .ei-wizard-donate-btn { font-size: 1.0rem; color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #202020; } .ei-wizard-donate-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #4c4c4c; } .ei-wizard-membership-btn { font-size: 1.0rem; color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #202020; } .ei-wizard-membership-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #4c4c4c; } .ei-wizard-continue-btn { font-size: 1.0rem; color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #202020; } .ei-wizard-continue-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #4c4c4c; } /* Contact Us */ .ei-contact-us-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } /* Donate */ .ei-donate-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-donate-preset-btn { font-size: 1.2rem; color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-donate-preset-btn[disabled] { opacity: 0.3; } .ei-donate-preset-btn[disabled]:hover { color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-donate-preset-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #202020; } .ei-donate-preset-btn:active { color: #fff; font-weight: 600; background-color: #202020; border: 2px Solid #fff; } /* Membership */ .ei-membership-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-membership-preset-btn { font-size: 1.2rem; color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-membership-preset-btn[disabled] { opacity: 0.3; } .ei-membership-preset-btn[disabled]:hover { color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-membership-preset-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #202020; } .ei-membership-preset-btn:active { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #fff; } .ei-membership-add-applicant-btn { font-size: 1.2rem; color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-membership-delete-applicant { color: #212529; background-color: #ffc107; border-color: #ffc107; } .ei-membership-applicant-form { } .ei-membership-applicant-title { font-weight: bold; } /* Subscribe*/ .ei-subscribe-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-unsubscribe-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } /* temporary */ .ei-wizard-note { font-size: 1.0rem; line-height: 1.6; color: #444; margin-bottom: .5rem; } .ei-subscribe-body-block { font-size: 1.0rem; line-height: 1.6; color: #444; margin-bottom: .5rem; } /* Survey */ .ei-survey-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-answer-container { margin-top: 15px; padding-left: 30px; padding-right: 30px; } .ei-survey-section-title { font-size: 1.5rem !important; line-height: 1.2; font-weight: 600; color: #202020; margin-bottom: .4rem; text-transform: uppercase; } .ei-survey-question-title { font-size: 1.25rem; line-height: 1.2; font-weight: 600; color: #4c4c4c; margin-bottom: .4rem; } .ei-survey-question-body { font-size: 1rem; line-height: 1; color: #4c4c4c; } .ei-answer-radio { margin-bottom: 10px; font-size: 1.2rem; line-height: 2.25; } .ei-answer-radio *:hover { background-color: #aabcd4 !important; cursor: pointer; } .ei-answer-radio input { margin-bottom: 0px !important; vertical-align: -0.1em; } .ei-answer-radio-label { padding-left: 10px; } .ei-answer-radio-scale { font-weight: 400; font-size: 0.85rem; text-align: center !important; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.6; color: #444; } .ei-answer-radio-scale:hover { font-weight: 700 !important; color: #202020 !important; } .ei-answer-check { margin-bottom: 10px; font-size: 1.2rem; line-height: 1.25; } .ei-answer-check *:hover { background-color: #aabcd4 !important; cursor: pointer; } .ei-answer-check input { margin-bottom: 0px !important; vertical-align: -0.1em; } .ei-answer-check-label { padding-left: 10px; } .ei-answer-rating { margin-bottom: 10px; font-size: 1.2rem; line-height: 2.25; } .ei-answer-rating *:hover { background-color: #aabcd4 !important; cursor: pointer; } .ei-answer-rating-selected { background-color: #aabcd4 !important; } .ei-answer-rating .ei-answer-rating-cell { margin-bottom: 0px !important; vertical-align: -0.1em; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; border-right: none; } /* Event Ticket */ .ei-event-ticket-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-eventticket-rule { background-color: rgba(120,120,120,0.1); } .ei-eventticket-group { font-size: 1.3rem; line-height: 1.5; font-weight: bolder; color: #202020; } .ei-eventticket-groupdesc { font-size: 1rem; line-height: 1.5; } .ei-eventticket-type { font-size: 1rem; line-height: 1.5; font-weight: 400; } .ei-eventticket-price { font-size: .85rem; line-height: 1.2; font-weight: bolder; } .ei-eventticket-available { font-size: .85rem; line-height: 1.2; font-weight: 400; font-style: italic; } .ei-eventticket-typedesc { font-size: .85rem; line-height: 1.2; font-weight: 400; } /* Petition */ .ei-petition-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } /* Volunteer */ .ei-volunteer-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } /* Lawn Signs */ .ei-lawnsign-wizard { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } .ei-lawnsign-preset-btn { font-size: 1.2rem; color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-lawnsign-preset-btn[disabled] { opacity: 0.3; } .ei-lawnsign-preset-btn[disabled]:hover { color: #202020; font-weight: 600; background-color: #fff; border: 2px Solid #202020; } .ei-lawnsign-preset-btn:hover { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #202020; } .ei-lawnsign-preset-btn:active { color: #fff; font-weight: 600; background-color: #4c4c4c; border: 2px Solid #fff; } /* Terms and Conditions */ .ei-term-condition-container { } .ei-term-condition { } /* Payment */ .ei-payment-container { } .ei-payment-btn { background-color: #202020; } .ei-payments { } .ei-payments * { font-family: Inter UI, Open Sans, Segoe UI, sans-serif; font-size: 16px; font-weight: 500; } .ei-payments form { } .ei-payments form > * + * { } .ei-payments .container { background-color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 3px; } .ei-payments fieldset { border-style: none; padding: 5px; /* margin-left: -5px; margin-right: -5px; */ background: rgba(18, 91, 152, 0.05); border-radius: 8px; } .ei-payments fieldset legend { float: left; width: 100%; text-align: center; font-size: 13px; color: #8898aa; padding: 3px 10px 7px; } .ei-payments .card-only { display: block; } .ei-payments .payment-request-available { display: none; } .ei-payments fieldset legend + * { clear: both; } .ei-payments input, .ei-payments button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-style: none; color: #fff; } .ei-payments input:-webkit-autofill { transition: background-color 100000000s; -webkit-animation: 1ms void-animation-out; } .ei-payments #eiPaymentCard { padding: 10px; margin-bottom: 2px; } .ei-payments input { -webkit-animation: 1ms void-animation-out; } .ei-payments input::-webkit-input-placeholder { color: #9bacc8; } .ei-payments input::-moz-placeholder { color: #9bacc8; } .ei-payments input:-ms-input-placeholder { color: #9bacc8; } .ei-payments button { display: block; width: 100%; height: 37px; border-radius: 2px; color: #fff; cursor: pointer; } .ei-payments button:active { background-color: #b76ac4; } .ei-payments .error svg .base { fill: #e25950; } .ei-payments .error svg .glyph { fill: #f6f9fc; } .ei-payments .error .message { color: #e25950; } .ei-payments .success .icon .border { stroke: #ffc7ee; } .ei-payments .success .icon .checkmark { stroke: #d782d9; } .ei-payments .success .title { color: #32325d; } .ei-payments .success .message { color: #8898aa; } .ei-payments .success .reset path { fill: #d782d9; } .ei-order-summary-headings { border-bottom: 1px Solid #202020; font-weight: 700 !important; } .ei-order-summary-total { border-top: 1px Solid #202020; font-weight: 700 !important; } @media (max-width: 767px) { .container { width: 100%; padding-right: 10px; padding-left: 5px; margin-right: auto; margin-left: auto; } .ei-wizard-container { margin-top: 0px; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; max-width: 100%; } .ei-wizard-header { padding: 15px; border-radius: 0px 0px 0px 0px; background-color: #FFF; } .ei-wizard-step { padding: 0px; min-height: 400px; } .ei-wizard-step-short { min-height: 200px; } .ei-wizard-body { padding: 15px; border-top: 2px Solid #202020; background-color: rgba(255, 255, 255, 1); } .ei-input { font-size: 1.2rem; line-height: 1.5; border: 2px Solid #666666; } .ei-wizard-footer { padding: 15px; border-top: 2px Solid #202020; border-radius: 0px 0px 0px 0px; background-color: rgba(255, 255, 255, 1); margin-bottom: 0px; } /* Contact Us */ .ei-contact-us-wizard { background-image: url(''); min-height: 1px; } /* Donate */ .ei-donate-wizard { background-image: url(''); min-height: 1px; } /* Membership */ .ei-membership-wizard { background-image: url(''); min-height: 1px; } /* Subscribe */ .ei-subscribe-wizard { background-image: url(''); min-height: 1px; } .ei-unsubscribe-wizard { background-image: url(''); min-height: 1px; } /* Survey */ .ei-survey-wizard { background-image: url(''); min-height: 1px; } /* Event Ticket */ .ei-event-ticket-wizard { background-image: url(''); min-height: 1px; } /* Petition */ .ei-petition-wizard { background-image: url(''); min-height: 1px; } /* Volunteer */ .ei-volunteer-wizard { background-image: url(''); min-height: 1px; } /* Lawn Sign */ .ei-lawnsign-wizard { background-image: url(''); min-height: 1px; } } .img-responsive { display: block; height: auto; max-width: 100%; width: 100%; } /*------------------------------------ Page Container ------------------------------------*/ .ei-sitepage.container { width: 1340px; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } /* Set Page Background Color*/ .ei-sitepage-bg { background-color: #5e5e5e !important; } /*------------------------------------ Page Navigation ------------------------------------*/ /* Set Navigation Background Color*/ .ei-sp-nav-bg { background-color: rgba(13, 13, 13, 0.9) !important; } /* Set Navigation Menu Item Style*/ .ei-sp-nav-link { color: #fff !important; font-size: 1rem; line-height: 1.6; font-weight: 400; letter-spacing: 0.14286rem; } /* Set Navigation Menu Item Style on Hover*/ .ei-sp-nav-link:hover { color: rgb(255, 255, 255) !important; font-weight: 700; } /* Set Navigation Hamburger Style*/ .ei-sp-nav-hamburger-inner, .ei-sp-nav-hamburger-inner::after, .ei-sp-nav-hamburger-inner::before { background-color: #fff; } /*------------------------------------ Page Banner ------------------------------------*/ .ei-nav-margin { margin-bottom: 81px; } .ei-page-logo { max-height: 75px; } .ei-banner-border { border-bottom: 1rem solid #cc0a2f; } img.ei-banner { display: block; height: auto; max-width: 100%; width: 100%; max-height: 500px; } .ei-viewimages { position: absolute; bottom: 0; right: 0; margin-right: 2rem; margin-bottom: 2rem; font-weight: bold; } /*------------------------------------ Event Landing Page ------------------------------------*/ .ei-event-landing-page { background-color: #fff; color: #000; } .ei-eventsummary-mobile { display: none; } .ei-eventTitle { font-size: 2rem; line-height: 1.2; font-weight: bold; text-transform: uppercase; } .ei-eventAbstract { font-size: 1.25rem; line-height: 1.5; font-weight: 500; } .ei-eventsection-title { color: #151515 !important; font-size: 1.5rem; font-weight: 600; } .ei-eventsection-brd { border-color: #cc0a2f !important; } .ei-eventsocialshare { color: #151515 !important; } .ei-eventsummary-full { display: block; } .ei-eventinfo-bdr { border-width: 2px !important; border-color: #000 !important; padding: 1.78571rem !important; border: solid !important; border-radius: 25px !important; } /* (xs) Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .ei-nav-margin { margin-bottom: 68px; } .ei-page-logo { max-height: 60px; } .ei-secure { font-size: .85rem; line-height: 1.5; font-weight: 400; color: #939393; margin-bottom: .5rem; text-transform: uppercase; } .ei-sitepage.container { width: 100%; } .ei-banner-border { border-bottom: .5rem solid #cc0a2f; } .ei-wizard-title { font-size: 1.2rem; line-height: 1; font-weight: 600; color: #0f0f0f; margin-bottom: .5rem; } .ei-wizard-subtitle { font-size: 1rem; line-height: .9; font-weight: 500; color: #202020; margin-bottom: .5rem; } .ei-viewimages { position: absolute; bottom: 0; right: 0; margin-right: .75rem; margin-bottom: .75rem; font-weight: bold; } .ei-eventsummary-mobile { display: block; } .ei-eventTitle { font-size: 1.5rem; line-height: 1.2; font-weight: bold; padding-top: 1rem; text-transform: uppercase; } .ei-eventAbstract { font-size: 1.1rem; line-height: 1.2; font-weight: 500; } .ei-eventsummary-full { display: none; } .ei-eventinfo-bdr { border-width: 0px !important; border-color: #000 !important; padding: 0rem !important; border: none !important; border-radius: 0px !important; } } /*------------------------------------ Sites Portal ------------------------------------*/ /* Login Page */ .ei-portal-login { background-repeat: no-repeat; min-height: 1000px; background-position: right top; background-color: #58595b; background-size: cover; } /* Inside Pages */ .ei-portal-bg { min-height: 810px; background-color: #f7f7f7; } .ei-portal-primarycolor { color: #CC092F; } .ei-portal-topnav { background-color: #ffffff; border-bottom-right-radius: 7px !important; border-bottom-left-radius: 7px !important; } .ei-portal-sidenav { background-color: #ffffff; border-radius: 7px !important; } .ei-portal-divline { border-bottom: 2px solid #CC092F; } .ei-portal-container { background-color: #ffffff; border-radius: 7px !important; padding: 20px; } .ei-portal-appbtn { color: #CC092F; background-color: transparent; background-image: none; border-color: #CC092F; } .ei-portal-appbtn:hover { color: #fff; background-color: #CC092F; border-color: #CC092F; } .ei-portal-cardbtn { color: #CC092F; background-color: transparent; background-image: none; } .ei-portal-cardbtn:hover { color: #fff; background-color: #CC092F; border-color: #CC092F; } .ei-portal-tablelink { color: #CC092F; text-decoration: none; } .ei-portal-tablelink:hover { color: #f20b38; text-decoration: none; } .ei-portal-open-application-container { background-color: rgba(21, 78, 142,0.1); border-radius: 7px !important; } .ei-portal-application-form-help-container { background-color: rgba(21, 78, 142,0.1); border-radius: 5px !important; } .ei-portal-application-name { font-size: 1.2rem; color: #CC092F; } .ei-portal-application-desc { font-size: .85rem; } .ei-custom-question-title { font-size: 1.2rem !important; color: #CC092F !important; } .ei-custom-question-body { font-size: 1rem !important; } .ei-custom-question-body a { font-size: 1rem !important; color: #CC092F !important; text-decoration: underline; } .ei-custom-question-body a:hover { font-size: 1rem !important; color: #f20b38 !important; text-decoration: underline; } .ei-custom-question-label { } .ei-portal-appsectionbtn { color: #ffffff; background-color: #CC092F; background-image: none; border-color: #CC092F; } .ei-portal-appsectionbtn:hover { color: #fff; background-color: #f20b38; border-color: #f20b38; } /*------------------------------------ Sites Store ------------------------------------*/ .ei-store-bg { min-height: 810px; background-color: #f7f7f7; } .ei-store-productlink { color: #444444; text-decoration: none; } .ei-store-productlink:hover { color: #CC092F; text-decoration: none; } /*.ei-basket-add-btn { color: #ffffff; background-color: #CC092F; background-image: none; border-color: #CC092F; margin-top: auto; } .ei-basket-add-btn:hover { color: #fff; background-color: #f20b38; border-color: #f20b38; } */ .ei-store-basket-summary-container { background-color: rgba(120,120,120,0.1) } .ei-store-basket-promo-add .ei-store-add-icon { color: #CC092F; cursor: pointer; } .ei-store-basket-promo-add:hover .ei-store-add-icon { color: #f20b38; cursor: pointer; } .ei-store-basket-promo-add .ei-store-add-label { color: #7e7e7e; cursor: pointer; } .ei-store-basket-promo-add:hover .ei-store-add-label { color: #444444; cursor: pointer; } /* (sm) Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width: 767.98px) { .ei-sitepage.container { width: 540px; } } /* (md) Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) and (max-width: 991.98px) { .ei-sitepage.container { width: 720px; } } /* (lg) Large devices (desktops, 992px and up)*/ @media (min-width: 992px) and (max-width: 1199.98px) { .ei-sitepage.container { width: 960px; } } /* (xl) Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) and (max-width: 1399.98px) { .ei-sitepage.container { width: 1140px; } } /* (xxl) Widescreen devices (large desktops, 1200px and up)*/ @media (min-width: 1400px) { .ei-sitepage.container { width: 1340px; } }