/*------------------------------------------------------------------
[Table of contents]
1. GENERAL
1.1 custom plugin
1.2 TYPOGRAPHY
1.3 FORMS
1.3.1 CHECKBOX
1.3.2 RADIO
1.3.2 SELECT BOX
1.3.3 CALENDAR
1.4 UTILITY
2. COMPONENTS
2.1 ACCORDION CONTAINER
2.2 ALERT MESSAGES
2.3 BUTTONS
3.4 CONTENT DIVIDER
3.5 DOWNLOAD CONTAINER
3.6 LISTS
3.7 LOADING ANIM
3.8 PROGRESS BAR
3.9 PROJECT CONTAINER
3.10 RADIAL PROGRESS BAR
3.11 RATING CONTAINER
3.12 SERVICE
3.13 TABS
3.14 TIMELINE CONTAINER
4. HEADER
4.1 COMPONENTS
4.1.1 DEFAULT FORM
4.1.2 HEADER BTN
4.1.3 HEADER NAV
4.1.4 HEADER FORM
4.2 HEADER SEARCH
4.2.1 SEARCH INPUT
4.2.2 SEARCH ADVANCED
4.3 HEADER TOOLS
4.3.1 HEADER LOGIN
4.3.2 HEADER ADD OFFER
5. BANNER
5.1 BANNER
5.2 BANNER SEARCH
5.2.1 FORM
6. CORE
6.1 PAGE HEADER
6.2 CONTENT SECTION
6.3 CONTACT FORM
6.4 MAIN WRAPPER
6.5 PROPERTIES LISTING
6.6 PROPERTY DETAILS
6.7 BROWSE
6.8 TESTIMONIALS
6.9 BOTTOM PANEL
6.10 FOOTER
7. RESPONSIVE
7.1 LARGE DEVICES
7.1.1 CORE
7.2 MEDIUM DEVICES
7.2.1 HEADER
7.2.2 CORE
7.3 SMALL DEVICES
7.3.1 CORE
8. CUSTOM
-------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------
GENERAL
----------------------------------------------------------------------------- */
body { color: #999999; }
a { color: #4D4846; }
a:hover{color: #999;}
p a:hover { border-color: #4D4846; color: #FFF;}
h1.blog-title a:hover { color: #4D4846;}
.links-widget.link-cat li a:hover { color: #4D4846; }
.service-container a:hover {
color: #fff;
}
.member-name a:hover {
color: #4D4846;
}
body {
overflow-x: hidden;
}
/* -------------------------------------------------------------------------
custom plugin
------------------------------------------------------------------------- */
.chzn-results li.active-result.highlighted {
background: #4D4846 !important;
}
.properties-search-filter .ui-slider .ui-slider-range,
.properties-search-filter .ui-slider .ui-slider-handle {
background-color: #4D4846;
}
.properties-search-filter .ui-slider .ui-slider-handle {
border-color: #4D4846;
}
.star-rating {
color: #4D4846 !important;
}
.tt-dataset-states {
max-height: 370px;
overflow: auto;
padding: 10px 0;
}
.tt-dataset-states p {
margin: 0;
padding: 4px 0;
}
.tt-dataset-states p:hover,
.tt-dataset-states p.highlight {
background: #4D4846;
color: #fff;
}
.wc-forward,
.filter-btn {
background: #4D4846 !important;
text-shadow: none !important;
border-color: transparent;
}
.filter-btn:hover {
border-color: transparent;
}
#ui-datepicker-div {
z-index: 200 !important;
}
.woocommerce button.button.alt, .woocommerce-page button.button.alt {
background: #DA241C !important;
text-shadow: none !important;
width: 100%;
}
.button.alt {
background: #4D4846 !important;
text-shadow: none !important;
}
.woocommerce button.button.alt, .woocommerce-page button.button.alt .fa {
padding-right: 5px;
}
.woocommerce-page button.button.alt:disabled,
.woocommerce-page button.button.alt:disabled:hover {
background: #fff !important;
color: #ccc;
}
.cart_totals table tr th, .search-form input.search-submit{
background: #4D4846;
border: 1px solid #4D4846;
}
.shop_table tbody tr td input.button:hover , .comment-respond form .button:hover, .search-advanced-inner p .button:hover, .contact-form p .button:hover, .return-to-shop a.button:hover{
background: #4D4846;
color: #fff;
}
.product_list_widget li a {
font-weight: normal !important;
padding-bottom: 5px;
}
.pagination>li>a:hover,
.pagination>li.active>a,
.pagination>li.active:hover>a,
.pagination>li>a:hover span.pb,
.pagination>li.active:hover>a span.pb,
.pagination>li.active:hover>a span.pb,
.pagination>li.active>a span.pb,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
background: #4D4846;
border-color: #4D4846;
}
.pagination>li.disabled:hover>a span.pb {
background: #ddd;
}
.pagination>li{
padding: 0;
}
.casa-shop .properties-listing-header {
border-color: transparent;
}
.casa-shop .properties-listing-header .list-sorting h5 {
padding-top: 10px;
}
.casa-shop .properties-listing-header .list-sorting {
float: left;
}
@media (max-width: 460px) {
.casa-shop .properties-listing-header .list-sorting {
float: none;
}
}
.page-search-results.casa-shop #main-wrapper {
background: #fff;
}
.casa-shop .list-layout {
padding-right: 50px;
}
.properties-listing-header .select-box {
width: 160px;
}
@media (max-width: 768px) {
.layout-grid .property-content {
height: auto;
}
.ui-datepicker-calendar td a {
padding: 6px;
}
.property-list.layout-grid .property-price-rating {
padding-bottom: 20px;
}
}
.list-sorting a:hover {
color: #fff;
}
.woocommerce-tabs * {
box-shadow: none;
}
/* -------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #423338; }
table th { color: #FFF; background-color: #4D4846; }
table td { border-color: #e6e6e6; }
ul > li:before { color: #4D4846; }
ol > li:before { color: #423338; }
.links-widget.link-cat li a:before { color: #4D4846; }
article p a:hover{ color: #999; }
/* -------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------- */
.default-form input[type=text],
.default-form input[type=email],
.default-form input[type=tel],
.default-form input[type=password],
.default-form input[type=date],
.default-form textarea,
.default-form select { color: #999999; background-color: #FFF; border-color: #e6e6e6; }
.default-form input[type=text].active,
.default-form input[type=password].active { border-color: #4D4846; }
.default-form input[type=text].error,
.default-form input[type=password].error,
.default-form .error { border-color: #4D4846; }
/* CHECKBOX */
.default-form .checkbox-input label:before { color: #4D4846; border-color: #e6e6e6; }
/* RADIO */
.default-form .radio-input label:before { background-color: #FFF; border-color: #FFF;
-moz-box-shadow: 0 0 0 1px #e6e6e6;
-webkit-box-shadow: 0 0 0 1px #e6e6e6;
box-shadow: 0 0 0 1px #e6e6e6;
}
.default-form .radio-input.active label:before { background-color: #4D4846; }
/* SELECT BOX */
.default-form .select-box .fa { color: #4D4846; }
.default-form .select-box .select-clone { background-color: #FFF; border-color: #e6e6e6; }
.default-form .select-box .select-clone > li { color: #999999; }
.default-form .select-box .select-clone > li:hover { color: #FFF; background-color: #4D4846; }
.default-form .select-box.error .value-holder { border-color: #4D4846; }
/* CALENDAR */
.default-form .calendar-input .fa { color: #4D4846; }
.ui-datepicker { background-color: #241c1f; background-color: rgba(36,28,31,0.9); }
.ui-datepicker-header { color: #999999; background-color: #241c1f; }
.ui-datepicker-calendar th { color: #999999; background-color: transparent; }
.ui-datepicker-calendar td { color: #999999; background-color: #241c1f; }
.ui-datepicker-calendar td a { color: #999999; }
.ui-datepicker-calendar td a:hover { color: #FFF; background-color: #4D4846; }
.ui-datepicker-calendar .ui-datepicker-unselectable { color: #534e50; }
/* -------------------------------------------------------------------------
UTILITY
------------------------------------------------------------------------- */
.rounded-shadow { border-color: #FFF;
-moz-box-shadow: 0 4px 0 #d9d9d9;
-webkit-box-shadow: 0 4px 0 #d9d9d9;
box-shadow: 0 4px 0 #d9d9d9;
}
/* -----------------------------------------------------------------------------
COMPONENTS
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
ACCORDION CONTAINER
------------------------------------------------------------------------- */
.accordion-item.active .accordion-toggle { background-color: #423338; }
.accordion-item-inner { border-color: #e6e6e6; }
.accordion-item.active .accordion-item-inner { border-color: #4D4846; }
.accordion-item-subtitle { color: #999; }
/* -------------------------------------------------------------------------
ALERT MESSAGES
------------------------------------------------------------------------- */
.alert-message.warning { color: #D40041; border-color: #D40041; }
.alert-message.warning .close { color: #D40041; }
.alert-message.success { color: #499143; border-color: #499143; }
.alert-message.success .close { color: #499143; }
/* -------------------------------------------------------------------------
BUTTONS
------------------------------------------------------------------------- */
.button { color: #FFF; background-color: #4D4846;
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
}
.button:hover {
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2), inset 0 0 0 100px rgba(0,0,0,0.05) ;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2), inset 0 0 0 100px rgba(0,0,0,0.05) ;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2), inset 0 0 0 100px rgba(0,0,0,0.05) ;
}
.button:active {
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
}
.button.color-2 { background-color: #423338; }
.button.color-3 { color: #979797; background-color: #e6e6e6;
-moz-box-shadow: inset 0 -2px 0 #cdcdcd;
-webkit-box-shadow: inset 0 -2px 0 #cdcdcd;
box-shadow: inset 0 -2px 0 #cdcdcd;
}
.button.type-2 { background-color: #cdcdcd; }
.button.type-2 > span { background-color: #e6e6e6; }
.button.type-2 .fa { color: #cdcdcd; background-color: #FFF; }
/* -------------------------------------------------------------------------
CONTENT DIVIDER
------------------------------------------------------------------------- */
.content-divider { border-color: #e6e6e6; }
.content-divider.color-transparent { border-color: transparent; }
/* -------------------------------------------------------------------------
DOWNLOAD CONTAINER
------------------------------------------------------------------------- */
.download-container { color: #999; border-color: #e6e6e6; }
.download-container .download-ico { color: #FFF; background-color: #4D4846; }
.download-container .download-title { color: #423338; }
.download-container .download-description { color: #999999; }
.download-container .download-extension { border-color: #e6e6e6; }
.download-container:hover { border-color: #e6e6e6; }
.download-container:hover .download-ico { background-color: #423338; }
.download-container:hover .download-extension { color: #423338; }
.download-area { border-bottom: 1px solid #E6E6E6; border-radius: 5px; }
/* -------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------- */
.check-list > li:before { color: #4D4846; }
.check-list > li.unchecked:before { color: #423338; }
/* -------------------------------------------------------------------------
LOADING ANIM
------------------------------------------------------------------------- */
.loading-anim { background: rgba(0,0,0,0.2); }
.loading-anim > span { background-image: url( '../../img/loader_2x.gif' );
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale')";
}
/* -------------------------------------------------------------------------
PROGRESS BAR
------------------------------------------------------------------------- */
.progress-bar-inner { background-color: #e6e6e6; }
.progress-bar-inner > span { background-color: #4D4846; }
/* TYPE 2 */
.progress-bar.type-2.active .toggle { background-color: #423338; }
/* -------------------------------------------------------------------------
PROJECT CONTAINER
------------------------------------------------------------------------- */
.project-container { background-color: #f3f3f3;
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
}
.project-container .project-thumb .overlay { background-color: #4D4846; background-color: rgba(241,21,90,0.9); }
.project-container .project-thumb .overlay > span > span { color: #FFF; border-color: #FFF; }
.project-container .project-tags { color: #FFF; background-color: #423338; background-color: rgba(66,51,56,0.9); }
.project-container .project-tags a { color: #FFF; }
.project-container .project-title,
.project-container .project-title a { color: #423338; }
.project-container .project-title a:hover { border-color: #423338; }
.project-container .project-category { color: #979797; }
/* -------------------------------------------------------------------------
RADIAL PROGRESS BAR
------------------------------------------------------------------------- */
.radial-progress-bar .loader-bg { border-color: #e6e6e6; }
.radial-progress-bar .loader-spiner { border-color: #4D4846; }
.radial-progress-bar .text { color: #423338; }
/* -------------------------------------------------------------------------
RATING CONTAINER
------------------------------------------------------------------------- */
.rating-container { color: #4D4846; }
/* -------------------------------------------------------------------------
SERVICE
------------------------------------------------------------------------- */
.service-container .service-icon { color: #FFF; background-color: #4D4846;
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
}
.service-container .service-icon-custom.ico-1 { background-image: url( '../../img/icon_01_red.png' ); }
.service-container .service-icon-custom.ico-2 { background-image: url( '../../img/icon_02_red.png' ); }
.service-container .service-icon-custom.ico-3 { background-image: url( '../../img/icon_03_red.png' ); }
.service-container .service-icon-custom.ico-4 { background-image: url( '../../img/icon_04_red.png' ); }
/* -------------------------------------------------------------------------
TABS
------------------------------------------------------------------------- */
.tabs-container .tab-title { color: #FFF; background-color: #423338; }
.tabs-container .tab-title > a { color: #FFF; }
.tabs-container .tab-title.active { color: #FFF; background-color: #4D4846; }
.tabs-container .tab-title.active > a { color: #FFF; }
.tabs-container .tab-content-list { background-color: #FFF; border-color: #e6e6e6; border-top-color: #4D4846; }
.tabs-container.type-vertical .tab-content-list { border-color: #e6e6e6; border-left-color: #4D4846; }
.one-half .tabs-container .tab-content-list { padding-top: 25px; }
/* -------------------------------------------------------------------------
TIMELINE CONTAINER
------------------------------------------------------------------------- */
.timeline-container { border-color: #f2f2f2; }
.timeline-container .timeline-item { background-color: #f3f3f3; border-color: #4D4846;
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06); }
.timeline-container .timeline-item:before { background-color: #4D4846; border-color: #FFF;
-moz-box-shadow: 0 0 0 3px #e6e6e6, 0 0 0 6px #FFF;
-webkit-box-shadow: 0 0 0 3px #e6e6e6, 0 0 0 6px #FFF;
box-shadow: 0 0 0 3px #e6e6e6, 0 0 0 6px #FFF;
}
.timeline-container .timeline-item:after { background-color: #e7e7e7; }
.timeline-item-label { color: #b2b2b2; }
.timeline-item-subtitle { color: #999; }
/* -----------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------- */
#header { background-color: #4D4846; }
/* -------------------------------------------------------------------------
COMPONENTS
------------------------------------------------------------------------- */
/* DEFAULT FORM */
#header .default-form input[type=text],
#header .default-form input[type=password],
#header .default-form select { color: #999999; background-color: #241c1f; border-color: #241c1f; }
#header .default-form input[type=text].active,
#header .default-form input[type=password].active { border-color: #4D4846; }
/* HEADER BTN */
.header-btn { color: #4D4846; }
.header-btn:hover,
.header-btn.hover { color: #FFF; border-color: #4D4846; }
.header-btn .fa {
padding-left: 7px;
}
/* HEADER NAV */
.header-nav a { color: #FFF; background-color: #4D4846; border-color: #241c1f; }
.header-nav a:hover,
.header-nav .hover > a { color: #fff; background-color: #4D4846; }
.header-nav .hover:after,
.header-nav li:hover:after { color: #FFF; }
.header-nav .submenu-toggle { color: #4D4846; }
/* HEADER FORM */
.header-form { background-color: #423338; background-color: rgba(66,51,56,0.9); border-color: #241c1f; }
.header-form .form-divider { border-color: #241c1f; }
/* -------------------------------------------------------------------------
HEADER SEARCH
------------------------------------------------------------------------- */
/* SEARCH INPUT */
.header-search.active { border-color: #4D4846; }
.header-search .search-input .fa { color: #4D4846; }
/* SEARCH ADVANCED */
.header-search .radio-input label:before { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.header-search .select-box .fa { color: #4D4846; }
.header-search .select-box .select-clone { background-color: #241c1f; }
.header-search .select-box .select-clone > li { color: #999999; }
.header-search .select-box .select-clone > li:hover { color: #FFF; background-color: #4D4846; }
.header-search .ui-datepicker { background-color: transparent; }
/* -------------------------------------------------------------------------
HEADER TOOLS
------------------------------------------------------------------------- */
/* HEADER LOGIN */
.header-login .login-toggle { }
.header-login .login-toggle:hover { }
/* HEADER ADD OFFER */
.header-add-offer > a:hover { color: #4D4846; background-color: #FFF;
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
}
.header-add-offer > a:active {
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
}
/* -----------------------------------------------------------------------------
BANNER
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
BANNER SEARCH
------------------------------------------------------------------------- */
.banner-search .tab-title { color: #FFF; background-color: #423338; }
.banner-search .tab-title > a { color: #FFF; }
.banner-search .tab-title.active { background-color: #4D4846; }
.banner-search .tab-title.active > a { color: #FFF; }
.banner-search .tab-content-list { background-color: #423338; background-color: rgba(66,51,56,0.9); border-color: #4D4846; }
/* FORM */
.banner-search input[type=text],
.banner-search input[type=password],
.banner-search select { color: #999999; background-color: #241c1f; border-color: #241c1f; }
.banner-search input[type=text].active,
.banner-search input[type=password].active { border-color: #4D4846; }
.banner-search .calendar-input .fa { color: #4D4846; }
.banner-search .ui-datepicker-header { color: #999999; background: #241c1f; }
.banner-search .ui-datepicker-calendar td { color: #999999; background-color: #241c1f; }
.banner-search .ui-datepicker-calendar td a { color: #999999; }
.banner-search .ui-datepicker-calendar td a:hover { color: #FFF; background-color: #4D4846; }
.banner-search .ui-datepicker-calendar .ui-datepicker-unselectable { color: #534e50; }
.banner-search .select-box .fa { color: #4D4846; }
.banner-search .select-box .select-clone { background-color: #241c1f; }
.banner-search .select-box .select-clone > li { color: #999999; }
.banner-search .select-box .select-clone > li:hover { color: #FFF; background-color: #4D4846; }
/* -----------------------------------------------------------------------------
CORE
----------------------------------------------------------------------------- */
#carousel-slider a i {
background-color: #4D4846;
}
/* -------------------------------------------------------------------------
PAGE HEADER
------------------------------------------------------------------------- */
.page-header.has-nav { border-color: #4D4846; }
.page-header h1 { color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,0.25); background: #423338; padding: 6px 13px 6px 13px; border-radius: 5px; }
.page-header .breadcrumbs { color: #FFF; background-color: #423338; }
.page-header-nav a { color: #423338; background-color: #FFF; }
.page-header-nav .active a { color: #FFF; background-color: #4D4846; }
.page-about-us .page-header { background-image: url( '../../../casa/img/dummies/page_header_01.jpg' ); }
.page-contact-us .page-header,
.page-privacy-policy .page-header,
.page-terms-conditions .page-header { background-image: url( '../../../casa/img/dummies/page_header_02.jpg' ); }
.page-search-results .page-header { background-image: url( '../../../casa/img/dummies/page_header_03.jpg' ); margin-bottom: 0px;}
.page-property-details .page-header { background-image: url( '../../../casa/img/dummies/page_header_04.jpg' ); margin-bottom: 0px; }
/* -------------------------------------------------------------------------
CONTENT SECTION
------------------------------------------------------------------------- */
.content-section.our-team { background: #f3f3f3 url( '../../../casa/img/dummies/content_img_03.jpg' ) center bottom no-repeat; }
/* -------------------------------------------------------------------------
CONTACT FORM
------------------------------------------------------------------------- */
.contact-form-container { border-color: #e6e6e6; }
/* -------------------------------------------------------------------------
MAIN WRAPPER
------------------------------------------------------------------------- */
.main-wrapper-container { background-color: #f3f3f3; }
#main-wrapper { background-color: #FFF;
-moz-box-shadow: 0 3px 0 #e6e6e6;
-webkit-box-shadow: 0 3px 0 #e6e6e6;
box-shadow: 0 3px 0 #e6e6e6;
}
/* -------------------------------------------------------------------------
PROPERTIES LISTING
------------------------------------------------------------------------- */
.page-search-results #main-wrapper { background: #FFF url('../img/wrapper_separator.png') 357px 0 repeat-y; }
/* PROPERTIES LISTING HEADER */
.properties-listing-header { border-color: #f3f3f3; }
.properties-listing-header .list-layout .button.active { background-color: #423338; }
/* PROPERTY LIST */
.property-list .property { background-color: #f3f3f3;
-moz-box-shadow: 0 2px 0 #e6e6e6;
-webkit-box-shadow: 0 2px 0 #e6e6e6;
box-shadow: 2px 2px 2px 2px #D0CACA;
}
.property-list .propertymemb { background-color: #f3f3f3;
-moz-box-shadow: 0 2px 0 #e6e6e6;
-webkit-box-shadow: 0 2px 0 #e6e6e6;
box-shadow: 2px 2px 2px 2px #D0CACA;
}
.property-list .property-thumb .overlay { color: #FFF; background-color: #4D4846; background-color: rgba(241,21,90,0.9); }
.property-list .property-thumb .overlay span { border-color: #FFF; }
.property-list .property-title a { color: #423338; }
.property-list .property-title a:hover { border-color: #423338; }
.property-list .property-location { color: #999; }
.property-list .property-icons { color: #9a9395; }
.property-list .property-icons li i { background: url( '../../img/icons.png' ) 0 0 no-repeat; }
.property-list .property-icons li.beds i { background-position: -3px -3px; }
.property-list .property-icons li.people i { top: -1px; background-position: -33px -3px; }
.property-list .property-icons li.bathrooms i { top: -2px; background-position: -63px -3px; }
.property-list .property-price strong { color: #4D4846; }
.property-list .property-rating { color: #4D4846; float: right;}
/* GRID LAYOUT */
.property-list.layout-grid .property-icons { color: #FFF; background-color: #423338; background-color: rgba(66,51,56,0.9); }
.property-list.layout-grid .property-icons li.beds i { background-position: -3px -33px; }
.property-list.layout-grid .property-icons li.people i { top: -1px; background-position: -33px -33px; }
.property-list.layout-grid .property-icons li.bathrooms i { top: -2px; background-position: -63px -33px; }
/* PROPERTIES LISTING FOOTER */
.properties-listing-footer { border-color: #f3f3f3; }
/* PROPERTIES SEARCH */
.properties-search-title { color: #FFF; background-color: #4D4846; }
.properties-search .form-divider { border-color: #f3f3f3; }
/* PROPERTIES FILTER */
.properties-search-filter .toggle-title:after { color: #4D4846; }
.properties-search-filter .price-filter .slider-range { background-color: #e6e6e6; }
.properties-search-filter .price-filter .ui-slider-range { background-color: #bf1148; }
.properties-search-filter .price-filter .slider-range .ui-slider-handle { background-color: #4D4846; border-color: #4D4846;
-moz-box-shadow: inset 0 3px 0 rgba(0,0,0,0.3), inset 0 -3px 0 rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0 3px 0 rgba(0,0,0,0.3), inset 0 -3px 0 rgba(255,255,255,0.3);
box-shadow: inset 0 3px 0 rgba(0,0,0,0.3), inset 0 -3px 0 rgba(255,255,255,0.3);
}
.properties-search-filter .rating-filter .stars { color: #4D4846; }
/* -------------------------------------------------------------------------
PROPERTY DETAILS
------------------------------------------------------------------------- */
.page-property-details #main-wrapper { background: #FFF url('../../img/wrapper_separator.png') 357px 0 repeat-y; }
/* PROPERTY DETAILS */
.property-details .property-images .images-footer-inner { color: #FFF; background-color: #423338; background-color: rgba(66,51,56,0.9); }
.property-details .property-images .image-counter { color: #999999; }
.property-details .property-images .prev-btn,
.property-details .property-images .next-btn { color: #FFF; background-color: #4D4846; }
.property-details .property-description { border-color: #f3f3f3; }
.property-details .property-description table td { border-color: #f3f3f3; }
.property-details .comments .author strong { color: #423338; }
.property-details .comments .rating { color: #4D4846; }
.property-details .property-panel { border-color: #f3f3f3; }
.property-details .property-panel .panel-item { border-color: #f3f3f3; }
.property-details .property-panel .object-rating { color: #4D4846; }
.property-details .property-panel .object-owner .name { color: #FFF; background-color: #423338; background-color: rgba(66,51,56,0.9); }
.property-details .property-panel .object-owner .name i { background: url( '../../img/icons.png' ) 0 0 no-repeat; }
.property-details .property-panel .object-owner .name i.ico-family { background-position: -34px -34px; }
.property-details .property-panel .object-owner .name i.ico-person { background-position: -94px -34px; }
.property-details .property-panel .object-price .price strong { color: #4D4846; }
/* PROPERTY LOCATION DETAILS */
.property-location-title { color: #FFF; background-color: #4D4846; }
.property-location-details .property-map .map-btn { color: #FFF; background-color: #4D4846; }
.property-location-details .toggle-title:after { color: #4D4846; }
/* -------------------------------------------------------------------------
BROWSE
------------------------------------------------------------------------- */
#browse { background-color: #ebebeb; }
#browse .browse-tabs-container .tab-title { background-color: #FFF; }
#browse .browse-tabs-container .tab-title a { color: #423338; }
#browse .browse-tabs-container .tab-title.active { background-color: #4D4846; }
#browse .browse-tabs-container .tab-title.active a { color: #FFF; }
/* BROWSE PROPERTIES */
#browse .browse-properties .tab-title { background-color: transparent; }
#browse .browse-properties .tab-title a { color: #FFF; }
#browse .browse-properties .tab-title.active { background-color: transparent; }
#browse .browse-properties .tab-title.active a { background-color: #423338; }
#browse .browse-properties .tab-content-list { background-color: transparent;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
/* BROWSE DESTINATIONS */
#browse .browse-destinations .top-destination-inner { background-color: #423338; background-color: rgba(66,51,56,0.5); }
#browse .browse-destinations .top-destination h3 { color: #FFF; }
/* BROWSE MEMBERS */
#browse .browse-members-search .fa { color: #4D4846; }
#browse .browse-members-list .member { background-color: #f3f3f3;
-moz-box-shadow: inset 0 -2px 0 #e6e6e6;
-webkit-box-shadow: inset 0 -2px 0 #e6e6e6;
box-shadow: inset 0 -2px 0 #e6e6e6;
}
/* -----------------------------------------------------------------------------
TESTIMONIALS
----------------------------------------------------------------------------- */
#testimonials { color: #FFF; background: #72656c url( '../casa/img/dummies/testimonials_bg.jpg' ) center center no-repeat; background-size: cover; }
#testimonials .active-portrait { border-color: #FFF;
/*-moz-box-shadow: 0 3px 0 #d9d9d9;
-webkit-box-shadow: 0 3px 0 #d9d9d9;
box-shadow: 0 3px 0 #d9d9d9;*/
}
/* -----------------------------------------------------------------------------
BOTTOM PANEL
----------------------------------------------------------------------------- */
#bottom-panel { /*background-color: #7A7677;border-top: 10px solid #d19f46;*/ background-image:url(../img/footr.jpg); background-size:cover; }
#bottom-panel .widget-title { color: #FFF; }
/* DEFAULT FORM */
#bottom-panel .default-form input { color: #999999; background-color: #241c1f; }
#bottom-panel .default-form .input-group { background-color: #241c1f; }
#bottom-panel .default-form .input-group input { background-color: transparent; }
#bottom-panel .default-form .input-group button { color: #4D4846; }
/* -----------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------- */
#footer { background-color: #241c1f; border-top: 10px solid #d19f46; }
/* -----------------------------------------------------------------------------
RESPONSIVE
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
LARGE DEVICES
------------------------------------------------------------------------- */
@media ( max-width: 1199px ) {
/* CORE */ .page-search-results #main-wrapper { background-position: 290px 0; }
.property-list .property-icons { color: #FFF; background-color: #4D4846; background-color: rgba(241,21,90,0.9); }
.property-list .property-icons li.beds i { background-position: -3px -33px; }
.property-list .property-icons li.people i { top: -1px; background-position: -33px -33px; }
.property-list .property-icons li.bathrooms i { top: -2px; background-position: -63px -33px; }
.page-property-details #main-wrapper { background-position: 290px 0; }
}
/* -------------------------------------------------------------------------
MEDIUM DEVICES
------------------------------------------------------------------------- */
@media ( max-width: 991px ) {
/* HEADER */
.header-nav li a:hover,
.header-nav li.hover a,
.header-nav li.active a { color: #FFF; background-color: transparent; }
.header-navbar,
.header-language,
.header-register,
.header-login,
.header-add-offer { border-color: #241c1f; }
/* CORE */
.main-wrapper-container { background-color: #FFF; }
.page-search-results #main-wrapper,
.page-property-details #main-wrapper { background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
}
/* -------------------------------------------------------------------------
SMALL DEVICES
------------------------------------------------------------------------- */
@media ( max-width: 767px ) {
/* CORE */
.content-section.our-team { background-image: none; }
.property-list .property-icons,
.property-list.layout-grid .property-icons { color: #9a9395; background-color: transparent; }
.property-list .property-icons li.beds i,
.property-list.layout-grid .property-icons li.beds i { background-position: -3px -3px; }
.property-list .property-icons li.people i,
.property-list.layout-grid .property-icons li.people i { top: -1px; background-position: -33px -3px; }
.property-list .property-icons li.bathrooms i,
.property-list.layout-grid .property-icons li.bathrooms i { top: -2px; background-position: -63px -3px; }
}
/* CUSTOM */
.e-blog-detail {
padding: 40px 0 60px 40px;
}
.e-comment-list {
margin-top: 50px;
}
.e-comment-form {
margin-top: 50px;
}
.pagination .current{
padding:6px 15px 6px 15px;
background: #4D4846;
color:#fff;
}
.woocommerce p.stars a.star-4, .woocommerce-page p.stars a:hover {
color: #4D4846;
}
.event-date {
background: linear-gradient(#423338, #4D4846) left repeat;
}
.su-custom-gallery-slide:hover img {
background: #4D4846;
border: 1px solid #aaa;
}
.btn-more {
background-color: #4D4846 !important;
border-color: #4D4846;
color: white;
}
.secondary-header .header-nav .sub-menu a:hover { background: #4D4846 !important; color:#FFFFFF; }
div.pagination {
padding: 3px;
margin: 3px;
}
div.pagination a {
padding: 7px 5px 2px 5px;
margin: 2px;
border: 1px solid #4D4846;
text-decoration: none; /* no underline */
color: #4D4846;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #4D4846;
/*height:30px;*/
color: #000;
}
div.pagination span.current {
padding: 7px 5px 2px 5px;
margin: 2px;
border: 1px solid #4D4846;
font-weight: bold;
background-color: #4D4846;
color: #FFF;
}
div.pagination span.disabled {
padding: 7px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
.panel .panel-heading {
padding:0px;
}
.panel-theme > .panel-heading {
background-color: #4D4846;
border: 1px solid #4D4846;
color: white;
height:35px;
padding:0px;
}
.btn-theme {
background-color: #4D4846;
border-color: #4D4846;
color: white;
}
form .form-group.has-feedback button.form-control-feedback {
top: 5px;
right: 115px;
width: 25px;
height: 25px;
line-height: 6px;
position: absolute;
pointer-events: auto !important;
}
.top-bar {
padding: 12px 0;
background: #241C1F;
border-bottom: 1px solid #222;
line-height: 28px;
}
.navbar-inverse {
background-color: #4D4846;
border-color: #4D4846;
}
.navbar-inverse .navbar-nav > li > a {
color: #4D4846;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #4D4846;
color: #fff;
}
.chats {
margin: 0;
padding: 0;
margin-top: 10px;
margin-right: 10px;
}
.chats li {
list-style: none;
padding: 8px 0 5px;
margin: 7px auto;
font-size: 14px;
}
.chats li.in .message {
text-align: left;
margin-left: 20px;
}
.normal-chat .message {
border: 1px solid #4D4846;
background: #fbfbfb;
border-left: 1px solid #4D4846 !important;
border-right: 1px solid #4D4846 !important;
padding: 10px !important;
border-radius: 5px;
}
.normal-chat li.in .message .arrow {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
left: 13px;
position: absolute;
top: 22px;
width: 0;
}
.normal-chat li.in .message .arrow {
border-right: 8px solid #4D4846 !important;
}
.normal-chat li .datetime {
color: #ADADAD;
font-size: 14px !important;
font-weight: 400;
}
.chats li .message .body {
display: block;
}
.icons {
background-color : #4D4846;
border-radius: 50%;
}
fieldset {
display: block;
padding: 0.5em 1em;
border: solid #4D4846 1px;
margin: 0;
}
legend {
width:auto;
color: #4D4846;
}
.gallery-type{
border-bottom: 2px solid #4D4846;
display: table;
}
.gallery-type li{
display: inline-block;
cursor: pointer;
padding: 5px 10px;
color: #4D4846;
}
.gallery-type li.active{
border-bottom: 3px solid #4D4846;
}
@media ( max-width: 768px ) {
fieldset {
margin-top: 15px;
}
}