⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.94
Server IP:
178.33.27.10
Server:
Linux cpanel.dev-unit.com 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64
Server Software:
Apache/2.4.57 (Unix) OpenSSL/1.0.2k-fips
PHP Version:
8.2.11
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
id
/
dalily.dev-unit.com
/
public
/
assets
/
css
/
View File Name :
style-main.css
@charset "utf-8"; /* * LaraClassifier - Classified Ads Web Application * Copyright (c) BeDigit. All Rights Reserved * * Website: https://laraclassifier.com * Author: Mayeul Akpovi (BeDigit - https://bedigit.com) * * LICENSE * ------- * This software is provided under a license agreement and may only be used or copied * in accordance with its terms, including the inclusion of the above copyright notice. * As this software is sold exclusively on CodeCanyon, * please review the full license details here: https://codecanyon.net/licenses/standard */ /* http://www.colorpicker.com/ http://www.rgbtohex.net/hextorgb/ SteelBlue --------- 4682B4 => R: 70 G: 130 B: 180 => rgb(70, 130, 180) - (normal) 3D709C => R: 61 G: 112 B: 156 => rgb(61, 112, 156) - (dark) */ /* =============================================================== */ /* FOUNDATION /* =============================================================== */ /* Base Theme Color || If you want to replace a specific known color @dividerColor: #e6e6e6; @linkColor: #369; @linkHoverColor: #FA7722; @primaryTextColor #333 @secondaryTextColor: #4e575d; @btn-default #BDC3C7; @btn-default:hover #CACFD2; @btn-primary #16A085; @btn-primary:hover #149078 @btn-info #e4cb65 @btn-info:hover #C1AC59; @btn-danger #E74C3C; @btn-danger:hover #EC7063; @btn-success #2ECC71; @btn-success:hover #58D68D; */ /* Small Screen */ @media (min-width: 576px) { .container { max-width: 540px; } } /* Medium Screen */ @media (min-width: 768px) { .container { max-width: 720px; } } /* Large Screen */ @media (min-width: 992px) { .container { max-width: 960px; } } /* Extra large Screen */ @media (min-width: 1200px) { .container { max-width: 1140px; } } body { background: #FFF none repeat scroll 0 0; } /* Font Size */ body, .info-row, .cat-list li a, .footer-nav li a { font-size: .85rem; } @media (min-width: 768px) { /* header-menu */ .navbar.navbar-site .navbar-nav > li > a:not(.btn), .navbar.navbar-site .navbar-nav > li .nav-link:not(.btn), .navbar.navbar-light .navbar-nav > li > a:not(.btn), .navbar.navbar-light .navbar-nav > li .nav-link:not(.btn), .navbar.navbar-site ul.navbar-nav > li.postadd.nav-item a { font-size: .86rem; } /* selected-lang */ .navbar.navbar-site .navbar-nav > li.lang-menu .btn, .navbar.navbar-light .navbar-nav > li.lang-menu .btn { font-size: 1.05rem; } } /* dropdown-menu */ #navbarsDefault .dropdown-menu { min-width: 225px; } /* dropdown-items-links */ ul.dropdown-menu.user-menu > li a, li.lang-menu ul.dropdown-menu > li a { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: .84rem; font-weight: 400; } ul.dropdown-menu.user-menu > li a.btn, li.lang-menu ul.dropdown-menu > li a.btn { font-family: "Roboto", Helvetica, Arial, sans-serif !important; font-size: .84rem !important; font-weight: 400 !important; } /* intro-titles */ h1.intro-title { font-size: 2.5rem; text-transform: none; } .intro h1 { font-size: 2.5rem; font-weight: 700; text-transform: uppercase; } .intro p { font-size: 1.2rem; font-weight: 300; } /* categories, listings-title */ .f-category h6, .featured-list-slider .item .item-name, .items-details h5.add-title { font-size: .88rem; } /* mini-stats-text */ .page-info-lite .iconbox-wrap-text { font-size: 1.2rem; } .copy-info { font-size: 12px; } .nav.install-steps { font-size: 15px; } .item-list:hover .make-favorite span { font-size: .65rem; /* btn-sm size-size */ } .item-list .btn.make-favorite { width: fit-content; } /* List Gap */ ul li, ol li { padding: 2px 0 2px 0; } .footer-nav li { padding: 3px 0 3px 0; } html:not([theme="dark"]) #wrapper { padding-top: 84px; background-color: #FFFFFF; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto", Helvetica, Arial, sans-serif; } @media (max-width: 767px) { .navbar.navbar-site ul.navbar-nav > li > a.btn-listing { color: #333; } } .btn-sm { padding: 4px 8px; font-size: 0.65rem; border-radius: 0.2rem; } .main-logo { float: left; margin: 0 5px 5px 0; } /* Modal */ @media screen and (min-width: 768px) { .modal-dialog { width: 600px; max-width: 950px; } #quickLogin .modal-dialog { width: 700px; } #quickLogin .modal-sm { width: 450px; } } @media screen and (min-width: 992px) { .modal-dialog { width: 600px; max-width: 950px; } .modal-lg { width: 900px; } #quickLogin .modal-lg { width: 950px; } } /* Modal zIndex */ .modal-backdrop { z-index: 1960 !important; } .modal { z-index: 1979; } .modal-dialog { z-index: 2000; } /* Inner box */ .inner-box { background: #f5f5f5 none repeat scroll 0 0; margin-bottom: 0; padding: 20px 15px; } .inner-box.default-inner-box, .section-content > .inner-box { margin-bottom: 30px; } .page-content .inner-box { overflow: hidden; padding: 15px; } .page-content .items-details-wrapper.inner-box { /*padding-bottom: 0;*/ } .items-details-wrapper .content-footer { margin-left: -15px; margin-right: -15px; } .page-content .inner-box .title-2 { margin: 5px 0 25px; padding: 0 0 20px; } /* Try to fix 'Google Mobile View' issue */ img { max-width: 100% !important; } /* Home categories box */ .box-title { border-bottom: 0 solid #fafafa; background-color: #fafafa; } html:not([theme="dark"]) .f-category { /* border-color: #f5f5f5 #f5f5f5 #f5f5f5 -moz-use-text-color; */ border: solid 1px #f5f5f5; } .f-category { padding: 25px 15px; } .f-category img { height: 60px; } html:not([theme="dark"]) .content-box { box-shadow: none; border: 1px solid #ddd; /* #ebebeb */ } .card .card-header { padding: .7rem 1rem; } /* Sidebar box */ .card-header { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 1rem; text-transform: none; } .sidebar-panel .panel-header { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #ddd; } .panel { background-color: #fff; box-shadow: none; border: 1px solid #ddd; } .panel-details { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ddd; position: relative; } .items-details .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; /*padding: 10px;*/ background-color: #ffffff; /*margin-bottom: 20px;*/ } .items-details .nav-tabs { margin-bottom: 0; } .items-details ol.nav-tabs li, .items-details ul.nav-tabs li, ul#postType li { margin: 0 !important; padding: 0 !important; } @media (min-width: 768px) { #itemsDetailsTabs.nav > li > a:not(.btn):hover, #itemsDetailsTabs.nav > li > a:not(.btn):focus { background: #fff; } } .cat-list { margin-bottom: 10px; /* 30px; */ } .cat-title a { padding-left: 35px; } .list-border > li.cat-list { border: none; } .list-border > li.cat-list > span { border-bottom: 1px solid #ebebeb; line-height: 36px; display: block; position: relative; } /* [OTHERS] */ button.btn-search { border-radius: 0 !important; font-size: 18px; height: 48px; letter-spacing: -0.5px; text-shadow: 0 2px 2px #4682B4; -webkit-text-shadow: 0 2px 2px #4682B4; text-transform: uppercase; } /* [NAV BAR] */ .navbar.navbar-site { position: fixed !important; /* Add this line to get: sticky navbar */ z-index: 1945; border: 0 solid #e7e7e7; border-radius: 0; height: auto; margin-bottom: 0 !important; background-color: #f8f8f8; /*border-bottom: 1px solid #e8e8e8;*/ /* Moved in the Setting Model */ /*border-bottom: 0;*/ } .navbar.navbar-site .navbar-identity .navbar-brand { height: 80px; padding-top: 20px; padding-bottom: 20px; } .navbar.navbar-site ul.navbar-nav > li.postadd.nav-item a { color: #333; } .navbar.navbar-site ul.navbar-nav > li.postadd.nav-item a { padding: 12px 15px; } .navbar.navbar-site .flag-menu img.flag-icon { width: 32px; height: 32px; } @media screen and (min-width: 768px) { .navbar.navbar-site ul.navbar-nav > li.postadd.nav-item a { border-radius: 6px; box-sizing: border-box; height: 40px; line-height: normal; padding: 12px 20px; text-transform: none; width: auto; /* 170px */ } .navbar.navbar-site ul.navbar-nav > li.country-flag > a { padding: 12px 10px; } .navbar.navbar-site ul.navbar-nav > li:not(.country-flag, .postadd) > a { padding: 14px 10px !important; } } @media screen and (max-width: 767px) { .btn-block { display: block; width: 100%; } } @media (max-width: 767px) { #wrapper { padding-top: 81px } .navbar-site.navbar .navbar-identity { height: 80px; border-bottom: 0; } .navbar-site.navbar .navbar-identity .btn, .navbar-site.navbar .navbar-identity .navbar-toggler { margin-top: 18px; } } @media (max-width: 479px) { #wrapper { padding-top: 81px; } .navbar-site.navbar .navbar-identity { height: 80px; } } @media (min-width: 768px) and (max-width: 992px) { .navbar.navbar-site .navbar-identity a.logo { height: 81px; } .navbar.navbar-site .navbar-identity a.logo-title { padding-top: 20px; } } @media (min-width: 768px) { .navbar.navbar-site .navbar-identity { margin-top: 0; } .navbar.navbar-site .navbar-collapse { margin-top: 0; } .navbar.navbar-site ul.navbar-nav > li.postadd.nav-item { padding-left: 0; margin-left: 5px; border-left: 0; min-width: 170px; } } @media (max-width: 767px) { .navbar-site.navbar .navbar-identity { padding: 0; } } .navbar.navbar-site ul.navbar-nav > li.nav-item > a.nav-link > .badge.count-threads-with-new-messages { font-size: 75%; } .tooltip { z-index: 1946; } /* Related to the z-index of '.navbar.navbar-site {...}' */ @media (min-width: 768px) and (max-width: 1200px) { /* max: 991px */ .navbar-right i { display: none; } } /* Fix the z-index value for the mobile sidebar version */ @media (max-width: 767px) { .menu-overly-mask { z-index: 1950; } .page-sidebar.mobile-filter-sidebar { z-index: 1955; } .select2-dropdown { z-index: 1960; } } @media (max-width: 767px) { .navbar-brand.logo.logo-title { padding-top: 20px; /* 25px */ } } .page-info { background-color: #3c3c3c; padding: 10px; } .iconbox-wrap-icon .icon { color: #FFFFFF; } html:not([theme="dark"]) .page-info-lite { background-color: #fafafa; padding: 5px; } html:not([theme="dark"]) .page-info-lite h5 { color: #999999; } html:not([theme="dark"]) .page-info-lite .iconbox-wrap-icon, html:not([theme="dark"]) .page-info-lite .iconbox-wrap-icon i { color: #999999; } html:not([theme="dark"]) .page-info-lite .iconbox-wrap-text { color: #999999; } /* SHODOW */ .ln-shadow { background-color: #4682B4; border-radius: 3px; color: #fff; display: inline-block; font-size: 28px; height: 42px; line-height: 40px; overflow: hidden; text-align: center; vertical-align: middle; width: 42px; text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -webkit-text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -moz-text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; } .shape-0 { text-shadow: 1px 1px #4682B4, 2px 2px #4682B4, 3px 3px #4682B4, 4px 4px #4682B4, 5px 5px #4682B4, 6px 6px #4682B4, 7px 7px #4682B4, 8px 8px #4682B4, 9px 9px #4682B4, 10px 10px #4682B4, 11px 11px #4682B4, 12px 12px #4682B4, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -moz-text-shadow: 1px 1px #4682B4, 2px 2px #4682B4, 3px 3px #4682B4, 4px 4px #4682B4, 5px 5px #4682B4, 6px 6px #4682B4, 7px 7px #4682B4, 8px 8px #4682B4, 9px 9px #4682B4, 10px 10px #4682B4, 11px 11px #4682B4, 12px 12px #4682B4, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -webkit-text-shadow: 1px 1px #4682B4, 2px 2px #4682B4, 3px 3px #4682B4, 4px 4px #4682B4, 5px 5px #4682B4, 6px 6px #4682B4, 7px 7px #4682B4, 8px 8px #4682B4, 9px 9px #4682B4, 10px 10px #4682B4, 11px 11px #4682B4, 12px 12px #4682B4, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; background-color: #4682B4; } .shape-0-shadow { text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -moz-text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; -webkit-text-shadow: 1px 1px #426998, 2px 2px #426998, 3px 3px #426998, 4px 4px #426998, 5px 5px #426998, 6px 6px #426998, 7px 7px #426998, 8px 8px #426998, 9px 9px #426998, 10px 10px #426998, 11px 11px #426998, 12px 12px #426998, 13px 13px #4682B4, 14px 14px #4682B4, 15px 15px #4682B4, 16px 16px #4682B4, 17px 17px #4682B4, 18px 18px #4682B4, 19px 19px #4682B4, 20px 20px #4682B4, 21px 21px #4682B4, 22px 22px #4682B4, 23px 23px #4682B4, 24px 24px #4682B4, 25px 25px #4682B4, 26px 26px #4682B4, 27px 27px #4682B4, 28px 28px #4682B4; background-color: #4682B4; } h2 { font-size: 24px; line-height: 24px; } .title-2 { font-size: 24px; line-height: 24px; text-transform: none; } h3 { font-size: 20px; line-height: 24px; } .title-3 { font-size: 20px; line-height: 24px; text-transform: none; } .title-4 { text-transform: none; } h5, h6 { /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */ } .title-5 { text-transform: none; border-bottom: 0; margin: 0; padding: 0 0 10px; } a.info-link { font-weight: normal; color: #9a9a9a; } a.info-link:hover { text-decoration: underline; } .main-container { min-height: 220px; } .cat-list h3, .footer-nav li a, .iconbox-wrap-text, .intro-title, .list-title, .logo, .logo-title, .page-info h3, .title-3, .user-panel-sidebar ul li a, button.btn-search { text-transform: none; } .wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } .form-control { border: 1px solid #ddd; } .form-check.form-switch [type=checkbox].form-check-input { height: 16px; cursor: pointer; } /* Social Login Or */ @media (min-width: 768px) { .omb_row-sm-offset-3 div:first-child[class*="col-"] { margin-left: 25%; } } .loginOr { position: relative; font-size: 18px; color: #aaa; margin-top: 5px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 5px; } .loginOr .hrOr { background-color: #bababa; height: 1px; margin-top: 0 !important; margin-bottom: 0 !important; border-top: 0 !important; } .spanOr { display: block; position: absolute; left: 50%; top: -5px; margin-left: -30px; background-color: white; width: 60px; text-align: center; } .small-gutter > [class*='col-'] { padding-right: 2px; padding-left: 2px; } /* Search breadcrumbs */ nav.search-breadcrumb > ol.breadcrumb { color: #333; font-size: 14px; line-height: 18px; list-style: none; overflow: hidden; width: 100%; } /* Categories links */ .category-links { padding: 0 5px; overflow: hidden; text-align: left; margin: 10px 0; } .category-links ul { color: #666; font-weight: bold; } .category-links ul li { display: inline-block; margin: 0 2.06186% 7px 0; vertical-align: top; } .category-links ul li a { font-weight: normal; } .category-links .badge { background-color: #999999; margin-left: 5px; } #categoryBadge .badge { font-size: 100%; } #packagesTable .badge { font-size: 80%; } /* Carousel */ /* .featured-list-slider .owl-item, */ .featured-list-slider .item { min-width: 215px; max-width: 217px; } .featured-list-slider .item > a { padding: 2px; } /* ================================================================== */ /* SELECT BOX */ /* ================================================================== */ /* Select box */ .select2-container { /*min-width: 200px !important;*/ padding: 0; } .select2-container--default .select2-selection--single { position: relative; height: 40px; padding: 6px; } /* Select arrow (Icon) */ .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; height: 35px; } /* Opened */ .select2-container--default .select2-selection--single, .select2-dropdown { background-color: #fff; border: 1px solid #ddd; } .select2-container--default .select2-selection--single { border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; } .select2-dropdown { box-shadow: 0 4px 3px #ededed; padding: 8px; } .select2-results__option { padding: 8px 10px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fafafa; color: #555; } /* GOOGLE AUTO SUGGEST / Z-INDEX */ .pac-container { background-color: #FFF; z-index: 1492; /* 20000 */ position: fixed; display: inline-block; float: left; } /* ================================================================== */ /* SEARCH FORM FIELDS SIZE */ /* ================================================================== */ .intro:not(.only-search-bar) .container { max-width: 100%; } .intro.only-search-bar .container { max-width: 1200px; } .intro { height: 450px; min-height: 300px; background-color: #444; } .intro.only-search-bar { height: unset; min-height: unset; background-color: transparent; } .intro .intro-title { font-family: Open Sans Condensed,Helvetica Neue,sans-serif; } .intro h1 { color: #fff; } .intro p { color: #fff; } .search-row { margin-top: 0; max-width: 925px; } .intro.only-search-bar .search-row { margin-top: 0; max-width: 100%; } .search-row .search-col:first-child .search-col-inner, .search-row .search-col .search-col-inner, .search-row .search-col .search-btn-border { border-width: 5px; border-style: solid; border-color: #333; } .search-row .search-col:first-child .search-col-inner { border-right: 0; } .search-row .search-col .search-col-inner { border-left: 0; border-right: 0; } .search-row .search-col .search-btn-border { border-left: 0; } .search-row .search-col:first-child .search-col-inner { border-radius: 24px 0 0 24px !important; /* 24px & 5px */ } .search-row .search-col:first-child .form-control { border-radius: 18px 0 0 18px !important; } .search-row .search-col .form-control, .search-row .search-col .search-col-inner { border-radius: 0 !important; } .search-row .search-col .search-btn-border { border-radius: 0 24px 24px 0 !important; } .search-row .search-col .btn { border-radius: 0 18px 18px 0 !important; } .search-row .search-col .form-control, .search-row button.btn-search { height: 45px; } .search-row .icon-append { font-size: 28px; position: absolute; top: 8px; left: 8px; } .search-row .search-col .form-control, .search-row button.btn-search, .search-row .select2-container--default .select2-selection--single { font-size: 16px; } .search-row .has-icon { padding-left: 25px; } @media (max-width: 575px) { /* xs - X-Small Screen (Usage of max-width) */ .intro:not(.only-search-bar) .search-row { max-width: 400px; } } @media (min-width: 576px) { /* sm - Small Screen */ .intro:not(.only-search-bar) .search-row { max-width: 450px; } .intro.only-search-bar .container { max-width: 540px; } } @media (min-width: 768px) { /* md - Medium Screen */ .intro:not(.only-search-bar) .search-row { max-width: 600px; } .intro.only-search-bar .container { max-width: 720px; } } @media (min-width: 992px) { /* lg - Large Screen */ .intro:not(.only-search-bar) .search-row { max-width: 800px; } .intro.only-search-bar .container { max-width: 960px; } } @media (min-width: 1200px) { /* xl - Extra large Screen */ .intro:not(.only-search-bar) .search-row { max-width: 925px; } .intro.only-search-bar .container { max-width: 1200px; } } @media (min-width: 1400px) { /* xxl - Extra extra large Screen */ .intro:not(.only-search-bar) .search-row { max-width: 925px; } } @media (max-width: 767px) { /* sm & xs */ .intro h1 { font-size: 28px; line-height: 32px; } .intro { padding-bottom: 0; padding-top: 0; } .search-row .search-col:first-child .search-col-inner, .search-row .search-col .search-col-inner, .search-row .search-col .search-btn-border { border: 5px solid #333; } .search-row .search-col:first-child .form-control, .search-row .search-col:first-child .search-col-inner, .search-row .search-col .form-control, .search-row .search-col .search-col-inner, .search-row .search-col .btn, .search-row .search-col .search-btn-border { border-radius: 24px !important; } } .serp-search-bar .form-control, .serp-search-bar button.btn { height: 45px; } .serp-search-bar .select2-container--default .select2-selection--single { height: 45px; padding: 8px; } .serp-search-bar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .serp-search-bar .form-control, .serp-search-bar button.btn, .serp-search-bar .select2-container--default .select2-selection--single { font-size: 16px; } @media (max-width: 575px) { .serp-search-bar .py-sm-1 { padding: 5px 0 5px 0; } } .items-details-info h4, .items-details-info .h4, .items-details-info h5, .h5, .items-details-info h6, .items-details-info .h6 { padding-bottom: 8px; } .box-title h2 { text-transform: none; } /* ================================================================== */ /* INSTALL */ /* ================================================================== */ ul.installation li:first-child { border-top: 1px solid #ddd; padding-top: 20px; } ul.installation li { border-bottom: 1px solid #ddd; clear: both; list-style: outside none none; margin-bottom: 20px; } ul.installation li i { color: #4682B4; float: left; font-size: 30px; height: 70px; margin-right: 20px; margin-top: 5px; } .installation .text-success { color: #3c763d; } .installation .text-danger { color: #a94442; } /* Ribbon Position when the SideBar is hidden */ /* List */ .noSideBar .cornerRibbons { left: -6%; top: 15%; } /* Grid */ .noSideBar .item-list.make-grid .cornerRibbons { left: -20%; top: 8%; } /* Compact */ .noSideBar .item-list.make-compact .cornerRibbons { left: -10%; } /* Ribbon Color */ .cornerRibbons.green { background: #16A085; } .cornerRibbons.red { background: #CC3300; } .cornerRibbons.orange { background: #FB8D17; } .cornerRibbons.orange a { color: #fff; } /* New Ribbons */ .item-list .ribbon-horizontal { position: absolute; border: 12px solid #e46a76; border-left: 0; border-right: 10px solid transparent; height: 0; line-height: 0; color: #fff; z-index: 1; -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); width: 180px; left: 0; top: 30px; } .ribbon-horizontal span { position: relative; padding: 0 4px 0 10px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 0; } .ribbon-horizontal.green { border-color: #16A085; border-right: 10px solid transparent; } .ribbon-horizontal.red { border-color: #CC3300; border-right: 10px solid transparent; } .ribbon-horizontal.orange { border-color: #FB8D17; border-right: 10px solid transparent; } .ribbon-horizontal.yellow { border-color: #e4cb65; border-right: 10px solid transparent; color: #333; } /* Ribbons: Media Screen - Dynamic (for Grid display) */ @media (min-width: 1400px) { .item-list .ribbon-horizontal { width: 180px; } .ribbon-horizontal span { font-size: 12px; } } @media (min-width: 1200px) and (max-width: 1399px) { .item-list .ribbon-horizontal { width: 120px; } .ribbon-horizontal span { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px) { .item-list .ribbon-horizontal { width: 100px; } .ribbon-horizontal span { font-size: 11px; top: -1px; } } @media (min-width: 768px) and (max-width: 991px) { .item-list .ribbon-horizontal { width: 80px; } .ribbon-horizontal span { font-size: 9px; top: -2px; } } @media (min-width: 576px) and (max-width: 767px) { .item-list .ribbon-horizontal { width: 140px; } .ribbon-horizontal span { font-size: 9px; top: -2px; } } @media (max-width: 575px) { .item-list .ribbon-horizontal { width: 180px !important; } .ribbon-horizontal span { font-size: 12px; top: 0; } } /* Long words overflow */ .enable-long-words { display: block; max-width: 100%; word-wrap: break-word; } aside .inner-box.enable-long-words { display: block; } /* From WYSIWYG Editor */ .from-wysiwyg dir, .from-wysiwyg li, .from-wysiwyg menu, .from-wysiwyg ol, .from-wysiwyg ul, .simditor-body dir, .simditor-body li, .simditor-body menu, .simditor-body ol, .simditor-body ul { list-style-type: inherit; } .from-wysiwyg blockquote { border-left: 6px solid #ddd; padding: 5px 0 5px 10px; margin: 15px 0 15px 15px; } .from-wysiwyg li ul, .from-wysiwyg li ol { margin: 0 10px; } .from-wysiwyg ul, .from-wysiwyg ol { margin: 0 10px 10px 40px; } .from-wysiwyg ul { list-style-type: disc; } .from-wysiwyg ol { list-style-type: decimal; } .from-wysiwyg ol ol { list-style: upper-alpha; } .from-wysiwyg ol ol ol { list-style: lower-roman; } .from-wysiwyg ol ol ol ol { list-style: lower-alpha; } .from-wysiwyg dl { margin: 0 0 10px 0; } .from-wysiwyg dl dt { font-weight: bold; } .from-wysiwyg dd { margin-left: 10px; } .from-wysiwyg table { width: 100%; border: 1px solid #d4d4d4; } .from-wysiwyg th, .from-wysiwyg td { padding: 5px; border-right: 1px solid #d4d4d4; } .from-wysiwyg th { background-color: #f5f5f5; } .from-wysiwyg tr { border-bottom: 1px solid #d4d4d4; } /* Payment Box */ .box-center.center { float: none; margin-left: auto; margin-right: auto; } /* CSS for Credit Card Payment form */ .credit-card-box .panel-title { display: inline; font-weight: bold; } .credit-card-box .form-control.error { border-color: red; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } .credit-card-box label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; } .credit-card-box .payment-errors { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; } .credit-card-box label { display: block; } /* Just looks nicer */ .credit-card-box .panel-header img { min-width: 180px; } /* Tooltip */ .tooltip-inner { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } /* Change a tooltip size in Bootstrap 3.x */ #search .tooltip-inner { width: 300px; max-width: 300px; } /* Show Tooltip in Modal */ .modal-tooltip { z-index: 100000000; } .featured-list-row { max-width: 98%; padding-bottom: 10px; padding-top: 10px; } /* Bx-slider */ .bx-wrapper { margin: 0 auto; } /* Post's Details */ .items-details h1, .items-details h2, .items-details h3, .items-details h4, .items-details h5, .items-details h6 { font-weight: bold; margin: 0; padding: 5px; } /* Search Sidebar */ .filter-content label { font-weight: normal; } /* reCAPTCHA */ .no-label .g-recaptcha div { margin: auto; text-align: center; } /* Form Sub-Heading */ .content-subheading { margin-left: 5px; margin-right: 5px; padding-left: 1px; padding-right: 1px; } /* Fix for Google Maps */ .posts-googlemaps { line-height: 0; } /* Fix for Google Adsense Responsive Ads */ .ads-parent-responsive { width: 100%; display: inline-block; } .ads-slot-responsive { width: 728px; height: 90px; } @media (min-width: 240px) { .ads-slot-responsive { width: 100%; height: 90px; } } @media (min-width: 320px) { .ads-slot-responsive { width: 100%; height: 90px; } } @media (max-width: 766px) { .ads-slot-responsive { width: 100%; height: 90px; } } @media (min-width: 767px) { .ads-slot-responsive { width: 100%; height: 90px; } } .container.ads-parent-responsive { padding-right: 0; padding-left: 0; } /* Homepage Layout */ #homepage.main-container { padding-top: 0; } .main-container { padding-top: 0; } /* #homepage .content-box */ .layout-section { margin-bottom: 0; } .alert { margin-bottom: 30px; } #selectCountry .modal-body { min-height: 115px; max-height: 400px; overflow-x: hidden; overflow-y: auto; } .parallax { /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /* Home Section - Location */ .location-content { text-align: center; } .location-content .title-3 { text-align: left; } .location-content .tab-inner { padding-top: 0; } .location-content .row { text-align: left; } /* Listing pictures field label */ #picturesBloc .control-label { text-align: left; } .input-btn-padding { padding-left: 20px; } /* Search Form Field */ .locinput { border-right-width: 0 !important; } @media (max-width: 767px) { .locinput { border-bottom-width: 0 !important; } } /* Remove inner-box shadow */ html:not([theme="dark"]) .inner-box { border-style: solid; border-width: 1px; border-color: #e2e2e2; box-shadow: none; } /* Ads Details columns align */ @media (max-width: 991px) { .inner-box { margin-bottom: 30px; } #homepage .inner-box { margin-bottom: 0; } .col-lg-9.col-thin-right { padding-right: 15px; } .col-lg-3.page-sidebar-right { padding-left: 15px; } } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 2px rgba(155, 155, 155, 0.25); } .badge.badge-important { background-color: #d9534f; border-color: #d9534f; color: #fff; } /* Homepage Categories Area */ .list-circle { margin-left: 0; } .row-featured-category .list-categories { padding: 0 10px 0 10px; } .row-featured-category .list-categories ul.cat-list { padding: 25px; } .row-featured-category .list-categories-children { padding: 20px 10px 10px 10px } .row-featured-category .list-categories .cat-title a, .row-featured-category .list-categories-children .cat-title a { padding-left: 0; } .row-featured-category .list-categories .cat-title i, .row-featured-category .list-categories-children .cat-title i { position: relative; } .row-featured-category .list-categories-children h3 { padding-bottom: 5px; } .row-featured-category .list-categories-children ul.long-list-home { padding-left: 2px; padding-right: 2px; padding-bottom: 8px; } .row-featured-category .list-categories-children p.maxlist-more { margin-left: 2px; } .row-featured-category .list-categories-children.styled .cat-list h3.cat-title { background-color: #fafafa; padding-top: 10px; padding-left: 10px; padding-right: 10px; margin-bottom: 8px; } .row-featured-category .list-categories-children.styled ul.long-list-home { padding-left: 15px; padding-right: 15px; padding-bottom: 8px; } .row-featured-category .list-categories-children.styled p.maxlist-more { margin-left: 15px; } @media (max-width: 767px) { .row-featured-category .list-categories ul.cat-list { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } } /* Cookie Consent */ .cookie-consent { font-size: 14px; padding: 16px; background: #f0f2f1; text-align: center; position: fixed; width: 100%; bottom: 0; right: 0; left: 0; z-index: 1000; } .cookie-consent__message { display: inline-block; color: #555555; } .cookie-consent__message p { margin: 0; } .cookie-consent-btn { font-weight: bold; margin: 0 5px; padding: 8px 16px; color: #fff2e0; background-color: #444444; border: 0; border-radius: 5px; box-shadow: 0 2px 5px rgba(68, 68, 68, 0.15); } .cookie-consent__agree { background-color: #4682b4; box-shadow: 0 2px 5px rgba(70, 130, 180, 0.15); } .cookie-consent__agree:hover { background-color: #345676; } .cookie-consent__disagree { background-color: #b44646; box-shadow: 0 2px 5px rgba(180, 70, 70, 0.15); } .cookie-consent__disagree:hover { background-color: #8d3e3e; } .cookie-consent__agree:active, .cookie-consent__disagree:active { top: 1px; } /* Bootstrap Collapse + jQuery hideMaxListItem fix on mobile */ @media screen and (min-width: 768px) { .cat-list .maxlist-more { display: block; } } @media screen and (max-width: 767px) { .cat-list .maxlist-more { display: none; } } .mobile-filter-bar { font-family: "Roboto", Helvetica, Arial, sans-serif; } .form-group.required > sup, .form-label > sup, .col-form-label > sup, .form-check-label > sup, label > sup { color: #ff0000; } .dropdown-menu-end { right: 0; left: auto; } ul.dropdown-menu.user-menu, li.lang-menu ul.dropdown-menu { padding: .5rem 0; } ul.dropdown-menu.user-menu > li, li.lang-menu ul.dropdown-menu > li { margin: 0; padding: 2px; } .dropdown-menu > li > a.btn { padding: 5px !important; height: 30px !important; width: 200px !important; margin: auto; } @media screen and (max-width: 767px) { ul.dropdown-menu.user-menu, li.lang-menu ul.dropdown-menu { padding: .5rem; } } .posts-wrapper { /* display: block; */ overflow: auto; min-height: 250px; } /* Listings List (+ Nav Tab) ====================================== */ .category-list { border-radius: 7px; } .category-list .tab-box .nav-tabs.add-tabs > li > a { border-left: var(--bs-nav-tabs-border-width) solid transparent; } .category-list .tab-box .nav-tabs.add-tabs > li > a.active { border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .category-list .tab-box, .category-list .tab-box .nav-tabs.add-tabs > li > a.active { border-top-left-radius: 7px; border-top-right-radius: 7px; } .category-list .listing-filter { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); border-left: 1px solid var(--border-color); } .category-list .tab-content { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); border-left: 1px solid var(--border-color); } .category-list .tab-content, .category-list .tab-content .posts-wrapper { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } /* Items' Border */ /* Latest item of each row of 4 columns */ .category-list.make-grid .item-list:nth-child(4n+4) { border-right: none; } /* Items of latest row of 4 columns */ .category-list.make-grid .item-list:nth-last-child(-n+4), .category-list:not(.make-grid) .item-list:last-child { border-bottom: none; } .row-featured-category .category-list.make-grid .item-list:nth-last-child(-n+4), .row-featured-category .category-list:not(.make-grid) .item-list:last-child { border-bottom: 1px solid var(--border-color); } /* First item of the latest row of 4 columns */ .category-list.make-grid .item-list:nth-last-child(-n+4):nth-child(4n+1) { border-bottom-left-radius: 7px; } /* The 4th item of the latest row of 4 columns */ .category-list.make-grid .item-list:nth-last-child(-n+4):nth-child(4n) { border-bottom-right-radius: 7px; } @media (min-width: 768px) and (max-width: 991px) { .category-list.make-grid .item-list:nth-child(4n+4) { border-right: none; } } @media (max-width: 767px) { .category-list.make-grid .item-list:nth-child(2n+2) { border-right: none; } } /* ================================================================ */ .custom-control-label::before { background-color: #cccccc; } .form-group .col-form-label.is-invalid, .form-group .col-form-label.was-validated { color: #dc3545; } .form-group .control-label.is-invalid, .form-group .control-label.was-validated { color: #dc3545; } div:not(.input-group) > .form-control.is-invalid, div:not(.input-group) > .form-control.was-validated, .select2-container--default.is-invalid .select2-selection--multiple.is-invalid { border-color: #dc3545; } div:not(.input-group) > .form-control.is-invalid:focus, div:not(.input-group) > .form-control.was-validated:focus, .select2-container--default.is-invalid.select2-container--focus { border-color: #dc3545; box-shadow: 0 1px 0 #dc3545, 0 -1px 0 #dc3545, -1px 0 0 #dc3545, 1px 0 0 #dc3545; } .input-group.is-invalid, .input-group.was-validated { border: 1px solid #dc3545; border-radius: 6px; } .input-group.is-invalid:focus-within, .input-group.was-validated:focus-within { box-shadow: 0 1px 0 #dc3545, 0 -1px 0 #dc3545, -1px 0 0 #dc3545, 1px 0 0 #dc3545; } .is-invalid .select2-selection { border-color: #dc3545 !important; } #catsContainer.is-invalid { border-color: #dc3545 !important; } label.is-invalid { color: #dc3545 !important; } /* p-price-tag */ .p-price-tag { background: #0094af; border-radius: 3px 0 0 3px; color: #fff; font-size: 20px; min-width: 100px; padding: 5px 15px; position: absolute; right: -10px; text-align: center; font-weight: bold; top: 10%; z-index: 90; } .p-price-tag:before { content: ''; position: absolute; height: 0; width: 0; top: 100%; right: 0; border-top: 10px solid #007286; border-right: 10px solid transparent; } @media (max-width: 479px) { .p-price-tag { font-size: 18px; line-height: 28px; min-width: 90px; top: 10%; } } h1.p-price-tag span { float: right; } /* Price Range */ @media (min-width: 576px) { .form-inline .form-control { width: 100%; } } .make-compact .item-list { padding-left: 0; } .make-compact .item-list .add-title { height: 30px; padding: 5px 0; } /* Category Selection Container */ #catsContainer { border: 1px solid #ddd; background-color: #FFF; min-height: 38px; padding: .5rem .75rem; } html[theme="dark"] #catsContainer { color: var(--text-color-meta); background-color: var(--input-bg); } /* Show/Hide password in forms */ .show-pwd { text-align: right; top: 6px; width: 40px; left: unset; right: 3px; z-index: 1 } .show-pwd button { background: unset; border: 0; outline: 0 } .job-title a { font-weight: bold; } /* Make <pre> Text Wrap */ pre { white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .alert button.close { font-size: 1rem; } .item-list h2.item-price { font-size: 20px; } .listing-view-action span i { font-size: 16px; } .sidebar-modern-inner .list-filter ul li a { -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: start; } .sidebar-modern-inner .list-filter ul li a i { margin-top: 3px; padding-right: 4px; } /* Facebook Comments Fix */ .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important; } .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; } /* Bootstrap Dropdown With Hover */ .open-on-hover.dropdown:hover .dropdown-menu { display: block; margin-top: 0; /* remove the gap so it doesn't close */ } .dropdown-item.active, .dropdown-item:active { background-color: transparent; } /* intl-tel-input : Full width input */ .iti { width: 100%; } /* intl-tel-input : Bootstrap input-group */ .input-group .iti .form-control { border-radius: 6px 0 0 6px; } .input-group .iti { width: 75%; } .input-group .iti-group-text { width: 25%; } .input-group .iti .form-control.is-invalid, .was-validated .input-group .iti .form-control:invalid { z-index: 0; } /* Swal Alert */ .swal2-container { z-index: 20000 !important; } .embed-responsive blockquote { border-left: none; } /* Listings Images */ .photobox img, .item-carousel-thumb img { border-radius: 6px; } .item-carousel-thumb .photo-count { right: 8px; top: 10px; } /* Modal Login */ #quickLogin hr { border: 0; border-top: 1px solid rgba(0, 0, 0, .5); margin-bottom: 1rem; margin-top: 1rem; }