ACC SHELL
/* RED 1 */
/* 1.4 - Page section block
/* ========================================================================== */
.wide .page-section.color,
.boxed .page-section.color > .container {
background-color: #e73013;
}
/* 1.5 - Typography (section title, links, page dividers)
/* ========================================================================== */
h1 .fa,
h2 .fa,
h3 .fa,
h4 .fa,
h5 .fa,
h6 .fa,
h1 .glyphicon,
h2 .glyphicon,
h3 .glyphicon,
h4 .glyphicon,
h5 .glyphicon,
h6 .glyphicon {
color: #e73013;
}
/* Section title
* -------------------------------------------------------------------------- */
.section-title {
color: #e73013;
}
.section-title:after {
background-color: #e73013;
}
.color .section-title:after {
background-color: #891c0b;
}
.color .section-title .fa-stack .fa {
color: #e73013;
}
.section-title .rhex {
background-color: #e73013;
}
/* Hexagon icon
* -------------------------------------------------------------------------- */
.rhex {
background-color: #e73013;
}
/* Links, Link color
* -------------------------------------------------------------------------- */
a {
color: #e73013;
}
.dropcap {
color: #e73013;
}
/* 1.6 - Buttons
/* ========================================================================== */
.btn-theme {
background: #a0210d;
/* Old browsers */
background: -moz-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0210d), color-stop(100%, #891c0b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* IE10+ */
background: linear-gradient(to bottom, #a0210d 0%, #891c0b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@main-color-d15', endColorstr='@main-color-d20', GradientType=0);
/* IE6-9 */
}
.btn-theme:hover {
background: #b8260f;
/* Old browsers */
background: -moz-linear-gradient(top, #b8260f 0%, #a0210d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8260f), color-stop(100%, #a0210d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8260f 0%, #a0210d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8260f 0%, #a0210d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8260f 0%, #a0210d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b8260f 0%, #a0210d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@main-color-d10', endColorstr='@main-color-d15', GradientType=0);
/* IE6-9 */
}
.btn-theme-transparent,
.btn-theme-transparent:focus,
.btn-theme-transparent:active {
border-color: #e73013;
}
.btn-theme-grey {
color: #e73013;
}
/* 1.7 - Form / Input / Textarea / Select
/* ========================================================================== */
.form-control:focus {
border-color: #e73013;
}
.bootstrap-select > .selectpicker:focus {
border-color: #e73013;
}
.registration-form .tooltip-inner {
background-color: #e73013;
padding: 10px 20px;
}
.registration-form .tooltip-arrow {
border-top-color: #e73013;
}
.registration-form .tooltip.top .tooltip-arrow {
border-top-color: #e73013;
}
.header .header-wrapper {
border-top: 4px solid #e73013;
}
/* 2.3 - Navigation / superfish skin
/* ========================================================================== */
.sf-menu.nav > li > a:hover,
.sf-menu.nav > li > a:focus {
color: #e73013;
}
.sf-menu li.active > a {
color: #e73013;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #e73013;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #e73013;
}
/* 2.5 - Mobile menu
/* ========================================================================== */
@media (max-width: 991px) {
.mobile-submenu {
background-color: #e73013;
}
}
/* --------------------------------------------------------------------------
* 3 - Content
* -------------------------------------------------------------------------- */
/* 3.1 - Slider / Owl sliders
/* ========================================================================== */
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
#main-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover {
color: #e73013;
}
#main-slider .slide-words .word {
color: #e73013;
}
#main-slider .slide-words .word-meta i {
color: #e73013;
}
/* -------------------------------------------------------------------------- */
.form-header {
background-color: #e73013;
}
.btn-play .fa {
color: #e73013;
}
.btn-play:hover {
border-color: #e73013;
}
.btn-play:hover .fa {
background-color: #e73013;
}
.slide3:before {
background-color: rgba(231, 48, 19, 0.7);
}
/* 3.2 - Event description
/* ========================================================================== */
.event-description .media-heading {
color: #e73013;
}
/* 3.3 - Image carousel / Owl carousel
/* ========================================================================== */
.img-carousel .owl-controls .owl-page span,
.img-carousel .owl-controls .owl-buttons div {
background-color: #e73013;
}
/* 3.4 - Partners carousel / Owl carousel
/* ========================================================================== */
.partners-carousel .owl-prev,
.partners-carousel .owl-next {
border: solid 1px #e73013;
color: #e73013;
}
.partners-carousel .owl-prev .fa,
.partners-carousel .owl-next .fa {
color: #e73013;
}
.partners-carousel .owl-prev:hover,
.partners-carousel .owl-next:hover {
border-color: #891c0b;
color: #891c0b;
}
.partners-carousel .owl-prev:hover .fa,
.partners-carousel .owl-next:hover .fa {
color: #891c0b;
}
/* 3.6 - Schedule
/* ========================================================================== */
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a {
color: #e73013;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active:before {
background-color: #e73013;
}
/* 3.7 - FAQ
/* ========================================================================== */
@media (min-width: 768px) {
.color .row.faq .nav li.active:after {
border-right-color: #e73013;
}
}
.color .row.faq .nav li a {
border-color: #b8260f;
}
/* 3.8 - Blog / Post
/* ========================================================================== */
.post-title a:hover {
color: #e73013;
}
.post-header .post-meta {
color: #e73013;
line-height: 1;
font-size: 14px;
}
.post-header .post-meta a:hover {
color: #e73013;
}
.about-the-author .media-heading {
color: #e73013;
}
.timeline .post-title {
color: #e73013;
}
.timeline .post-title a {
color: #e73013;
}
.timeline .post-meta a .fa {
color: #e73013;
}
.timeline .post-readmore a:hover {
color: #e73013;
}
/* 3.9 - Comments
/* ========================================================================== */
.comments-form .block-title {
color: #e73013 !important;
}
/* 3.10 - Pagination / Pager
/* ========================================================================== */
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #e73013;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #e73013;
border-color: #e73013;
}
/* Categories
/* ========================================================================== */
.widget.categories li.active a,
.widget.categories li a:hover {
background-color: #e73013;
}
/* flickr feed
/* ========================================================================== */
.widget.flickr-feed li a:hover {
border-color: #e73013;
}
/* Tag-cloud
/* ========================================================================== */
.tag-cloud a:hover {
background-color: #e73013;
border-color: #e73013;
}
/* 3.12 - Thumbnails / Features
/* ========================================================================== */
.thumbnail.hover,
.thumbnail:hover {
border: solid 1px #e73013;
}
/* Thumbnail caption
* -------------------------------------------------------------------------- */
.thumbnail .caption.hovered {
background-color: rgba(231, 48, 19, 0.6);
}
/* Caption elements
* -------------------------------------------------------------------------- */
.caption-redmore {
color: #e73013;
}
/* 3.13 - Media / Testimonials
/* ========================================================================== */
.testimonial .media-heading small {
color: #e73013;
}
.testimonials.owl-theme .owl-dots .owl-dot span {
background-color: #e73013;
}
.testimonials.owl-theme .owl-dots .owl-dot.active span,
.testimonials.owl-theme .owl-dots .owl-dot:hover span {
background-color: #a0210d;
}
/* Filter
/* ========================================================================== */
.filtrable .current a,
.filtrable .active a,
.filtrable .current a:hover,
.filtrable .active a:hover,
.filtrable a:hover {
background: #a0210d;
/* Old browsers */
background: -moz-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0210d), color-stop(100%, #891c0b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #a0210d 0%, #891c0b 100%);
/* IE10+ */
background: linear-gradient(to bottom, #a0210d 0%, #891c0b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@main-color-d15', endColorstr='@main-color-d20', GradientType=0);
/* IE6-9 */
}
/* 3.16 - Decide
/* ========================================================================== */
.decide-btn a.purchase {
background: none repeat scroll 0 0 #e73013;
border-right: 1px solid #b8260f;
}
.decide-btn a.purchase:hover {
background: none repeat scroll 0 0 #b8260f;
border-right: 1px solid #a0210d;
}
.decide-btn a.demo {
background: none repeat scroll 0 0 #a0210d;
border-left: 1px solid #b8260f;
}
.decide-btn a.demo:hover {
background: none repeat scroll 0 0 #891c0b;
border-left: 1px solid #a0210d;
}
/* 4 - Footer
/* ========================================================================== */
.wide .footer-meta > .container,
.boxed .footer-meta > .container {
border-top: 4px solid #e73013;
}
.footer-widget.instagram a:hover img {
background-color: #e73013;
border-color: #891c0b;
}
/* 5 - Widgets / Shortcodes
/* ========================================================================== */
.sidebar .widget-title {
color: #e73013;
}
.widget-title:before {
background-color: #e73013;
}
/* 5.2 - Contact form / af-form
/* ========================================================================== */
#af-form .alert {
border-color: #e73013;
background-color: #e73013;
}
/* 5.4 - Price table
/* ========================================================================== */
.price-value {
background: none repeat scroll 0 0 #e73013;
}
.price-table-row i {
color: #e73013;
}
.price-table:hover,
.price-table.featured {
border-color: #e73013;
}
.price-table.featured:before {
background-color: #e73013;
}
.container.gmap-background .on-gmap.color {
background-color: #e73013;
}
/* 5.8 - Back to top button
/* ========================================================================== */
.to-top {
color: #e73013;
}
.to-top:hover {
background-color: #e73013;
}
/* --------------------------------------------------------------------------
* 6 - Helper Classes
* -------------------------------------------------------------------------- */
.btn-preview-light,
.btn-preview-light:hover {
background-color: #e73013;
}
/* Dark version css
* -------------------------------------------------------------------------- */
.body-dark .section-title .rhex {
background-color: #e73013;
}
.body-dark .color .section-title .rhex {
background-color: #e73013;
}
.body-dark .color .btn-theme {
background-color: #e73013;
border-color: #e73013;
}
.body-dark .form-control:focus {
border-color: #e73013;
}
.body-dark .event-background {
background-color: #e73013;
}
.body-dark .post-header .post-meta {
color: #e73013;
}
.body-dark .pagination > li > a:hover,
.body-dark .pagination > li > span:hover,
.body-dark .pagination > li > a:focus,
.body-dark .pagination > li > span:focus {
background-color: #e73013;
}
.body-dark .pagination > .active > a,
.body-dark .pagination > .active > span,
.body-dark .pagination > .active > a:hover,
.body-dark .pagination > .active > span:hover,
.body-dark .pagination > .active > a:focus,
.body-dark .pagination > .active > span:focus {
background-color: #e73013;
border-color: #e73013;
}
.body-dark .widget.categories li.active a,
.body-dark .widget.categories li a:hover {
background-color: #e73013;
}
ACC SHELL 2018