.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, .u-secondary-navigation .active a { color: #72c02c; } .u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover { color: #72c02c !important; } /*------------------------------------ Custom BG ------------------------------------*/ [class*="g-bgi-v"] { background-position: center; background-attachment: fixed; } .g-bgi-v1, .g-bgi-v1 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img1.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v2, .g-bgi-v2 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img2.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v3, .g-bgi-v3 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img3.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v4, .g-bgi-v4 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img4.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v5, .g-bgi-v5 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img5.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v6, .g-bgi-v6 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img6.jpg); background-size: cover; background-repeat: no-repeat; } .g-bgi-v7, .g-bgi-v7 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img-temp/1920x1080/img7.jpg); } .g-bgi-v8, .g-bgi-v8 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/bricks-white.png); } .g-bgi-v9, .g-bgi-v9 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/math-dark.png); } .g-bgi-v10, .g-bgi-v10 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/figures-light.png); } .g-bgi-v11, .g-bgi-v11 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/footer-lodyas.png); } .g-bgi-v12, .g-bgi-v12 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/doodles.png); } .g-bgi-v13, .g-bgi-v13 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/darkness.png); } .g-bgi-v14, .g-bgi-v14 .u-outer-spaces-helper::after { background-image: url(http://ganiev.me/preview/unify-v2.5.1/assets/img/bg/pattern/memphis-colorful.png); } /*------------------------------------ Boxed layout ------------------------------------*/ .g-layout-boxed, .g-layout-semiboxed { background-color: #f7f7f7; } .u-outer-space-v1 .g-layout-boxed::after, .u-outer-space-v2 .g-layout-boxed::after, .u-outer-space-v1 .g-layout-semiboxed::after, .u-outer-space-v2 .g-layout-semiboxed::after { border-bottom-color: #f7f7f7; } .g-layout-boxed main, .g-layout-semiboxed main { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } @media (min-width: 1200px) { .g-layout-boxed main { width: 1140px; } } @media (min-width: 1400px) { .g-layout-semiboxed main { width: 1340px; } } @media (min-width: 768px) { .u-outer-space-v1 { margin: 20px; } } @media (min-width: 768px) { .u-outer-space-v1 body { height: calc(100% - 40px); min-height: calc(100% - 40px); } } @media (min-width: 768px) { .u-outer-space-v2 { margin: 40px; } } @media (min-width: 768px) { .u-outer-space-v2 body { height: calc(100% - 80px); min-height: calc(100% - 80px); } } /*------------------------------------ Dark Theme ------------------------------------*/ .g-dark-theme { background-color: #000; color: #fff; } .g-dark-theme main { background-color: #222; } .g-dark-theme .u-header__section { background-color: #222; } .g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .nav-link { color: #fff; } .g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .active > .nav-link { color: rgba(255, 255, 255, 0.7); } .g-dark-theme .u-btn-inset::before { border-color: #222; } /*------------------------------------ Fonts ------------------------------------*/ body { font-family: Open Sans, Helvetica, Arial, sans-serif; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Open Sans, Helvetica, Arial, sans-serif; } a { color: #72c02c; outline: none; } a:focus, a:hover { color: #66ab27; } /*------------------------------------ Bootstrap ------------------------------------*/ .page-link, .page-link:hover, .page-link:focus, .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #72c02c; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover, .btn-primary, .btn-primary:disabled, .btn-primary.disabled { border-color: #72c02c; background-color: #72c02c; } .btn-outline-primary { color: #72c02c; border-color: #72c02c; } .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { background-color: #6db82a; border-color: #6db82a; } .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active, .progress-bar { background-color: #72c02c; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #6db82a; border-color: #6db82a; } .btn-primary:focus, .btn-primary.focus, .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(114, 192, 44, 0.5); } /*------------------------------------ Background colors ------------------------------------*/ .g-bg-primary, .g-bg-primary--hover:hover, .g-parent:hover .g-bg-primary--parent-hover, .g-bg-primary--active.active, .active .g-bg-primary--active, .g-parent.active .g-bg-primary--parent-active { background-color: #72c02c !important; } .g-bg-primary--before::before, .g-bg-primary--after::after { background-color: #72c02c !important; } .g-bg-primary-opacity-0_1 { background-color: rgba(114, 192, 44, 0.1) !important; } .g-bg-primary-opacity-0_2, .g-bg-primary-opacity-0_2--hover:hover, .g-bg-primary-opacity-0_2--hover--after:hover::after, .g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after { background-color: rgba(114, 192, 44, 0.2) !important; } .active .g-bg-primary-opacity-0_2--active { background-color: rgba(114, 192, 44, 0.2) !important; } .g-bg-primary-opacity-0_4, .g-bg-primary-opacity-0_4--hover:hover, .g-bg-primary-opacity-0_4--hover--after:hover::after, .g-bg-primary-opacity-0_4--after::after { background-color: rgba(114, 192, 44, 0.4) !important; } .g-bg-primary-opacity-0_6, .g-bg-primary-opacity-0_6--hover:hover, .g-bg-primary-opacity-0_6--hover--after:hover::after, .g-bg-primary-opacity-0_6--after::after { background-color: rgba(114, 192, 44, 0.6) !important; } .g-bg-primary-opacity-0_8, .g-bg-primary-opacity-0_8--hover:hover, .g-bg-primary-opacity-0_8--hover--after:hover::after, .g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after, .g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after { background-color: rgba(114, 192, 44, 0.8) !important; } .g-bg-primary-opacity-0_9, .g-bg-primary-opacity-0_9--hover:hover, .g-bg-primary-opacity-0_9--hover--after:hover::after, .g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after, .g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after { background-color: rgba(114, 192, 44, 0.9) !important; } .g-bg-primary-dark-v1 { background-color: #6db82a !important; } .g-bg-primary-dark-v2 { background-color: #66ab27 !important; } .g-bg-primary-dark-v3 { background-color: #599722 !important; } /*.g-bg-primary-gradient-opacity-v1, .g-bg-primary-gradient-opacity-v1--after::after { background: linear-gradient(to bottom, rgba(red(@customColor), green(@customColor), blue(@customColor), .5), rgba(red(@customColor), green(@customColor), blue(@customColor), 1)); }*/ /*------------------------------------ Border colors ------------------------------------*/ .g-brd-primary, .g-brd-primary--before::before, .g-brd-primary--before--active.active::before, .slick-active .g-brd-primary--before--active::before, .g-brd-primary--hover:hover, .g-brd-primary--active.active, .g-brd-primary--active.cbp-filter-item-active, .slick-active .g-brd-primary--active, *:hover > .g-brd-primary--hover-parent { border-color: #72c02c !important; } .g-brd-primary-opacity-0_3, .g-brd-primary-opacity-0_3--hover:hover, .g-brd-primary-opacity-0_3--active.active, .g-brd-primary-opacity-0_3--active.cbp-filter-item-active, *:hover > .g-brd-primary-opacity-0_3--hover-parent { border-color: rgba(114, 192, 44, 0.3) !important; } .g-brd-primary-top, .g-brd-primary-top--before::before, .g-brd-primary-top--hover:hover, .g-brd-primary-top--hover:hover::after, .g-brd-primary-top--active.active, .g-brd-primary-top--active.active::after { border-top-color: #72c02c !important; } .g-brd-primary-bottom, .g-brd-primary-bottom--before::before, .g-brd-primary-bottom--hover:hover, .g-brd-primary-bottom--hover:hover::after, .g-brd-primary-bottom--active.active, .g-brd-primary-bottom--active.active::after { border-bottom-color: #72c02c !important; } .g-brd-primary-left, .g-brd-primary-left--before::before { border-left-color: #72c02c !important; } .g-brd-primary-right, .g-brd-primary-right--before::before { border-right-color: #72c02c !important; } .g-brd-primary-opacity-0_3-top { border-top-color: rgba(114, 192, 44, 0.3) !important; } .g-brd-primary-opacity-0_3-bottom { border-bottom-color: rgba(114, 192, 44, 0.3) !important; } .g-brd-primary-opacity-0_3-left { border-left-color: rgba(114, 192, 44, 0.3) !important; } .g-brd-primary-opacity-0_3-right { border-right-color: rgba(114, 192, 44, 0.3) !important; } .g-brd-primary-dark-dark-v1, .g-brd-primary-dark-dark-v1--hover:hover, .g-brd-primary-dark-dark-v1--active.active, .g-brd-primary-dark-dark-v1--active.cbp-filter-item-active, *:hover > .g-brd-primary-dark-dark-v1--hover-parent { border-color: #6db82a !important; } .g-brd-primary-dark-dark-v2, .g-brd-primary-dark-dark-v2--hover:hover, .g-brd-primary-dark-dark-v2--active.active, .g-brd-primary-dark-dark-v2--active.cbp-filter-item-active, *:hover > .g-brd-primary-dark-dark-v2--hover-parent { border-color: #66ab27 !important; } .g-brd-primary-dark-dark-v3, .g-brd-primary-dark-dark-v3--hover:hover, .g-brd-primary-dark-dark-v3--active.active, .g-brd-primary-dark-dark-v3--active.cbp-filter-item-active, *:hover > .g-brd-primary-dark-dark-v3--hover-parent { border-color: #599722 !important; } .g-brd-primary-dark-dark-v1-top { border-top-color: #6db82a !important; } .g-brd-primary-dark-dark-v1-bottom { border-bottom-color: #6db82a !important; } .g-brd-primary-dark-dark-v1-left { border-left-color: #6db82a !important; } .g-brd-primary-dark-dark-v1-right { border-right-color: #6db82a !important; } .g-brd-primary-dark-dark-v2-top { border-top-color: #66ab27 !important; } .g-brd-primary-dark-dark-v2-bottom { border-bottom-color: #66ab27 !important; } .g-brd-primary-dark-dark-v2-left { border-left-color: #66ab27 !important; } .g-brd-primary-dark-dark-v2-right { border-right-color: #66ab27 !important; } .g-brd-primary-dark-dark-v3-top { border-top-color: #599722 !important; } .g-brd-primary-dark-dark-v3-bottom { border-bottom-color: #599722 !important; } .g-brd-primary-dark-dark-v3-left { border-left-color: #599722 !important; } .g-brd-primary-dark-dark-v3-right { border-right-color: #599722 !important; } /*------------------------------------ Colors ------------------------------------*/ .g-color-primary, .g-color-primary--hover:hover, .g-color-primary--active.cbp-filter-item-active { color: #72c02c !important; } .g-color-primary-opacity-0_3 { color: rgba(114, 192, 44, 0.3) !important; } .g-color-primary-opacity-0_4 { color: rgba(114, 192, 44, 0.4) !important; } .g-color-primary--before::before, .g-color-primary--after::after { color: #72c02c; } /*------------------------------------ Box-shadows ------------------------------------*/ .u-shadow-v13 { box-shadow: inset 2px 2px 2px 0 #72c02c; } /*------------------------------------ Fill colors ------------------------------------*/ .g-fill-primary, .g-fill-primary path, .g-fill-primary polygon, .g-fill-primary--hover:hover path, .g-fill-primary--hover:hover polygon, *:hover > * > .g-fill-primary--hover-parent svg path, *:hover > * > .g-fill-primary--hover-parent svg polygon { fill: #72c02c !important; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { background-color: #72c02c; } ::selection { background-color: #72c02c; } .g-bg-primary ::-moz-selection { color: #72c02c; } .g-bg-primary ::selection { color: #72c02c; } /*------------------------------------ Buttons ------------------------------------*/ .u-btn-primary { background-color: #72c02c; } .u-btn-primary:hover, .u-btn-primary.active, .u-btn-primary.cbp-filter-item-active { border-color: #8cd54a; background-color: #8cd54a; } .u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after, .u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after, .u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after, .u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after, .u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after, .u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after { background-color: #7fd135; } .u-btn-primary.u-btn-hover-v1-1:hover, .u-btn-primary.u-btn-hover-v1-2:hover, .u-btn-primary.u-btn-hover-v1-3:hover, .u-btn-primary.u-btn-hover-v1-4:hover, .u-btn-primary.u-btn-hover-v2-1:hover, .u-btn-primary.u-btn-hover-v2-2:hover { background-color: #72c02c; } .u-btn-outline-primary { color: #72c02c; border-color: #72c02c; } .u-btn-outline-primary:hover { background-color: #72c02c; } .u-btn-outline-primary.u-btn-hover-v1-1::after, .u-btn-outline-primary.u-btn-hover-v1-1:hover::after, .u-btn-outline-primary.u-btn-hover-v1-2::after, .u-btn-outline-primary.u-btn-hover-v1-2:hover::after, .u-btn-outline-primary.u-btn-hover-v1-3::after, .u-btn-outline-primary.u-btn-hover-v1-3:hover::after, .u-btn-outline-primary.u-btn-hover-v1-4::after, .u-btn-outline-primary.u-btn-hover-v1-4:hover::after, .u-btn-outline-primary.u-btn-hover-v2-1::after, .u-btn-outline-primary.u-btn-hover-v2-1:hover::after, .u-btn-outline-primary.u-btn-hover-v2-2::after, .u-btn-outline-primary.u-btn-hover-v2-2:hover::after, .u-btn-outline-primary.u-btn-hover-v3-1::after, .u-btn-outline-primary.u-btn-hover-v3-1:hover::after { background-color: rgba(114, 192, 44, 0.95); } /*------------------------------------ Checkboxes & Radio Buttons ------------------------------------*/ .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="checkbox"]:checked + * .u-check-icon-font i, .u-check input[type="radio"]:checked + * .u-check-icon-font i { color: #72c02c; } .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="checkbox"]:checked + * .u-check-icon-checkbox-v1, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-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="checkbox"]:checked + * .u-check-icon-radio-v1, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v1, .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7, .u-check input[type="radio"]: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-radio-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 { background-color: #72c02c; border-color: #72c02c; } .u-check-icon-checkbox-v2, .u-check-icon-radio-v2, .u-check-icon-checkbox-v3, .u-check-icon-radio-v3 { border-color: #72c02c; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]: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-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="radio"]: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-radio-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 { color: #72c02c; border-color: #72c02c; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i, .u-check input[type="radio"]: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-radio-v5 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i { border-color: #72c02c; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]: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-radio-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i { background-color: #72c02c; border-color: #72c02c; } .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]: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-radio-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-radio-v8 i::after { background-color: #72c02c; } .u-checkbox-v1--checked-color-primary:checked + label { color: #72c02c !important; } .u-checkbox-v1--checked-brd-primary:checked + label { border-color: #72c02c !important; } /*------------------------------------ Selects ------------------------------------*/ .u-select-v1 .chosen-results > li.highlighted, .u-select-v1 .chosen-results > li.result-selected { background-color: rgba(114, 192, 44, 0.2); border-bottom-color: rgba(114, 192, 44, 0.2); } /*------------------------------------ Arrows ------------------------------------*/ .u-arrow-v3:hover .u-arrow-icon-before, .u-arrow-v3:hover .u-arrow-icon-after { background-color: #72c02c; } .u-arrow-v4:hover .u-arrow-icon, .u-arrow-v7:hover .u-arrow-icon, .u-arrow-v8:hover .u-arrow-icon { color: #72c02c; } .u-arrow-v14 .u-arrow-icon::before, .u-arrow-v14 .u-arrow-icon::after { background: #72c02c; } /*------------------------------------ Badges ------------------------------------*/ .u-badge-bg-primary::after { background-color: #72c02c; } /*------------------------------------ Badges v2 ------------------------------------*/ [class*="u-badge-v2"] { background-color: #72c02c; } /*------------------------------------ Triangles ------------------------------------*/ .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: #72c02c; } .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: #72c02c; } .u-triangle-v1-2.u-triangle-left.g-bg-primary::before { border-right-color: #72c02c; } .u-triangle-v1-2.u-triangle-right.g-bg-primary::before { border-left-color: #72c02c; } .u-triangle-v3.u-triangle-top.g-bg-primary::before, .u-triangle-v3.u-triangle-left.g-bg-primary::before { background-image: linear-gradient(to bottom right, transparent 49.6%, #72c02c 50%); } .u-triangle-v3.u-triangle-bottom.g-bg-primary::before, .u-triangle-v3.u-triangle-right.g-bg-primary::before { background-image: linear-gradient(to top right, transparent 49.6%, #72c02c 50%); } .u-triangle-v4.u-triangle-top.g-bg-primary::before, .u-triangle-v4.u-triangle-left.g-bg-primary::before { background-image: linear-gradient(to bottom right, transparent 49.6%, #72c02c 50%), linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%); } .u-triangle-v4.u-triangle-bottom.g-bg-primary::before, .u-triangle-v4.u-triangle-right.g-bg-primary::before { background-image: linear-gradient(to top right, transparent 49.6%, #72c02c 50%), linear-gradient(to top left, transparent 49.6%, #72c02c 50%); } .u-semicircle-v1.g-bg-primary::before { background: #72c02c; } .u-zigzag-top-primary::before { background: -webkit-linear-gradient(-225deg, #72c02c 10px, transparent 0) 0 10px, -webkit-linear-gradient(-315deg, #72c02c 10px, transparent 0) 0 10px; } @media (min-width: 768px) { .u-triangle-v1.u-triangle-left.g-bg-primary::before { border-right-color: #72c02c; } .u-triangle-v1.u-triangle-right.g-bg-primary::before { border-left-color: #72c02c; } .u-triangle-v3.u-triangle-left.g-bg-primary::before { background-image: linear-gradient(to bottom right, transparent 49.6%, #72c02c 50%); } .u-triangle-v3.u-triangle-right.g-bg-primary::before { background-image: linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%); } .u-triangle-v4.u-triangle-left.g-bg-primary::before { background-image: linear-gradient(to bottom right, transparent 49.6%, #72c02c 50%), linear-gradient(to top right, transparent 49.6%, #72c02c 50%); } .u-triangle-v4.u-triangle-right.g-bg-primary::before { background-image: linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%), linear-gradient(to top left, transparent 49.6%, #72c02c 50%); } } /*------------------------------------ Block Hovers ------------------------------------*/ .u-block-hover:hover .u-block-hover__prop-bg-primary { background-color: #72c02c; } .u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9 { background-color: rgba(114, 192, 44, 0.9); } /*------------------------------------ Blockquotes ------------------------------------*/ .u-blockquote-v3::before { color: #72c02c; } .u-blockquote-v7::before { background: #72c02c; } /*------------------------------------ Carousel indicators ------------------------------------*/ .u-carousel-indicators-v1 li.slick-active span, .u-carousel-indicators-v1--white li.slick-active span, .u-carousel-indicators-v4 li.slick-active span, .u-carousel-indicators-v8 li.slick-active span { background-color: #72c02c; } .u-carousel-indicators-v6 li.slick-active { color: #72c02c; } .u-carousel-indicators-v6 li.slick-active span { border-color: #72c02c; } .u-carousel-indicators-v9 li.slick-active, .u-carousel-indicators-v10 li.slick-active { background-color: #72c02c; } .u-carousel-indicators-v18--white li span { background-color: #72c02c; } .u-carousel-indicators-v20 li span:hover, .u-carousel-indicators-v20 li span:focus, .u-carousel-indicators-v20--white li span:hover, .u-carousel-indicators-v20--white li span:focus, .u-carousel-indicators-v20 li.slick-active span, .u-carousel-indicators-v20 li.slick-active span, .u-carousel-indicators-v20--white li.slick-active span, .u-carousel-indicators-v20--white li.slick-active span { border-color: #72c02c; } .u-carousel-indicators-v20--white li span::before { background: #72c02c; box-shadow: 0 0 1px #72c02c; } .u-carousel-indicators-v21--white li span::after { background-color: #72c02c; } .u-carousel-indicators-v22--white li span { background-color: #72c02c; } .u-carousel-indicators-v22--white li span::before { border-top-color: #72c02c; } .u-carousel-indicators-v22--white li.slick-active { border-color: #72c02c; } .u-carousel-indicators-v23--white .u-dots-helper::before { background: #72c02c; } .u-carousel-indicators-v24--white li span { border-color: #72c02c; } .u-carousel-indicators-v25--white li::before { background-color: #72c02c; } .u-carousel-indicators-v25--white li span:focus { background-color: #72c02c; } .u-carousel-indicators-v25--white li span::before { background-color: #72c02c; } .u-carousel-indicators-v25--white li.slick-active span { background-color: #72c02c; } .u-carousel-indicators-v26--white li::before, .u-carousel-indicators-v26--white li::after, .u-carousel-indicators-v26--vertical--white li::before, .u-carousel-indicators-v26--vertical--white li::after { border-color: #72c02c; } .u-carousel-indicators-v27--white li span::before, .u-carousel-indicators-v27--vertical--white li span::before { background: #72c02c; } .u-carousel-indicators-v28 li.slick-active span { background-color: #72c02c; } /*------------------------------------ Paginations ------------------------------------*/ .u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus { background-color: #72c02c; border-color: #72c02c; } .u-pagination-v1-2:hover, .u-pagination-v1-2:focus { color: #72c02c; border-color: #72c02c; } .u-pagination-v1-2--active, .u-pagination-v1-2--nav { background-color: #72c02c; border-color: #72c02c; } .u-pagination-v1-2--nav:hover { background-color: rgba(114, 192, 44, 0.8); } .u-pagination-v1-4:hover, .u-pagination-v1-4:focus { color: #72c02c; border-color: #72c02c; } .u-pagination-v1-4--active { background-color: #72c02c; border-color: #72c02c; } /*------------------------------------ Ribbons ------------------------------------*/ .u-ribbon-bookmark.g-bg-primary::after { border-color: #72c02c; } .u-ribbon-clip-v4__inner.g-bg-primary { box-shadow: 0 0 0 3px #72c02c, 0 21px 5px -18px rgba(0, 0, 0, 0.6); } /*------------------------------------ Accordions ------------------------------------*/ .u-accordion-color-primary__header [aria-expanded="true"] { color: #72c02c !important; } .u-accordion-bg-primary__header [aria-expanded="true"] { background-color: #72c02c !important; border-color: #72c02c !important; } .u-accordion-brd-primary__header [aria-expanded="true"] { border-color: #72c02c !important; } .u-accordion-v2:nth-child(odd) { background-color: #66ab27; } /*------------------------------------ Datepickers ------------------------------------*/ .u-datepicker-v1 .ui-datepicker-calendar td span.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar th span.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active { background: #72c02c; border-color: #72c02c; } /*------------------------------------ Sliders ------------------------------------*/ .u-slider-v1.ui-slider .ui-slider-range { background: #72c02c; } .u-slider-v1.ui-slider .ui-slider-handle { border-color: #72c02c; } /*------------------------------------ Headers ------------------------------------*/ .js-header-change-moment.g-bg-primary--shift { background-color: #72c02c; } .js-header-change-moment.g-bg-primary-semi-transparent--shift { background-color: rgba(114, 192, 44, 0.9); } /*------------------------------------ Heading ------------------------------------*/ .u-heading-v5-color-primary .u-heading-v5__title::before { background: #72c02c; } .u-heading-massive-underline::before { background-color: #72c02c; } /*------------------------------------ Effects ------------------------------------*/ .u-icon-effect-v1-1--hover::after, .u-icon-effect-v1-2--hover::after { box-shadow: 0 0 0 1px #72c02c; } .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: #72c02c; background: #72c02c !important; } .u-icon-effect-v2--hover:hover, .u-icon-effect-v2--hover:hover::after { background: #72c02c; } .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 #72c02c; } .u-icon-v4-bg-primary { border-color: #72c02c; } .u-icon-v4-bg-primary .u-icon-v4-inner { background: #72c02c; } .u-icon-v4-bg-primary--hover:hover, .u-icon-block--hover:hover .u-icon-v4-bg-primary--hover { border-color: #72c02c; } .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: #72c02c; } .u-icon-v5.g-bg-primary::after { background-color: #72c02c; } .u-icon-block--hover:hover .g-color-primary--hover { color: #72c02c; } .u-icon-block--hover:hover .g-brd-primary--hover { border-color: #72c02c; } .u-icon-block--hover:hover .g-bg-primary--hover { background: #72c02c; } /*------------------------------------ Navigation Dropdown ------------------------------------*/ .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: #72c02c; } .navbar .u-sub-menu-v2 .hs-sub-menu, .navbar .u-sub-menu-v2 .hs-mega-menu, .navbar .u-sub-menu-v2 .dropdown-menu, .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: #72c02c; } .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, .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: #72c02c; } .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, .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, .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, .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, .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, .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: #72c02c; } .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: #72c02c; } /*------------------------------------ Nonstandard Background ------------------------------------*/ .u-ns-bg-v1-top.g-bg-primary::before, .u-ns-bg-v2-top.g-bg-primary::before, .u-ns-bg-v2-2-top.g-bg-primary::before, .u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before { border-bottom-color: #72c02c; } .u-ns-bg-v1-bottom.g-bg-primary::before, .u-ns-bg-v2-bottom.g-bg-primary::before, .u-ns-bg-v2-2-bottom.g-bg-primary::before, .u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before { border-top-color: #72c02c; } .u-ns-bg-v1-left.g-bg-primary::before, .u-ns-bg-v2-left.g-bg-primary::before, .u-ns-bg-v2-2-left.g-bg-primary::before, .u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before { border-right-color: #72c02c; } .u-ns-bg-v1-right.g-bg-primary::before, .u-ns-bg-v2-right.g-bg-primary::before, .u-ns-bg-v2-2-right.g-bg-primary::before, .u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before { border-left-color: #72c02c; } .u-ns-bg-v3-top.g-bg-primary::before, .u-ns-bg-v3-left.g-bg-primary::before, .u-ns-bg-v4-top.g-bg-primary::before, .u-ns-bg-v4-left.g-bg-primary::before { border-bottom-color: #72c02c; } .u-ns-bg-v3-bottom.g-bg-primary::before, .u-ns-bg-v3-right.g-bg-primary::before, .u-ns-bg-v4-bottom.g-bg-primary::before, .u-ns-bg-v4-right.g-bg-primary::before { border-top-color: #72c02c; } [class*="u-ns-bg-v5"].g-bg-primary svg path, [class*="u-ns-bg-v5"].g-bg-primary svg polygon { fill: #72c02c; } @media (min-width: 768px) { .u-ns-bg-v1-top--md.g-bg-primary::before, .u-ns-bg-v2-top--md.g-bg-primary::before, .u-ns-bg-v2-2-top--md.g-bg-primary::before, .u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before { border-bottom-color: #72c02c; } .u-ns-bg-v1-bottom--md.g-bg-primary::before, .u-ns-bg-v2-bottom--md.g-bg-primary::before, .u-ns-bg-v2-2-bottom--md.g-bg-primary::before, .u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before { border-top-color: #72c02c; } .u-ns-bg-v1-left--md.g-bg-primary::before, .u-ns-bg-v2-left--md.g-bg-primary::before, .u-ns-bg-v2-2-left--md.g-bg-primary::before, .u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before { border-right-color: #72c02c; } .u-ns-bg-v1-right--md.g-bg-primary::before, .u-ns-bg-v2-right--md.g-bg-primary::before, .u-ns-bg-v2-2-right--md.g-bg-primary::before, .u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before { border-left-color: #72c02c; } } /*------------------------------------ Progress Bars ------------------------------------*/ .u-progress::-ms-fill, .u-progress::-webkit-progress-value, .u-progress::-moz-progress-bar { background-color: #72c02c; } .u-progress__pointer-v2::after, .u-progress__pointer-v3::after { border-color: #72c02c; } /*------------------------------------ Steps ------------------------------------*/ @media (min-width: 768px) { .u-steps-v1__item a, .u-steps-v1__item a::before, .u-steps-v1__item.active a, .u-steps-v1__item.active span { background-color: #72c02c; } .u-steps-v2__indicator, .u-steps-v2__item a::before, .u-steps-v2__item a .u-steps-v2__indicator, .u-steps-v3__indicator, .u-steps-v3__item a::before, .u-steps-v3__item a .u-steps-v3__indicator { background-color: #72c02c; } .u-steps-v2__item:hover a, .u-steps-v3__item:hover a { color: #72c02c; } .u-steps-v2__item:hover a .u-steps-v2__indicator, .u-steps-v3__item:hover a .u-steps-v3__indicator { box-shadow: 0 0 0 3px rgba(114, 192, 44, 0.3); } .u-steps-v2__item:hover a .u-steps-v2__indicator, .u-steps-v2__item:hover span .u-steps-v2__indicator, .u-steps-v3__item:hover a .u-steps-v3__indicator, .u-steps-v3__item:hover span .u-steps-v3__indicator { background-color: #72c02c; } } /*------------------------------------ Tabs ------------------------------------*/ .g-color-primary--active.active { color: #72c02c; } [class*="u-nav-v8"] .nav-link.active, [class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon, [class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon { background-color: #72c02c; } @media (min-width: 768px) { .u-nav-v1-1.u-nav-primary .nav-link.active, .u-nav-v2-1.u-nav-primary .nav-link.active, [class*="u-nav-v8"].u-nav-light .nav-link.active { background-color: #72c02c; } .u-nav-v1-2.u-nav-primary .nav-link.active, [class*="u-nav-v2"].u-nav-primary .nav-link, [class*="u-nav-v2"].u-nav-primary .nav-link.active, .u-nav-v3-2 .nav-link.active, [class*="u-nav-v5"].u-nav-primary .nav-link.active, [class*="u-nav-v6"] .nav-link.active, [class*="u-nav-v6"].flex-column .nav-link.active { border-color: #72c02c; } .u-nav-v2-2 .nav-link.active, [class*="u-nav-v3"] .nav-link.active, [class*="u-nav-v3"].u-nav-light .nav-link.active, [class*="u-nav-v5"].u-nav-primary .nav-link.active, [class*="u-nav-v7"] .nav-link.active { color: #72c02c; } .u-nav-v4-1.u-nav-primary .nav-link.active, [class*="u-nav-v6"] .nav-link.active::before { border-top-color: #72c02c; } .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active, [class*="u-nav-v6"].flex-column .nav-link.active::before { border-left-color: #72c02c; } [class*="u-nav-v8"].u-nav-light .nav-link.active::before { background-image: linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%), linear-gradient(to top left, transparent 49.6%, #72c02c 50%); } [class*="u-nav-v8"].justify-content-end .nav-link.active::before, [class*="u-nav-v8"].text-right .nav-link.active::before { background-image: linear-gradient(to bottom right, transparent 49.6%, #72c02c 50%), linear-gradient(to top right, transparent 49.6%, #72c02c 50%); } .u-nav-v8-2 .nav-link.active::before { background-image: linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%), linear-gradient(to top left, transparent 49.6%, #72c02c 50%); } } @media (max-width: 767px) { [role="tablist"]:not([data-tabs-mobile-type="slide-up-down"], [data-tabs-mobile-type="accordion"]) { border-color: #72c02c; } [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link, [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: #72c02c !important; } } /*-------------------------------------------------- Info Blocks ----------------------------------------------------*/ .u-info-v1-2:hover .u-info-v1-2__item::after, .u-info-v7-1:hover .u-info-v7-1__item-child-v2 { background: #72c02c; } .u-info-v1-5__item::after { border-bottom-color: #72c02c; } .info-v4-3:hover::after { border-color: #72c02c; } .info-v5-3:hover .info-v5-3__info { background-color: rgba(114, 192, 44, 0.9); } .u-info-v6-1__item::after, .u-info-v6-1:hover .u-info-v6-1__item::after { background-image: linear-gradient(to right, #72c02c 0, transparent 100%); } /*------------------------------------ Checked state background ------------------------------------*/ 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, .g-checked .g-bg-primary--checked, .g-bg-primary--checked.g-checked { background-color: #72c02c !important; } /*------------------------------------ Checked state border ------------------------------------*/ 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, .g-checked .g-brd-primary--checked, .g-brd-primary--checked.g-checked { border-color: #72c02c !important; } /*------------------------------------ Focus state border ------------------------------------*/ .g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus { border-color: #72c02c !important; } /*------------------------------------ Focus state color ------------------------------------*/ .g-color-primary:focus { color: #72c02c; } /*------------------------------------ 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, .g-overlay-primary-0_5--checked.g-checked::after, .g-checked .g-overlay-primary-0_5--checked::after { background-color: rgba(114, 192, 44, 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, .g-overlay-primary-0_9--checked.g-checked::after, .g-checked .g-overlay-primary-0_9--checked::after { background-color: rgba(114, 192, 44, 0.9); } /*------------------------------------ Success state ------------------------------------*/ .u-has-success-v1 .form-control-feedback, .u-has-success-v1-2 .form-control-feedback, .u-has-success-v1-3 .form-control-feedback { color: #72c02c; } .u-has-success-v1-2 .form-control, .u-has-success-v1-2 .input-group-addon, .u-has-success-v1-2 [class*="u-select"], .u-has-success-v1-3 .form-control, .u-has-success-v1-3 .input-group-addon, .u-has-success-v1-3 [class*="u-select"] { border-color: #72c02c; } .u-has-success-v1-2 .input-group-addon:last-child, .u-has-success-v1-2 .chosen-single div b, .u-has-success-v1-3 .input-group-addon:last-child, .u-has-success-v1-3 .chosen-single div b { color: #72c02c; } .u-has-success-v1-3 .input-group-addon, .u-has-success-v1-3 .input-group-addon:last-child { background-color: #72c02c; } .u-has-success-v1-3 .form-control-feedback::before { border-color: #72c02c transparent transparent transparent; } .u-has-success-v2::after { color: #72c02c; } /*------------------------------------ jQuery UI ------------------------------------*/ .ui-autocomplete .ui-menu-item:hover { background-color: #72c02c; } /*------------------------------------ Pin Map ------------------------------------*/ .point::before { background: #72c02c; } /*------------------------------------ Go To ------------------------------------*/ .u-go-to-v1:hover, .u-go-to-v1:focus:hover { background-color: #72c02c; } /*------------------------------------ List Group ------------------------------------*/ .list-group-item.active { background-color: #72c02c; border-color: #72c02c; } /*------------------------------------ Accordions ------------------------------------*/ .u-accordion-color-primary .u-accordion__header [aria-expanded="true"] { color: #72c02c !important; } /*------------------------------------ Blockquotes ------------------------------------*/ .u-blockquote-v1::before { color: #72c02c; } /*------------------------------------ Form Controls ------------------------------------*/ .form-control:focus, .custom-select:focus { border-color: #72c02c; } /*------------------------------------ Cubeportfolio ------------------------------------*/ .u-filter-v1 > li:hover, .u-filter-v1 [class*="active"] { color: #72c02c; } /*------------------------------------ Pagination ------------------------------------*/ .u-pagination-v1-5--active, .u-pagination-v1-5:hover, .u-pagination-v1-5:focus { background-color: #72c02c; border-color: #72c02c; } /*------------------------------------ Keyframes ------------------------------------*/ @keyframes sonarEffect-primary { 0% { opacity: .3; } 40% { opacity: .5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #72c02c, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #72c02c, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } }