/**
* Name: default.css
*
* -
*
* The default color scheme for the template
*
*/
/* ==========================================================================
=Typography
========================================================================== */
body {
background-color: #f7f7f7;
color: #3e3d3d;
}
@media (max-width: 767px) {
/**
* 1. Hide background on mobile devices
*/
body {
background-color: #fff;
}
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
color: #3e3d3d;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{ color: #D2972B; }
.hr {
border-top: 1px solid #b0b0b0;
}
.text-highlight {
background-color: #D2972B;
color: #ffffff;
}
.text-primary { color: #D2972B; }
.mute{ color: #999; }
/* ==========================================================================
=Links
========================================================================== */
a,
a:visited {
color: #3e3d3d;
}
/**
* 1. Remove the gray background color from active links in IE 10.
*/
a:active,
a:hover,
a:focus {
color: #D2972B;
}
/* ==========================================================================
=Lists
========================================================================== */
/* =Custom lists
========================================================================== */
/* ==========================================================================
=Images
========================================================================== */
/* ==========================================================================
=Tables
========================================================================== */
/* ==========================================================================
=Forms
========================================================================== */
fieldset {
border: 1px solid #b0b0b0;
}
fieldset legend {
background: #fff;
}
::-moz-placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder {
color: #D2972B;
}
/**
* 1. we need to supply the font color for situations when you place the inputs in a div that has color:#fff
* normally because of the #fff the text in inputs would not be visible but giving the color explicitly here ovrwrites that
*/
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
border-color: #e1c8ae;
background-color: #ffffff;
color: #3e3d3d; /* 1 */
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #D2972B;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
background-color: #f3f3f3;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
background-color: #f3f3f3;
}
select {
border-color: #e1c8ae;
background-color: #ffffff;
color: #3e3d3d; /* 1 */
}
select:disabled {
background-color: #f3f3f3;
}
select:focus { border-color: #bbb; }
button,
input[type="reset"],
input[type="submit"],
input[type="button"]{
border-color: #D2972B;
background-color: transparent;
color: #D2972B;
}
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
color: #ffffff;
background-color: #D2972B;
}
/* =Responsive Form Inputs
========================================================================== */
/* ==========================================================================
=Wrap
========================================================================== */
#wrap {
background-color: #f7f7f7;
}
/* ==========================================================================
=Header Wrap
========================================================================== */
/* ==========================================================================
=Header Top
========================================================================== */
#header-top {
background-color: #f3f3f3;
}
/* ==========================================================================
=Header
========================================================================== */
#header {
background-color: #D2972B;
}
.header-style-2 #header {
border-bottom: 1px solid rgba(255,255,255,0.25);
background-color: transparent;
}
/* ==========================================================================
=Header Middle
========================================================================== */
#header-middle { background-color: #ffffff; }
/* ==========================================================================
=Logo
========================================================================== */
/* ==========================================================================
=Menu
========================================================================== */
/* =Menu Basics
========================================================================== */
/* =Menu Skin
========================================================================== */
.sf-menu a {
color: #3e3d3d;
}
.sf-menu > li > a,
.sf-menu > li.dropdown > a {
color: #ffffff;
}
.sf-menu > li.current > a,
.sf-menu li.sfHover > a,
.sf-menu li.sfHover a:hover,
.sf-menu a:hover {
background-color: #D2972B;
color: #ffffff;
}
/* =DropDown
========================================================================== */
.sf-menu li.dropdown ul {
background-color: #fdfeff;
}
.navigation-style-2 .sf-menu li.dropdown ul a:before {
background-color: #ffffff;
}
/* =Mega Menu Section
========================================================================== */
.sf-mega {
background-color: #fdfeff;
}
.sf-mega-section {
border-right-color: #b0b0b0;
}
.sf-mega-section a {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.navigation-style-2 .sf-mega-section a:before {
background-color: #ffffff;
}
/* =Menu Arrows
========================================================================== */
.sf-arrows .sf-with-ul:after {
border-color: transparent;
border-top-color: #e0e0e0;
}
.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: rgba(0, 0, 0, 0.7); }
.sf-arrows ul .sf-with-ul:after {
border-color: transparent;
border-left-color: #e0e0e0;
}
/* ==========================================================================
=Mobile Menu
========================================================================== */
#mobile-menu {
border-bottom: 1px solid #e0e0e0;
}
#mobile-menu li {
display: block;
margin: 0;
}
#mobile-menu > li > ul,
#mobile-menu > li > ul > li > ul {
background-color: #fdfeff;
}
#mobile-menu li a {
border-top: 1px solid #e0e0e0;
color: #111;
}
#mobile-menu .mobile-menu-submenu-arrow {
border-left: 1px solid #e0e0e0;
color: #111;
}
#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
/* ==========================================================================
=Mobile menu trigger
========================================================================== */
#mobile-menu-trigger {
color: #ffffff;
}
/* ==========================================================================
=Custom search form
========================================================================== */
#custom-search-button i {
color: #ffffff;
}
#custom-search-form-container input[type="text"] {
background-color: #D2972B;
color: #ffffff;
}
#custom-search-form-container .close {
color: #ffffff;
background-color: transparent;
}
/* ==========================================================================
=Sticky Header
========================================================================== */
@media (min-width: 1025px) {
/**
* 1. The height of the #header-wrap should be increased or decreased to accommodate the logo
*/
/**
* 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
*/
#header.stuck {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background-color: #fdfeff;
}
#header.stuck .sf-menu > li > a,
#header.stuck .sf-menu > li.dropdown > a {
color: #3e3d3d;
}
#header.stuck .sf-menu > li.current > a,
#header.stuck .sf-menu > li > a:hover,
#header.stuck .sf-menu > li.dropdown > a:hover,
#header.stuck .sf-menu li.sfHover > a { color: #ffffff; }
#header.stuck .site-header-cart .cart-contents:after { color: #3e3d3d; }
#header.stuck .site-header-cart a.cart-contents .count {
background-color: #3e3d3d;
color: #ffffff;
}
#header.stuck #custom-search-button i { color: #000; }
}
/* ==========================================================================
=Content
========================================================================== */
/* ==========================================================================
=Page Header
========================================================================== */
#page-header {
background: #262626 no-repeat center center;
}
#page-header h1 {
color: #ffffff;
}
#page-header h1 span:before {
background-color: #D2972B;
}
/* ==========================================================================
=Fullwidth Section
========================================================================== */
/**
* Full width section
*
* 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
*
*/
.fullwidth-section {
background-color: #f3f3f3;
}
/* ==========================================================================
=Footer Top
========================================================================== */
#footer-top {
color: #ffffff;
background-color: #D2972B;
}
#footer-top a { color: #ffffff; }
#footer-top .btn { border-color: #ffffff; }
/* ==========================================================================
=Footer
========================================================================== */
#footer {
color: #ffffff;
background-color: #333333;
}
#footer a { color: #ffffff; }
#footer a:hover { color: #D2972B; }
/* ==========================================================================
=Footer Bottom
========================================================================== */
#footer-bottom {
color: #ffffff;
background-color: #262626;
}
#footer-bottom a { color: #ffffff; }
#footer-bottom a:hover { color: #D2972B; }
/* ==========================================================================
=Back to top
========================================================================== */
#back-to-top {
background-color: #111;
color: #fafafa;
}
#back-to-top:hover i { color: #fff; }
/* ==========================================================================
=Misc
========================================================================== */
.javascript-required,
.modern-browser-required {
background-color: #d50f25;
color: #fff;
}
/* ==========================================================================
=Accordions and Toggles
========================================================================== */
/* =Accordion
========================================================================== */
.accordion .accordion-item {
color: #ffffff;
background-color: #D2972B;
}
/* =Toggle
========================================================================== */
.toggle .toggle-item {
color: #ffffff;
background-color: #D2972B;
}
/* ==========================================================================
=Alerts
========================================================================== */
.alert {
background-color: #ffffff;
color: #3e3d3d;
}
.alert.success,
.alert.info,
.alert.warning,
.alert.error {
color: #ffffff;
}
.alert.success { background-color: #4CAF50; }
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.alert.error { background-color: #f44336; }
.closebtn {
color: #ffffff;
}
.alert .closebtn { color: #272727; }
/* ==========================================================================
=Animations
========================================================================== */
/* ==========================================================================
=Boxes
========================================================================== */
.box.box-style-1 { border-color: #D2972B; }
.box.box-style-2 { background-color: #ffffff; }
.box.box-style-2.alt-1,
.box.box-style-2.alt-2 { color: #ffffff; }
.box.box-style-2.alt-1 { background-color: #262626; }
.box.box-style-2.alt-2 { background-color: #D2972B; }
/* ==========================================================================
=Buttons
========================================================================== */
/* =Default Button
========================================================================== */
.btn {
border-color: #D2972B;
background-color: transparent;
color: #D2972B;
}
a.btn { color: #D2972B; }
.btn:hover {
background-color: #D2972B;
color: #ffffff;
}
/* =Button alternative
========================================================================== */
.btn.alt {
background-color: #D2972B;
color: #ffffff;
}
.btn.alt:after {
background-color: #d3d3d3;
}
.btn.alt:hover {
background: #d3d3d3;
color: #ffffff;
border-color: #d3d3d3;
}
/* ==========================================================================
=Callouts
========================================================================== */
/* ==========================================================================
=Contact form
========================================================================== */
label.validation-error { color: #d50f25; }
input.validation-error,
textarea.validation-error,
select.validation-error { border: 1px solid #e0e0e0; }
/* ==========================================================================
=Countdown
========================================================================== */
.countdown-section {
background-color: transparent;
}
.countdown-amount {
color: #ffffff;
}
@media (min-width: 1200px) {
.countdown-amount {
color: #ffffff;
}
}
/* ==========================================================================
=Dividers
========================================================================== */
.divider.single-line { border-top: 1px solid #b0b0b0; }
.divider.double-line { border-top: 4px double #b0b0b0; }
/* ==========================================================================
=Dropcaps
========================================================================== */
.dropcap.dropcap-square {
background-color: #D2972B;
color: #ffffff;
}
.dropcap.dropcap-circle {
background-color: #D2972B;
color: #ffffff;
}
.dropcap.dropcap-border {
border-color: #D2972B;
}
/* ==========================================================================
=Galleries
========================================================================== */
/* ==========================================================================
=Google Maps
========================================================================== */
/* ==========================================================================
=Headlines
========================================================================== */
.headline h1 span:before {
background-color: #D2972B;
}
/* ==========================================================================
=Icon Boxes
========================================================================== */
/* =Icon Box 1
========================================================================== */
.icon-box-1 > i {
color: #D2972B;
}
.icon-box-1 .icon-box-content h2:before {
background-color: #D2972B;
}
/* =Icon Box 2
========================================================================== */
.icon-box-2 {
border-color: transparent;
}
.icon-box-2:hover { border-color: #D2972B; }
.icon-box-2 > i {
color: #D2972B;
}
.icon-box-2 .icon-box-content h2:before {
background-color: #D2972B;
}
/* =Icon Box 3
========================================================================== */
.icon-box-3 > i {
color: #D2972B;
}
.icon-box-3 .icon-box-content h2:before {
background-color: #D2972B;
}
/* =Icon Box 4
========================================================================== */
.icon-box-4:hover { background-color: #D2972B; }
.icon-box-4 > i {
color: #D2972B;
}
.icon-box-4 .icon-box-content h2:before {
background-color: #D2972B;
}
.icon-box-4:hover i,
.icon-box-4:hover .icon-box-content,
.icon-box-4:hover .icon-box-content h2 a,
.icon-box-4:hover .icon-box-content .btn { color: #ffffff; }
.icon-box-4:hover .icon-box-content h2:before { background-color: #ffffff; }
.icon-box-4:hover .icon-box-content .btn { border-color: #ffffff; }
/* ==========================================================================
=Image Box
========================================================================== */
.image-box {
border-color: #D2972B;
}
/* ==========================================================================
=Info Box
========================================================================== */
.info-box-2 {
color: #ffffff;
background-color: #262626;
}
.info-box-3 {
color: #ffffff;
background-color: #262626;
}
.info-box-3 .icon-box-4 .icon-box-content h2 a { color: #ffffff; }
/* ==========================================================================
=Milestones
========================================================================== */
.milestone {
background-color: #ffffff;
}
.milestone:hover { background-color: #D2972B; }
.milestone i {
color: #D2972B;
}
.milestone:hover i { color: #ffffff; }
.milestone .milestone-content .milestone-value {
color: #3d3d3d;
}
.milestone .milestone-content .milestone-value:after {
background-color: #D2972B;
}
.milestone:hover .milestone-content .milestone-value:after { background-color: #ffffff; }
.milestone .milestone-description {
color: #3d3d3d;
}
.milestone:hover .milestone-content .milestone-value,
.milestone:hover .milestone-description { color: #ffffff; }
.milestone-list .milestone {
background-color: transparent;
}
.milestone-list .milestone:hover { background-color: #D2972B; }
/* ==========================================================================
=Modal window
========================================================================== */
.popup {
background: #262626;
}
.popup.white-popup { background-color: #ffffff; }
.mfp-fade.mfp-bg {
background-color: #ffffff;
}
/* ==========================================================================
=Our Process
========================================================================== */
/* =Horizontal process
========================================================================== */
.horizontal-process-builder li > i,
.horizontal-process-builder li > h1 {
background-color: #ffffff;
color: #3e3d3d;
}
.horizontal-process-builder li:after {
color: #D2972B;
}
.horizontal-process-builder li:hover > i,
.horizontal-process-builder li:hover > h1 {
color: #ffffff;
background-color: #D2972B;
border-color: #D2972B;
}
/* ==========================================================================
=Animated Timeline
========================================================================== */
.timeline-title:before {
background-color: #D2972B;
}
.timeline-title:after {
border-color: transparent;
}
.timeline-title h6 {
color: #D2972B;
}
.timeline-content:before {
border-left-color: #b0b0b0;
}
.timeline-content i {
background-color: #f85b38;
color: #fff;
}
.timeline-title:hover:after,
.timeline-title.opened:after { border-color: #D2972B; }
/* ==========================================================================
=Pie charts
========================================================================== */
/* ==========================================================================
=Pricing Tables
========================================================================== */
.pricing-table {
background-color: #ffffff;
}
.pricing-table:hover { background-color: #D2972B; }
.pricing-table:hover .pricing-table-header h2 { color: #ffffff; }
.pricing-table .pricing-table-offer {
color: #3e3d3d;
}
.pricing-table .pricing-table-offer i {
color: #D2972B;
}
.pricing-table .pricing-table-offer h1 {
color: #D2972B;
}
.pricing-table .pricing-table-offer h1:after {
background-color: #D2972B;
}
.pricing-table:hover .pricing-table-offer h1:after {
background-color: #ffffff;
}
.pricing-table .pricing-table-offer h1 sup {
color: #3e3d3d;
}
.pricing-table:hover .pricing-table-offer h1 sup { color: #ffffff; }
.pricing-table:hover,
.pricing-table:hover .pricing-table-header h2,
.pricing-table:hover .pricing-table-offer i,
.pricing-table:hover .pricing-table-offer,
.pricing-table:hover .pricing-table-offer h1,
.pricing-table:hover .btn { color: #ffffff; }
.pricing-table:hover .btn { border-color: #ffffff; }
/* ==========================================================================
=Progress Bar
========================================================================== */
.progress-bar {
background-color: #e1c8ae;
}
.progress-bar .progress-bar-outer {
background-color: #D2972B;
}
.progress-bar-inner:before {
background-color: #ffffff;
border-color: #D2972B;
}
/* ==========================================================================
=Revolution Slider
========================================================================== */
/* =Rev Slider Basics
========================================================================== */
/* =Rev Slider Pager
========================================================================== */
.tp-bullets.default .tp-bullet {
background: #ffffff;
}
.tp-bullets.default .tp-bullet:hover,
.tp-bullets.default .tp-bullet.selected { background: #D2972B; }
/* =Rev Slider navigation
========================================================================== */
.tp-leftarrow.default,
.tp-rightarrow.default {
background-color: #111;
}
.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
color: #fff;
}
/* =Rev Slider Typography
========================================================================== */
.tp-caption.title {
color: #ffffff;
}
.tp-caption.text {
color: #ffffff;
}
/* ==========================================================================
=Search Results
========================================================================== */
.search-result h4 {
border-bottom: 1px solid #f1f0f0;
}
/* ==========================================================================
=Social Media
========================================================================== */
a.social-icon {
border-color: #D2972B;
color: #D2972B;
}
a.social-icon:hover {
background-color: #D2972B;
border-color: #D2972B;
}
a.social-icon:hover i { color: #ffffff; }
/* ==========================================================================
=Tabs
========================================================================== */
/* =Horizontal tabs
========================================================================== */
.tabs-container .tabs-menu {
border-bottom: 1px solid #e0e0e0;
}
.tabs-container .tabs-menu li a {
background-color: #ffffff;
color: #3e3d3d;
}
.tabs-container .tabs-menu li.active a {
background-color: #D2972B;
color: #ffffff;
}
.tabs-container .tabs {
border: 1px solid #e0e0e0;
}
/* =Vertical tabs
========================================================================== */
.vertical-tabs-container {
border: 1px solid #e0e0e0;
}
.vertical-tabs-container .tabs-menu li a {
background-color: #ffffff;
color: #3e3d3d;
}
.vertical-tabs-container .tabs-menu li.active a {
background-color: #D2972B;
color: #ffffff;
}
@media (max-width: 991px) {
.tabs-container .tabs-menu li.active a {
background-color: #D2972B;
color: #ffffff;
}
}
/* ==========================================================================
=Testimonials
========================================================================== */
.testimonial {
border-color: #D2972B;
background-color: #ffffff;
}
.testimonial blockquote {
border-bottom: 1px solid #f0f0f0;
}
.testimonial blockquote p:after,
.testimonial blockquote p:before {
color: #D2972B;
}
.testimonial h6 {
color: #D2972B;
}
.testimonial h6 span {
color: #3e3d3d;
}
/* ==========================================================================
=Team Member
========================================================================== */
.team-member .show-details:hover { color: #D2972B; }
.team-member .team-member-details {
border-top-color: #D2972B;
background-color: #ffffff;
}
.team-member:hover .team-member-details {
background-color: #D2972B;
color: #ffffff;
}
.team-member .team-member-details h4 {
color: #3d3d3d;
}
.team-member .team-member-details h5 {
color: #3d3d3d;
}
.team-member:hover .team-member-details h5,
.team-member:hover .team-member-details h4 { color: #ffffff; }
.team-member .social-media {
border-top: 1px solid #f0f0f0;
}
.team-member .social-media a.social-icon {
border-color: #D2972B;
}
.team-member:hover .social-media a.social-icon { border-color: #ffffff; }
.team-member .social-media a.social-icon i {
color: #D2972B;
}
.team-member:hover .social-media a.social-icon i { color: #ffffff; }
/* ==========================================================================
=Portfolio Item
========================================================================== */
.portfolio-item-overlay {
background-color: rgba(204, 153, 102, .7);
}
.portfolio-item-overlay-actions .portfolio-item-zoom,
.portfolio-item-overlay-actions .portfolio-item-link {
background-color: #D2972B;
}
.portfolio-item-overlay-actions .portfolio-item-zoom i,
.portfolio-item-overlay-actions .portfolio-item-link i {
color: #ffffff;
}
.portfolio-item-overlay .portfolio-item-description {
color: #ffffff;
}
.portfolio-item-overlay .portfolio-item-description h3 a {
color: #ffffff;
}
/* ==========================================================================
=Portfolio Filter
========================================================================== */
.portfolio-filter ul li a:hover,
.portfolio-filter ul li a.active { color: #D2972B; }
/* ==========================================================================
=Portfolio Pagination
========================================================================== */
.portfolio-pagination .page-numbers,
.portfolio-pagination .prev,
.portfolio-pagination .next {
border-color: #D2972B;
color: #D2972B;
}
.portfolio-pagination .page-numbers:hover,
.portfolio-pagination .page-numbers.current {
background-color: #D2972B;
color: #ffffff;
}
.portfolio-pagination .page-numbers.dots:hover{
background-color: transparent;
color: #D2972B;
}
/* ==========================================================================
=Portfolio Grid
========================================================================== */
/* ==========================================================================
=Portfolio Strip
========================================================================== */
/* ==========================================================================
=Portfolio Single
========================================================================== */
.project-description .project-description-item .category {
color: #909090;
}
/* ==========================================================================
=Bx Slider
========================================================================== */
/* =Bx Slider reset
========================================================================== */
/* =Bx Slider theme
========================================================================== */
/* =Bx Slider Pager
========================================================================== */
/* =Bx Slider Dir Nav
========================================================================== */
.bx-wrapper .bx-prev {
left: 0;
background: #111 url(../../images/left.png) no-repeat center center;
}
.bx-wrapper .bx-next {
right: 0;
background: #111 url(../../images/right.png) no-repeat center center;
}
/* ==========================================================================
=Owl Carousel
========================================================================== */
.owl-carousel.testimonial-carousel .owl-item img { border: 2px solid #D2972B; }
.owl-prev {
background-image: url(../../images/left.png);
}
.owl-next {
background-image: url(../../images/right.png);
}
.owl-dots .owl-dot.active span { background-color: #678694; }
.owl-dots .owl-dot span {
background-color: #333;
}
/* ==========================================================================
=Contact Section
========================================================================== */
.contact-list {}
.contact-list .contact-item {
border-right: 1px solid #b0b0b0;
}
.contact-list .schedule-row {
border-bottom: 1px solid #b0b0b0;
}
@media (max-width: 767px) {
.contact-list .contact-item {
border-bottom: 1px solid #b0b0b0;
}
}
/* ==========================================================================
=Fullwidth Section
========================================================================== */
.fullwidth-section.custom-color-selected {
background-color: #333;
color: #ffffff;
}
.fullwidth-section.custom-color-selected a,
.fullwidth-section.custom-color-selected h1,
.fullwidth-section.custom-color-selected h2,
.fullwidth-section.custom-color-selected h3,
.fullwidth-section.custom-color-selected h4,
.fullwidth-section.custom-color-selected h5,
.fullwidth-section.custom-color-selected h6,
.fullwidth-section.custom-color-selected .btn:hover,
.fullwidth-section.custom-color-selected .team-member:hover .team-member-details h4,
.fullwidth-section.custom-color-selected .team-member:hover .team-member-details h5,
.fullwidth-section.custom-color-selected .accordion-item:hover,
.fullwidth-section.custom-color-selected .accordion-item.active,
.fullwidth-section.custom-color-selected .toggle-item:hover,
.fullwidth-section.custom-color-selected .toggle-item.active,
.fullwidth-section.custom-color-selected .horizontal-process-builder li i:hover,
.fullwidth-section.custom-color-selected .horizontal-process-builder li h1:hover,
.fullwidth-section.custom-color-selected .pricing-table:hover .pricing-table-header h2,
.fullwidth-section.custom-color-selected .pricing-table:hover .pricing-table-offer h1,
.fullwidth-section.custom-color-selected .portfolio-item-overlay .portfolio-item-description h3 a:hover,
.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers:hover,
.fullwidth-section.custom-color-selected .widget_tag_cloud a:hover { color: #ffffff; }
.fullwidth-section.custom-color-selected a:hover,
.fullwidth-section.custom-color-selected .pricing-table .pricing-table-offer h1,
.fullwidth-section.custom-color-selected .testimonial h6 { color: #D2972B; }
.fullwidth-section.custom-color-selected pre,
.fullwidth-section.custom-color-selected ins,
.fullwidth-section.custom-color-selected .team-member .team-member-details h4,
.fullwidth-section.custom-color-selected .team-member .team-member-details h5,
.fullwidth-section.custom-color-selected .horizontal-process-builder li i,
.fullwidth-section.custom-color-selected .horizontal-process-builder li h1,
.fullwidth-section.custom-color-selected .pricing-table .pricing-table-header h2,
.fullwidth-section.custom-color-selected .testimonial,
.fullwidth-section.custom-color-selected .milestone { color: #3e3d3d; }
.fullwidth-section.custom-color-selected .milestone:hover {
background-color: #D2972B;
color: #ffffff;
}
.fullwidth-section.custom-color-selected .post,
.fullwidth-section.custom-color-selected .widget,
.fullwidth-section.custom-color-selected .comment-body { background-color: transparent; }
#bg-1,
#bg-7 {
background-color: #ffffff;
}
#bg-1 { border-top: 1px solid #b0b0b0; }
#bg-9 {
background-color: #262626;
}
/* ==========================================================================
=WordPress Default Classes
========================================================================== */
.caption-text,
.wp-caption-text {
color: #bbbbbb;
}
.gallery-caption {
color: #bbbbbb;
}
/* ==========================================================================
=WordPress Post(s)
========================================================================== */
.post {
background-color: #ffffff;
}
.post-thumbnail:hover:after { background-color: rgba(204, 153, 102, .5); }
.sticky {
border-color: #D2972B;
}
.sticky-post {
background-color: #D2972B;
color: #ffffff;
}
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.post-format:before,
.edit-link:before,
.full-size-link:before {
color: #D2972B;
}
.byline,
.cat-links,
.tags-links,
.comments-link,
.post-format,
.full-size-link {
color: #979797;
}
.posted-on {
background-color: #D2972B;
color: #ffffff;
}
/* ==========================================================================
=WordPress Comments
========================================================================== */
.comments-title:before,
.comment-reply-title:before {
background-color: #D2972B;
}
.comment-list .comment-body {
border-color: #D2972B;
background-color: #ffffff;
}
.comment-list .pingback,
.comment-list .trackback {
border-bottom: 1px solid #e0e0e0;
}
.comment-author a {
color: #D2972B;
}
.comment-author .avatar {
border-color: #D2972B;
}
/* ==========================================================================
=WordPress pagination and navigation
========================================================================== */
.pagination .page-numbers,
.pagination .prev,
.pagination .next {
border-color: #D2972B;
color: #D2972B;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current {
background-color: #D2972B;
color: #ffffff;
}
.pagination .page-numbers.dots:hover{
background-color: transparent;
color: #D2972B;
}
/* ==========================================================================
=WordPress Comments Navigation
========================================================================== */
.comment-navigation {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
/* ==========================================================================
=WordPress Comment Form
========================================================================== */
.no-comments {
border-top: 1px solid #e0e0e0;
}
.required { color: #d50f25; }
/* ==========================================================================
=WordPress Widgets
========================================================================== */
/* =Widgets default
========================================================================== */
.widget {
background-color: #ffffff;
}
.widget-title {
border-bottom: 1px solid #f1f0f0;
}
.widget > i {
color: #D2972B;
}
#header-top .widget,
#header-middle .widget {
background-color: transparent;
}
#header-top .widget-title { border-color: #D2972B; }
#header-middle .widget-title {
color: #D2972B;
}
#footer-top .widget {
background-color: transparent;
}
#footer .widget {
background-color: transparent;
}
#footer .widget-title { border-color: #D2972B; }
#footer-bottom .widget {
background-color: transparent;
}
#footer-bottom .widget-title { border-color: #D2972B; }
/* =Text Widget
========================================================================== */
/* =Search Widget
========================================================================== */
.widget_search {}
#searchsubmit {
background: #D2972B url(../../images/bg-search-light.png) no-repeat center center;
}
#footer-top #s { border-color: #ffffff; }
#footer-top #searchsubmit { border-color: #ffffff; }
/* =Recent Entries Widget
========================================================================== */
.widget_recent_entries ul li .post-date {
color: #D2972B;
}
#footer-top .widget_recent_entries ul li .post-date { color: #ffffff; }
/* =Pages Widget
========================================================================== */
/* =Archive Widget
========================================================================== */
/* =Categories Widget
========================================================================== */
.widget_categories a i {
color: #D2972B;
}
#footer-top .widget_categories a i { color: #ffffff; }
/* =Meta Widget
========================================================================== */
/* =Recent Comments Widget
========================================================================== */
/* =Tag Cloud Widget
========================================================================== */
.widget_tag_cloud {}
.widget_tag_cloud a {
background-color: #D2972B;
color: #ffffff;
}
#footer-top .widget_tag_cloud a { border-color: #ffffff; }
#footer .widget_tag_cloud a:hover,
#footer-bottom .widget_tag_cloud a:hover { color: #ffffff; }
/* =Calendar Widget
========================================================================== */
#wp-calendar tbody a {
background-color: #245dc1;
color: #ffffff;
}
/* =Nav Menu Widget
========================================================================== */
/* =RSS Widget
========================================================================== */
/* ==========================================================================
=WordPress Custom Widgets
========================================================================== */
/* =EWF Twitter widget
========================================================================== */
/* =EWF Flickr widget
========================================================================== */
/* =EWF Contact Info widget
========================================================================== */
.ewf_widget_contact_info ul li i {
color: #D2972B;
}
#footer-top .ewf_widget_contact_info ul li i { color: #ffffff; }
/* =EWF Newsletter subscribe widget
========================================================================== */
#newsletter-subscribe-form input[type="submit"] {
background-color: #D2972B;
color: #ffffff;
}
#footer-top #newsletter-subscribe-form input[type="text"] { border-color: #ffffff; }
#footer-top #newsletter-subscribe-form input[type="submit"] { border-color: #ffffff; }
/* =EWF Latest posts widget
========================================================================== */
/* =EWF Navigation widget
========================================================================== */
/* =EWF Social media widget
========================================================================== */
#footer-bottom .ewf_widget_social_media .social-icon,
#footer-top .ewf_widget_social_media .social-icon {
border-color: #ffffff;
}
#footer-bottom .ewf_widget_social_media .social-icon:hover { border-color: #D2972B; }