/* -------------------------------------- @Author: ThemeMascot @URL: http://themeforest.net/user/ThemeMascot COLOR : Blue COLOR CODE: #0B4575 ----------------------------------------- */ /* text-theme-color */ .text-theme-colored { color: #0B4575 !important; } /* text-hover-theme-color */ .text-hover-theme-colored:hover { color: #0B4575 !important; } /* background-theme-color */ .bg-theme-colored { background-color: #0071BA !important; } .bg-theme-colored-lighter2 { background-color: #0c4d83 !important; } .bg-theme-colored-lighter3 { background-color: #0d538c !important; } .bg-theme-colored-lighter4 { background-color: #0e5896 !important; } .bg-theme-colored-darker2 { background-color: #0a3d67 !important; } .bg-theme-colored-darker3 { background-color: #09375e !important; } .bg-theme-colored-darker4 { background-color: #083254 !important; } /* background-color-transparent */ .bg-theme-colored-transparent-9 { background-color: rgba(11, 69, 117, 0.9); } .bg-theme-colored-transparent-8 { background-color: rgba(11, 69, 117, 0.8); } .bg-theme-colored-transparent-7 { background-color: rgba(11, 69, 117, 0.7); } .bg-theme-colored-transparent-6 { background-color: rgba(11, 69, 117, 0.6); } .bg-theme-colored-transparent-5 { background-color: rgba(11, 69, 117, 0.5); } .bg-theme-colored-transparent-4 { background-color: rgba(11, 69, 117, 0.4); } .bg-theme-colored-transparent-3 { background-color: rgba(11, 69, 117, 0.3); } .bg-theme-colored-transparent-2 { background-color: rgba(11, 69, 117, 0.2); } .bg-theme-colored-transparent-1 { background-color: rgba(11, 69, 117, 0.1); } .bg-theme-colored-transparent { background-color: rgba(11, 69, 117, 0.75) !important; } /* bg-hover-theme-color */ .bg-hover-theme-colored:hover { background: #0B4575 !important; border-color: #0B4575 !important; color: #fff !important; } .bg-hover-theme-colored:hover h1, .bg-hover-theme-colored:hover h2, .bg-hover-theme-colored:hover h3, .bg-hover-theme-colored:hover h4, .bg-hover-theme-colored:hover h5, .bg-hover-theme-colored:hover h6, .bg-hover-theme-colored:hover p, .bg-hover-theme-colored:hover a, .bg-hover-theme-colored:hover i { color: #fff !important; } /* border-theme-color */ .border-theme-colored { border-color: #0B4575 !important; } .progress-item .progress-bar .percent { background: #0B4575; } .causes .progress-item .progress-bar .percent { border-color: #0B4575 !important; } .team-member .member-info { background-color: rgba(11, 69, 117, 0.7) !important; } /* background-color-transparent */ .donate-piechart .piechart canvas { background-color: rgba(11, 69, 117, 0.75) !important; border-radius: 50%; max-height: 80px; } /* Layer-overlay */ .overlay-theme-colored:before { background-color: rgba(11, 69, 117, 0.8) !important; } /* Layeroverlay */ .post .entry-meta.meta-absolute, .volunteer .overlay, .bg-theme-colored-transparent-deep { background-color: rgba(11, 69, 117, 0.9) !important; } .icon-box.box-style1.practice-style3:hover .icon-wrapper, .zeus .tp-bullet::after { background-color: #0B4575; } .preloader-dot-loading .cssload-loading i { background: #0B4575 !important; } /* * background: theme-color * ----------------------------------------------- */ .tab-slider .nav.nav-pills a:hover, .tab-slider .nav.nav-pills a.active, .custom-nav-tabs > li > a:hover, .widget .tags a:hover, .progress-item .progress-bar, .small-title .title::after, .title-icon::before, .title-icon::after, .testimonial .item::after, .drop-caps.colored-square p:first-child:first-letter, .drop-caps.colored-rounded p:first-child:first-letter, .list-icon.theme-colored.square li i, .list-icon.theme-colored.rounded li i, .working-process.theme-colored a, .widget.dark .tags a:hover, .blog-posts .post .entry-content .post-date.right, .horizontal-tab-centered .nav-pills > li > a:hover, .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:hover, .horizontal-tab-centered .nav-pills > li.active > a:focus, .owl-theme.dot-theme-colored .owl-controls .owl-dot span, .pagination.theme-colored li.active a, .section-title .both-side-line::after, .section-title .both-side-line::before, .section-title .top-side-line::after, .section-title .left-side-line::before, .section-title .right-side-line::before, .product .tag-sale, .owl-theme .owl-dots .owl-dot.active span, .title-icon::after, .title-icon::before, .line-bottom:after, .title-dots span { background: #0B4575; } .ui-state-highlight { background: #0B4575 !important; color: #fff !important; } /* * text: theme-color * ----------------------------------------------- */ ul.list.theme-colored li:before, ul.list.theme-colored.angle-double-right li:before, ul.list.theme-colored.angle-right li:before, ul.list.theme-colored.check-circle li:before, ul.list.theme-colored.check li:before, .list-icon.theme-colored li i, .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a, .menuzord-menu > li > .megamenu .megamenu-row .post a:hover, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a i, .menuzord-menu > li > .megamenu .megamenu-row .post a:hover i, .pricing-table .table-list li i, .testimonial-carousel.boxed .content::after, .blog-posts .post .entry-meta li i, .widget .twitter-feed li::after, .widget .address li i, .icon-box.box-style1.practice-style3 i, .attorney-carousel .content .contact-area i, .attorney-address li i, .icon-box.services-style1:hover .heading, .horizontal-contact-widget .widget::before, .horizontal-contact-widget .each-widget::before, .small-title i, .drop-caps.text-colored p:first-child:first-letter, .schedule-box:hover .schedule-details .title a, .widget.dark .nav-tabs li.active a, .pagination.theme-colored li a, .pager.theme-colored a, .widget .post-title a:hover, .volunteer .info .name a, .donation-form .form-group label, .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before { color: #0B4575; } .star-rating span::before { color: #0B4575 !important; } /* * border: theme-color * ----------------------------------------------- */ .icon-box.icon-rounded-bordered i, .widget .line-bottom:after, .widget .line-bottom:after, .pager.theme-colored a { border: 1px solid #0B4575; } .border-theme-colored, .owl-theme .owl-dots .owl-dot span { border-color: #0B4575; } .icon-box.box-style1.practice-style3:hover .icon-wrapper::after { border-color: #0B4575 transparent transparent; } .opening-hours ul li { border-bottom: 1px dashed #0B4575; } /* border-left-color */ blockquote.theme-colored { border-left: 3px solid #0B4575; } blockquote.bg-theme-colored { border-left: 3px solid #072a46; color: #fff; } blockquote.bg-theme-colored footer { color: #eeeeee; } blockquote.gray.bg-theme-colored { background-color: #eeeeee !important; border-left: 3px solid #0B4575; color: #0B4575; } blockquote.gray.bg-theme-colored footer { color: #777777; } .attorney-address li { border-left: 1px solid #0B4575; } .section-title.title-border { border-left: 4px solid #0B4575; } /* border-top-color */ .member-info { border-top: 3px outset #0B4575; } .cssload-tri { border-top: 27px solid #0B4575; } /* border-right-color */ .border-right-red { border-right: 1px solid #0B4575; } .section-title.title-border.title-right { border-right: 4px solid #0B4575; } /* border-bottom-color */ .event { border-bottom-color: #0B4575; } .cssload-tri.cssload-invert { border-bottom: 27px solid #0B4575; } /* box-shadow */ /* * btn-default: theme-color * ----------------------------------------------- */ .btn-default.btn-theme-colored { color: #0B4575; background-color: #fff; border-color: #0B4575; } .btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored.focus { color: #0B4575; background-color: #e6e6e6; border-color: #000000; } .btn-default.btn-theme-colored:hover { color: #0B4575; background-color: #e6e6e6; border-color: #06243d; } .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored.active, .open > .dropdown-toggle.btn-default.btn-theme-colored { color: #0B4575; background-color: #e6e6e6; border-color: #06243d; } .btn-default.btn-theme-colored:active:hover, .btn-default.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored:active:focus, .btn-default.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored:active.focus, .btn-default.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-default.btn-theme-colored.focus { color: #0B4575; background-color: #d4d4d4; border-color: #000000; } .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored.active, .open > .dropdown-toggle.btn-default.btn-theme-colored { background-image: none; } .btn-default.btn-theme-colored.disabled:hover, .btn-default.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored.disabled:focus, .btn-default.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored.disabled.focus, .btn-default.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-default.btn-theme-colored.focus { background-color: #fff; border-color: #0B4575; } .btn-default.btn-theme-colored .badge { color: #fff; background-color: #0B4575; } .btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored:focus { background-color: #0B4575; border-color: #0B4575; color: #fff; } /* * btn-border * ----------------------------------------------- */ .btn-border.btn-theme-colored { color: #0B4575; background-color: #fff; border-color: #0B4575; } .btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored.focus { color: #0B4575; background-color: #e6e6e6; border-color: #000000; } .btn-border.btn-theme-colored:hover { color: #0B4575; background-color: #e6e6e6; border-color: #06243d; } .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored.active, .open > .dropdown-toggle.btn-border.btn-theme-colored { color: #0B4575; background-color: #e6e6e6; border-color: #06243d; } .btn-border.btn-theme-colored:active:hover, .btn-border.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored:active:focus, .btn-border.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored:active.focus, .btn-border.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-border.btn-theme-colored.focus { color: #0B4575; background-color: #d4d4d4; border-color: #000000; } .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored.active, .open > .dropdown-toggle.btn-border.btn-theme-colored { background-image: none; } .btn-border.btn-theme-colored.disabled:hover, .btn-border.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored.disabled:focus, .btn-border.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored.disabled.focus, .btn-border.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-border.btn-theme-colored.focus { background-color: #fff; border-color: #0B4575; } .btn-border.btn-theme-colored .badge { color: #fff; background-color: #0B4575; } .btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored:focus { background-color: #072a46; border-color: #072a46; color: #fff; } /* * btn-dark * ----------------------------------------------- */ .btn-dark.btn-theme-colored { color: #fff; background-color: #0B4575; border-color: #0B4575; } .btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored.focus { color: #fff; background-color: #072a46; border-color: #000000; } .btn-dark.btn-theme-colored:hover { color: #fff; background-color: #072a46; border-color: #06243d; } .btn-dark.btn-theme-colored:active, .btn-dark.btn-theme-colored.active, .open > .dropdown-toggle.btn-dark.btn-theme-colored { color: #fff; background-color: #072a46; border-color: #06243d; } .btn-dark.btn-theme-colored:active:hover, .btn-dark.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-dark.btn-theme-colored:hover, .btn-dark.btn-theme-colored:active:focus, .btn-dark.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored:active.focus, .btn-dark.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-dark.btn-theme-colored.focus { color: #fff; background-color: #041626; border-color: #000000; } .btn-dark.btn-theme-colored:active, .btn-dark.btn-theme-colored.active, .open > .dropdown-toggle.btn-dark.btn-theme-colored { background-image: none; } .btn-dark.btn-theme-colored.disabled:hover, .btn-dark.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-dark.btn-theme-colored:hover, .btn-dark.btn-theme-colored.disabled:focus, .btn-dark.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored.disabled.focus, .btn-dark.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-dark.btn-theme-colored.focus { background-color: #0B4575; border-color: #0B4575; } .btn-dark.btn-theme-colored .badge { color: #0B4575; background-color: #fff; } /* * btn-gray * ----------------------------------------------- */ .btn-gray.btn-theme-colored { color: #fff; background-color: #0f60a4; border-color: #0f60a4; } .btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored.focus { color: #fff; background-color: #0b4575; border-color: #041c2f; } .btn-gray.btn-theme-colored:hover { color: #fff; background-color: #0b4575; border-color: #0a406c; } .btn-gray.btn-theme-colored:active, .btn-gray.btn-theme-colored.active, .open > .dropdown-toggle.btn-gray.btn-theme-colored { color: #fff; background-color: #0b4575; border-color: #0a406c; } .btn-gray.btn-theme-colored:active:hover, .btn-gray.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-gray.btn-theme-colored:hover, .btn-gray.btn-theme-colored:active:focus, .btn-gray.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored:active.focus, .btn-gray.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-gray.btn-theme-colored.focus { color: #fff; background-color: #083254; border-color: #041c2f; } .btn-gray.btn-theme-colored:active, .btn-gray.btn-theme-colored.active, .open > .dropdown-toggle.btn-gray.btn-theme-colored { background-image: none; } .btn-gray.btn-theme-colored.disabled:hover, .btn-gray.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-gray.btn-theme-colored:hover, .btn-gray.btn-theme-colored.disabled:focus, .btn-gray.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored.disabled.focus, .btn-gray.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-gray.btn-theme-colored.focus { background-color: #0f60a4; border-color: #0f60a4; } .btn-gray.btn-theme-colored .badge { color: #0f60a4; background-color: #fff; } /* * btn-primary: theme-color * ----------------------------------------------- */ .btn-theme-colored { color: #fff; background-color: #0B4575; border-color: #0B4575; } .btn-theme-colored:focus, .btn-theme-colored.focus { color: #fff; background-color: #072a46; border-color: #000000; } .btn-theme-colored:hover { color: #fff; background-color: #072a46; border-color: #06243d; } .btn-theme-colored:active, .btn-theme-colored.active, .open > .dropdown-toggle.btn-theme-colored { color: #fff; background-color: #072a46; border-color: #06243d; } .btn-theme-colored:active:hover, .btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-theme-colored:hover, .btn-theme-colored:active:focus, .btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-theme-colored:focus, .btn-theme-colored:active.focus, .btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-theme-colored.focus { color: #fff; background-color: #041626; border-color: #000000; } .btn-theme-colored:active, .btn-theme-colored.active, .open > .dropdown-toggle.btn-theme-colored { background-image: none; } .btn-theme-colored.disabled:hover, .btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-theme-colored:hover, .btn-theme-colored.disabled:focus, .btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-theme-colored:focus, .btn-theme-colored.disabled.focus, .btn-theme-colored[disabled].focus, fieldset[disabled] .btn-theme-colored.focus { background-color: #0B4575; border-color: #0B4575; } .btn-theme-colored .badge { color: #0B4575; background-color: #fff; } /* * btn-transparent * ----------------------------------------------- */ .btn-transparent { background-color: transparent; color: #fff; } .btn-transparent.btn-theme-colored { background-color: transparent; } .btn-transparent.btn-dark { background-color: #111111; border-color: #111111; } .btn-transparent.btn-dark:hover { background-color: #000000; border-color: #000000; } .btn-transparent.btn-dark.btn-theme-colored { background-color: #0B4575; border-color: #0B4575; } .btn-transparent.btn-dark.btn-theme-colored:hover { background-color: #072a46; border-color: #072a46; } .btn-transparent.btn-border { background-color: transparent; border-color: #eeeeee; } .btn-transparent.btn-border:hover { background-color: #eeeeee; color: #000; } .btn-transparent.btn-border.btn-theme-colored { background-color: transparent; border-color: #0B4575; } .btn-transparent.btn-border.btn-theme-colored:hover { background-color: #0B4575; color: #fff; } .btn-gray.btn-transparent { background-color: #d3d3d3; color: #333333; } .btn-gray.btn-transparent:hover { background-color: #ececec; color: #1a1a1a; } .btn-gray.btn-transparent.btn-theme-colored { background-color: #0f60a4; color: #fff; } .btn-gray.btn-transparent.btn-theme-colored:hover { background-color: #072a46; color: #e6e6e6; } .btn-hover-theme-colored:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } /* * Shortcode: social-icons Theme Colored * ----------------------------------------------- */ .icon-theme-colored a { color: #0B4575; } .icon-theme-colored.icon-bordered a { border-color: #0B4575; } .icon-theme-colored.icon-bordered a:hover { background-color: #0B4575; color: #fff; } .icon-theme-colored.icon-dark a { background-color: #0B4575; color: #fff; } .icon-theme-colored.icon-dark a:hover { background-color: #072a46; color: #e6e6e6; } .icon-theme-colored.icon-dark.icon-bordered a { border-color: #0B4575; color: #0B4575; } .icon-theme-colored.icon-dark.icon-bordered a:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } .icon-theme-colored.icon-gray a { color: #0B4575; } .icon-theme-colored.icon-gray a:hover { color: #072a46; } .icon-theme-colored.icon-gray.icon-bordered a { color: #0B4575; } .icon-theme-colored.icon-gray.icon-bordered a:hover { background-color: #eeeeee; border-color: #eeeeee; color: #0B4575; } .icon-theme-colored a:hover { color: #072a46; } .icon-hover-theme-colored a:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } .social-icons.icon-hover-theme-colored a:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } /* * Shortcode: Icon Boxes Theme Colored * ----------------------------------------------- */ .icon-box.iconbox-theme-colored .icon { color: #0B4575; } .icon-box.iconbox-theme-colored .icon.icon-border-effect::after { box-shadow: 0 0 0 3px #0B4575; } .icon-box.iconbox-theme-colored .icon.icon-bordered { border-color: #0B4575; } .icon-box.iconbox-theme-colored .icon.icon-bordered:hover { background-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-gray:hover { background-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered { border-color: #eeeeee; } .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark { background-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark:hover { color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered { background-color: transparent; border-color: #0B4575; color: #0B4575; } .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white { background-color: #fff; color: #0B4575; } .icon-box.iconbox-theme-colored .icon.icon-white:hover { background-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered { background-color: transparent; border-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover { background-color: #0B4575; border-color: #0B4575; color: #fff; } .icon-box.iconbox-theme-colored.iconbox-border { border-color: #0B4575; }