/*--------------------------------- CSS INDEX =================================== #. Normalize and Defaults #. CSS Variables #. Base & Common Styles #. Component #. Buttons #. Header #. Card #. Banner #. Pagination #. Breadcrumb #. Contact #. Blog #. Widget #. Map #. Authentication #. Comment #. Modal #. Footer #. Registration form #. 404 Page ---------------------------------------*/ /*------------------------------------*\ #. CSS Variables \*------------------------------------*/ :root { --color-primary: #F51957; --color-header-bg: #ffffff; --color-menu: #51526e; --color-menu-hover: var(--color-primary); --color-menu-active: var(--color-primary); --color-submenu: #51526e; --color-submenu-hover: var(--color-primary); --bgcolor-submenu-hover: #ffffff; --color-add-listing-button-text: #ffffff; --color-add-listing-button-text-hover: #ffffff; --bgcolor-add-listing-button: var(--color-primary); --bgcolor-add-listing-button-hover: var(--color-primary); --color-banner_title: #ffffff; --color-breadcrumb-link: #f8f9fb; --color-breadcrumb-link-hover: var(--color-primary); --color-breadcrumb_separator: #f8f9fb; --color-breadcrumb-active: #acabac; --color-secondary: #F6F6F6; --color-success: #30B507; --color-info: #2C99FF; --color-warning: #fa8b0c; --color-danger: #f80718; --color-danger-rgba: 248, 7, 24; --color-dark: #1a1b29; --color-dark-rgba: 26, 27, 41; --color-gray: #605F74; --color-light-gray: #8f8e9f; --color-light: #9299b8; --color-lighter: #605f74; --color-white: #ffffff; --color-white-rgba: 255, 255, 255; --color-body: #51526e; --color-border: #e1e4ec; --color-border-light: #eff1f6; --color-border-gray: #c6d0dc; --color-bg-normal: #f8f9fa; --color-bg-light: #f5f7fa; --color-bg-lighter: #f2f2f2; --color-bg-pointer: #b1b0bf; --color-bg-section: #f9f9f9; --color-bg-section2: #F6F7F9; --color-bg-select2: #3C3D58; --color-facebook: #3b5998; --color-twitter: #1da1f2; --color-youtube: #cd201f; --color-instagram: #262626; --color-linkedin: #0077b5; --color-pinterest: #b7081b; --color-rss: #EA6221; --color-facebook-rgba: 59, 89, 152; --color-twitter-rgba: 29, 161, 242; --color-youtube-rgba: 205, 32, 31; --color-instagram-rgba: 38, 38, 38; --color-linkedin-rgba: 0, 119, 181; --color-pinterest-rgba: 183, 8, 27; --color-rss-rgba: 234, 98, 33; --bgcolor-footer: #ffffff; --color-footer-divider: #eff1f6; --color-footer-title: #1a1b29; --color-footer-text: #605f74; --color-footer-link: #51526e; --color-footer-link-hover: var(--color-primary); } html { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background: var(--color-white); /* Fallback for when there is no custom background color defined. */ color: var(--color-body); } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: var(--color-dark); } h1 { font-size: calc(1.0875rem + 1.05vw); } @media (min-width: 1200px) { h1 { font-size: 1.875rem; } } h2 { font-size: calc(1.05rem + 0.6vw); } @media (min-width: 1200px) { h2 { font-size: 1.5rem; } } h3 { font-size: calc(1.0375rem + 0.45vw); } @media (min-width: 1200px) { h3 { font-size: 1.375rem; } } h4 { font-size: calc(1.025rem + 0.3vw); } @media (min-width: 1200px) { h4 { font-size: 1.25rem; } } h5 { font-size: calc(1.0125rem + 0.15vw); } @media (min-width: 1200px) { h5 { font-size: 1.125rem; } } h6 { font-size: 16px; } /* Button/Inputs */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-adjust-hue-button, input[type="number"]::-webkit-outer-adjust-hue-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button, input, optgroup, select, textarea { margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } textarea { width: 100%; } a { color: var(--color-primary); word-break: break-word; } a:hover { color: #b90939; } button, input, select, textarea { color: var(--color-body); font-size: 15px; font-weight: 400; line-height: 1.5; } select { background-color: var(--color-white); border: 1px solid #ccc; } .directorist-select .directorist-select__label { min-height: 46px; border-color: var(--color-border-gray); } /* Select2 Style */ .directorist-select .select2-container.select2-container--default .select2-selection--single { border-color: var(--color-border-gray) !important; } /* Range Slider */ .directorist-range-slider-wrap .atbd-slide1 { width: 20px; height: 20px; border-color: var(--color-primary) !important; } .directorist-range-slider-wrap #atbdp-range-slider { background-color: rgba(255, 56, 92, 0.2) !important; } .directorist-range-slider-wrap .atbd-child { background-color: var(--color-primary); } .directorist-range-slider-wrap .atbd-current-value { font-size: 14px; font-weight: 500; color: var(--color-dark); margin-bottom: 0; } /* --- Posts and pages --- */ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; padding: 20px 0; font-weight: 700; } .page-links .post-page-numbers { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; height: 40px; min-width: 40px; margin: 3px; border-radius: 6px; border: 1px solid var(--color-border); color: var(--color-dark); background-color: #fff; line-height: normal; } .page-links .post-page-numbers.current, .page-links .post-page-numbers:hover { background-color: #fff !important; border-width: 1px; border: 1px solid var(--color-primary); color: var(--color-primary); } /* --- Comments --- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* --- Widgets --- */ .widget { margin: 0 0 40px; } .widget select { max-width: 100%; } .elementor-editor-active .elementor.elementor-edit-mode .elementor-element > .elementor-element-overlay { z-index: 999; } /* Select2 Default */ .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--color-border-gray); } .select2-container--default .select2-selection--multiple .select2-selection__rendered { font-size: 14px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { font-size: 12px; font-weight: 500; border: 0 none; padding: 0 8px; background-color: var(--color-bg-select2); border-radius: 4px; color: var(--color-white); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: var(--color-white); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--color-white); } .select2-container--default .select2-selection { min-height: 46px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle { padding-right: 15px; } .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle i, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.fa, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.fas, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.far, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.fab, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.la, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.lab, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.lar, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-toggle span.las { font-size: 12px; } .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close i, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.fa, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.fas, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.far, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.fab, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.la, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.lab, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.lar, .select2-container--default .directorist-select2-addons-area .directorist-select2-dropdown-close span.las { font-size: 12px; } .select2.select2-container .select2-selection--single .select2-selection__rendered { padding: 0; height: auto; font-size: 14px; } /* Select2 Results */ .select2-container--default.select2-container--open .select2-dropdown--above, .select2-container--default.select2-container--open .select2-dropdown--below { border: 0 none; border-radius: 6px; -webkit-box-shadow: 0 5px 30px rgba(143, 142, 159, 0.25); box-shadow: 0 5px 30px rgba(143, 142, 159, 0.25); } .select2-container--default.select2-container--open .select2-dropdown--above .select2-search__field, .select2-container--default.select2-container--open .select2-dropdown--below .select2-search__field { border-radius: 6px; border-color: var(--color-border); } .select2-container--default .select2-dropdown { min-width: 200px; z-index: 10001; } .select2-container--default .select2-results .select2-results__options .select2-results__option { font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .select2-container--default .select2-results .select2-results__options .select2-results__option[aria-selected=true] { background-color: #ddd; color: var(--color-dark); } .select2-container--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { color: var(--color-primary); background-color: transparent; } .select2-container--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted:hover { color: var(--color-primary); background-color: transparent; } .select2-container--default .select2-results .select2-results__options .select2-results__option[area-selected="true"] { background-color: #fff; } .select2-container--default .select2-results .select2-results__options .directorist-icon-mask:after { width: 16px; height: 16px; background-color: var(--color-white); } .select2-container--default .select2-search--dropdown { padding: 14px 16px 10px 16px; } .select2-container--default .select2-search--dropdown .select2-search__field { border-width: 2px; padding: 4px 12px; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--color-dark); } /* Select2 Category Icon */ .select2-container--default .select2-results__option { padding: 6px 20px; } .select2-container--default .select2-results__option:hover span { color: var(--color-primary); } .select2-container--default .select2-results__option span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 500; color: var(--color-gray); } .select2-container--default .select2-results__option .theme-category-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; width: 30px; height: 30px; border-radius: 50%; margin-right: 12px; background-color: var(--color-dark); color: var(--color-white); } /* Theme Dropdown */ .dropdown.theme-dropdown .dropdown-menu { right: 0 !important; left: auto !important; padding: 20px; border: 0 none; border-radius: 4px; -webkit-box-shadow: 0 10px 30px rgba(143, 142, 159, 0.25); box-shadow: 0 10px 30px rgba(143, 142, 159, 0.25); } .sticky-top { z-index: 1030; } .color-primary { color: #ef3072; } .bg-primary { background: #ef3072; } .iborder-primary { color: #ef3072; } .outline-primary { border: 1px solid #ef3072; color: #ef3072; } .active-color-primary label input:checked + span { background: #ef3072; border-color: #ef3072; } .bg-opacity-15-primary { background: rgba(239, 48, 114, 0.15); } .circle-primary { color: #ef3072; background: rgba(239, 48, 114, 0.1); } .border-primary { border: 1px solid #ef3072; } .color-secondary { color: #23c8b9; } .bg-secondary { background: #23c8b9; } .iborder-secondary { color: #23c8b9; } .outline-secondary { border: 1px solid #23c8b9; color: #23c8b9; } .active-color-secondary label input:checked + span { background: #23c8b9; border-color: #23c8b9; } .bg-opacity-15-secondary { background: rgba(35, 200, 185, 0.15); } .circle-secondary { color: #23c8b9; background: rgba(35, 200, 185, 0.1); } .border-secondary { border: 1px solid #23c8b9; } .color-success { color: #53ca2e; } .bg-success { background: #53ca2e; } .iborder-success { color: #53ca2e; } .outline-success { border: 1px solid #53ca2e; color: #53ca2e; } .active-color-success label input:checked + span { background: #53ca2e; border-color: #53ca2e; } .bg-opacity-15-success { background: rgba(83, 202, 46, 0.15); } .circle-success { color: #53ca2e; background: rgba(83, 202, 46, 0.1); } .border-success { border: 1px solid #53ca2e; } .color-info { color: #2c99ff; } .bg-info { background: #2c99ff; } .iborder-info { color: #2c99ff; } .outline-info { border: 1px solid #2c99ff; color: #2c99ff; } .active-color-info label input:checked + span { background: #2c99ff; border-color: #2c99ff; } .bg-opacity-15-info { background: rgba(44, 153, 255, 0.15); } .circle-info { color: #2c99ff; background: rgba(44, 153, 255, 0.1); } .border-info { border: 1px solid #2c99ff; } .color-warning { color: #fa8b0c; } .bg-warning { background: #fa8b0c; } .iborder-warning { color: #fa8b0c; } .outline-warning { border: 1px solid #fa8b0c; color: #fa8b0c; } .active-color-warning label input:checked + span { background: #fa8b0c; border-color: #fa8b0c; } .bg-opacity-15-warning { background: rgba(250, 139, 12, 0.15); } .circle-warning { color: #fa8b0c; background: rgba(250, 139, 12, 0.1); } .border-warning { border: 1px solid #fa8b0c; } .color-danger { color: #f51957; } .bg-danger { background: #f51957; } .iborder-danger { color: #f51957; } .outline-danger { border: 1px solid #f51957; color: #f51957; } .active-color-danger label input:checked + span { background: #f51957; border-color: #f51957; } .bg-opacity-15-danger { background: rgba(245, 25, 87, 0.15); } .circle-danger { color: #f51957; background: rgba(245, 25, 87, 0.1); } .border-danger { border: 1px solid #f51957; } .color-dark { color: #272b41; } .bg-dark { background: #272b41; } .iborder-dark { color: #272b41; } .outline-dark { border: 1px solid #272b41; color: #272b41; } .active-color-dark label input:checked + span { background: #272b41; border-color: #272b41; } .bg-opacity-15-dark { background: rgba(39, 43, 65, 0.15); } .circle-dark { color: #272b41; background: rgba(39, 43, 65, 0.1); } .border-dark { border: 1px solid #272b41; } .color-light { color: #f5f7fc; } .bg-light { background: #f5f7fc; } .iborder-light { color: #f5f7fc; } .outline-light { border: 1px solid #f5f7fc; color: #f5f7fc; } .active-color-light label input:checked + span { background: #f5f7fc; border-color: #f5f7fc; } .bg-opacity-15-light { background: rgba(245, 247, 252, 0.15); } .circle-light { color: #f5f7fc; background: rgba(245, 247, 252, 0.1); } .border-light { border: 1px solid #f5f7fc; } .color-lightGray { color: #9299b8; } .bg-lightGray { background: #9299b8; } .iborder-lightGray { color: #9299b8; } .outline-lightGray { border: 1px solid #9299b8; color: #9299b8; } .active-color-lightGray label input:checked + span { background: #9299b8; border-color: #9299b8; } .bg-opacity-15-lightGray { background: rgba(146, 153, 184, 0.15); } .circle-lightGray { color: #9299b8; background: rgba(146, 153, 184, 0.1); } .border-lightGray { border: 1px solid #9299b8; } .theme-color-primary { color: #ef3072; } .theme-bg-primary { background: #ef3072; color: var(--color-white) !important; } .theme-bg-primary:hover { background: rgba(239, 48, 114, 0.85); } .theme-border-primary { border: 1px solid #ef3072; } .theme-color-secondary { color: #23c8b9; } .theme-bg-secondary { background: #23c8b9; color: var(--color-white) !important; } .theme-bg-secondary:hover { background: rgba(35, 200, 185, 0.85); } .theme-border-secondary { border: 1px solid #23c8b9; } .theme-color-success { color: #53ca2e; } .theme-bg-success { background: #53ca2e; color: var(--color-white) !important; } .theme-bg-success:hover { background: rgba(83, 202, 46, 0.85); } .theme-border-success { border: 1px solid #53ca2e; } .theme-color-info { color: #2c99ff; } .theme-bg-info { background: #2c99ff; color: var(--color-white) !important; } .theme-bg-info:hover { background: rgba(44, 153, 255, 0.85); } .theme-border-info { border: 1px solid #2c99ff; } .theme-color-warning { color: #fa8b0c; } .theme-bg-warning { background: #fa8b0c; color: var(--color-white) !important; } .theme-bg-warning:hover { background: rgba(250, 139, 12, 0.85); } .theme-border-warning { border: 1px solid #fa8b0c; } .theme-color-danger { color: #f51957; } .theme-bg-danger { background: #f51957; color: var(--color-white) !important; } .theme-bg-danger:hover { background: rgba(245, 25, 87, 0.85); } .theme-border-danger { border: 1px solid #f51957; } .theme-color-dark { color: #272b41; } .theme-bg-dark { background: #272b41; color: var(--color-white) !important; } .theme-bg-dark:hover { background: rgba(39, 43, 65, 0.85); } .theme-border-dark { border: 1px solid #272b41; } .theme-color-light { color: #f5f7fc; } .theme-bg-light { background: #f5f7fc; color: var(--color-white) !important; } .theme-bg-light:hover { background: rgba(245, 247, 252, 0.85); } .theme-border-light { border: 1px solid #f5f7fc; } .theme-color-lightGray { color: #9299b8; } .theme-bg-lightGray { background: #9299b8; color: var(--color-white) !important; } .theme-bg-lightGray:hover { background: rgba(146, 153, 184, 0.85); } .theme-border-lightGray { border: 1px solid #9299b8; } .color-facebook { color: #3b5998; } .color-twitter { color: #55acee; } .color-pinterest { color: #bd081c; } .color-gplus { color: #dc4e41; } .color-linkedin { color: #0077b5; } .color-tumblr { color: #35465c; } .color-vk { color: #4A76A8; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 99% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 99% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* BEM Element and Modifier */ .m-top-0 { margin-top: 0px; } .m-top-5 { margin-top: 5px; } .m-top-10 { margin-top: 10px; } .m-top-15 { margin-top: 15px; } .m-top-20 { margin-top: 20px; } .m-top-25 { margin-top: 25px; } .m-top-30 { margin-top: 30px; } .m-top-35 { margin-top: 35px; } .m-top-40 { margin-top: 40px; } .m-top-45 { margin-top: 45px; } .m-top-50 { margin-top: 50px; } .m-top-55 { margin-top: 55px; } .m-top-60 { margin-top: 60px; } .m-top-65 { margin-top: 65px; } .m-top-70 { margin-top: 70px; } .m-top-75 { margin-top: 75px; } .m-top-80 { margin-top: 80px; } .m-top-85 { margin-top: 85px; } .m-top-90 { margin-top: 90px; } .m-top-95 { margin-top: 95px; } .m-top-100 { margin-top: 100px; } .m-top-105 { margin-top: 105px; } .m-top-110 { margin-top: 110px; } .m-top-115 { margin-top: 115px; } .m-top-120 { margin-top: 120px; } .m-top-125 { margin-top: 125px; } .m-top-130 { margin-top: 130px; } .m-top-135 { margin-top: 135px; } .m-top-140 { margin-top: 140px; } .m-top-145 { margin-top: 145px; } .m-top-150 { margin-top: 150px; } .m-right-0 { margin-right: 0px; } .m-right-5 { margin-right: 5px; } .m-right-10 { margin-right: 10px; } .m-right-15 { margin-right: 15px; } .m-right-20 { margin-right: 20px; } .m-right-25 { margin-right: 25px; } .m-right-30 { margin-right: 30px; } .m-right-35 { margin-right: 35px; } .m-right-40 { margin-right: 40px; } .m-right-45 { margin-right: 45px; } .m-right-50 { margin-right: 50px; } .m-right-55 { margin-right: 55px; } .m-right-60 { margin-right: 60px; } .m-right-65 { margin-right: 65px; } .m-right-70 { margin-right: 70px; } .m-right-75 { margin-right: 75px; } .m-right-80 { margin-right: 80px; } .m-right-85 { margin-right: 85px; } .m-right-90 { margin-right: 90px; } .m-right-95 { margin-right: 95px; } .m-right-100 { margin-right: 100px; } .m-right-105 { margin-right: 105px; } .m-right-110 { margin-right: 110px; } .m-right-115 { margin-right: 115px; } .m-right-120 { margin-right: 120px; } .m-right-125 { margin-right: 125px; } .m-right-130 { margin-right: 130px; } .m-right-135 { margin-right: 135px; } .m-right-140 { margin-right: 140px; } .m-right-145 { margin-right: 145px; } .m-right-150 { margin-right: 150px; } .m-bottom-0 { margin-bottom: 0px; } .m-bottom-5 { margin-bottom: 5px; } .m-bottom-10 { margin-bottom: 10px; } .m-bottom-15 { margin-bottom: 15px; } .m-bottom-20 { margin-bottom: 20px; } .m-bottom-25 { margin-bottom: 25px; } .m-bottom-30 { margin-bottom: 30px; } .m-bottom-35 { margin-bottom: 35px; } .m-bottom-40 { margin-bottom: 40px; } .m-bottom-45 { margin-bottom: 45px; } .m-bottom-50 { margin-bottom: 50px; } .m-bottom-55 { margin-bottom: 55px; } .m-bottom-60 { margin-bottom: 60px; } .m-bottom-65 { margin-bottom: 65px; } .m-bottom-70 { margin-bottom: 70px; } .m-bottom-75 { margin-bottom: 75px; } .m-bottom-80 { margin-bottom: 80px; } .m-bottom-85 { margin-bottom: 85px; } .m-bottom-90 { margin-bottom: 90px; } .m-bottom-95 { margin-bottom: 95px; } .m-bottom-100 { margin-bottom: 100px; } .m-bottom-105 { margin-bottom: 105px; } .m-bottom-110 { margin-bottom: 110px; } .m-bottom-115 { margin-bottom: 115px; } .m-bottom-120 { margin-bottom: 120px; } .m-bottom-125 { margin-bottom: 125px; } .m-bottom-130 { margin-bottom: 130px; } .m-bottom-135 { margin-bottom: 135px; } .m-bottom-140 { margin-bottom: 140px; } .m-bottom-145 { margin-bottom: 145px; } .m-bottom-150 { margin-bottom: 150px; } .m-left-0 { margin-left: 0px; } .m-left-5 { margin-left: 5px; } .m-left-10 { margin-left: 10px; } .m-left-15 { margin-left: 15px; } .m-left-20 { margin-left: 20px; } .m-left-25 { margin-left: 25px; } .m-left-30 { margin-left: 30px; } .m-left-35 { margin-left: 35px; } .m-left-40 { margin-left: 40px; } .m-left-45 { margin-left: 45px; } .m-left-50 { margin-left: 50px; } .m-left-55 { margin-left: 55px; } .m-left-60 { margin-left: 60px; } .m-left-65 { margin-left: 65px; } .m-left-70 { margin-left: 70px; } .m-left-75 { margin-left: 75px; } .m-left-80 { margin-left: 80px; } .m-left-85 { margin-left: 85px; } .m-left-90 { margin-left: 90px; } .m-left-95 { margin-left: 95px; } .m-left-100 { margin-left: 100px; } .m-left-105 { margin-left: 105px; } .m-left-110 { margin-left: 110px; } .m-left-115 { margin-left: 115px; } .m-left-120 { margin-left: 120px; } .m-left-125 { margin-left: 125px; } .m-left-130 { margin-left: 130px; } .m-left-135 { margin-left: 135px; } .m-left-140 { margin-left: 140px; } .m-left-145 { margin-left: 145px; } .m-left-150 { margin-left: 150px; } .p-left-0 { padding-left: 0px; } .p-left-5 { padding-left: 5px; } .p-left-10 { padding-left: 10px; } .p-left-15 { padding-left: 15px; } .p-left-20 { padding-left: 20px; } .p-left-25 { padding-left: 25px; } .p-left-30 { padding-left: 30px; } .p-left-35 { padding-left: 35px; } .p-left-40 { padding-left: 40px; } .p-left-45 { padding-left: 45px; } .p-left-50 { padding-left: 50px; } .p-left-55 { padding-left: 55px; } .p-left-60 { padding-left: 60px; } .p-left-65 { padding-left: 65px; } .p-left-70 { padding-left: 70px; } .p-left-75 { padding-left: 75px; } .p-left-80 { padding-left: 80px; } .p-left-85 { padding-left: 85px; } .p-left-90 { padding-left: 90px; } .p-left-95 { padding-left: 95px; } .p-left-100 { padding-left: 100px; } .p-left-105 { padding-left: 105px; } .p-left-110 { padding-left: 110px; } .p-left-115 { padding-left: 115px; } .p-left-120 { padding-left: 120px; } .p-left-125 { padding-left: 125px; } .p-left-130 { padding-left: 130px; } .p-left-135 { padding-left: 135px; } .p-left-140 { padding-left: 140px; } .p-left-145 { padding-left: 145px; } .p-left-150 { padding-left: 150px; } .p-right-0 { padding-right: 0px; } .p-right-5 { padding-right: 5px; } .p-right-10 { padding-right: 10px; } .p-right-15 { padding-right: 15px; } .p-right-20 { padding-right: 20px; } .p-right-25 { padding-right: 25px; } .p-right-30 { padding-right: 30px; } .p-right-35 { padding-right: 35px; } .p-right-40 { padding-right: 40px; } .p-right-45 { padding-right: 45px; } .p-right-50 { padding-right: 50px; } .p-right-55 { padding-right: 55px; } .p-right-60 { padding-right: 60px; } .p-right-65 { padding-right: 65px; } .p-right-70 { padding-right: 70px; } .p-right-75 { padding-right: 75px; } .p-right-80 { padding-right: 80px; } .p-right-85 { padding-right: 85px; } .p-right-90 { padding-right: 90px; } .p-right-95 { padding-right: 95px; } .p-right-100 { padding-right: 100px; } .p-right-105 { padding-right: 105px; } .p-right-110 { padding-right: 110px; } .p-right-115 { padding-right: 115px; } .p-right-120 { padding-right: 120px; } .p-right-125 { padding-right: 125px; } .p-right-130 { padding-right: 130px; } .p-right-135 { padding-right: 135px; } .p-right-140 { padding-right: 140px; } .p-right-145 { padding-right: 145px; } .p-right-150 { padding-right: 150px; } .p-top-0 { padding-top: 0px; } .p-top-5 { padding-top: 5px; } .p-top-10 { padding-top: 10px; } .p-top-15 { padding-top: 15px; } .p-top-20 { padding-top: 20px; } .p-top-25 { padding-top: 25px; } .p-top-30 { padding-top: 30px; } .p-top-35 { padding-top: 35px; } .p-top-40 { padding-top: 40px; } .p-top-45 { padding-top: 45px; } .p-top-50 { padding-top: 50px; } .p-top-55 { padding-top: 55px; } .p-top-60 { padding-top: 60px; } .p-top-65 { padding-top: 65px; } .p-top-70 { padding-top: 70px; } .p-top-75 { padding-top: 75px; } .p-top-80 { padding-top: 80px; } .p-top-85 { padding-top: 85px; } .p-top-90 { padding-top: 90px; } .p-top-95 { padding-top: 95px; } .p-top-100 { padding-top: 100px; } .p-top-105 { padding-top: 105px; } .p-top-110 { padding-top: 110px; } .p-top-115 { padding-top: 115px; } .p-top-120 { padding-top: 120px; } .p-top-125 { padding-top: 125px; } .p-top-130 { padding-top: 130px; } .p-top-135 { padding-top: 135px; } .p-top-140 { padding-top: 140px; } .p-top-145 { padding-top: 145px; } .p-top-150 { padding-top: 150px; } .p-bottom-0 { padding-bottom: 0px; } .p-bottom-5 { padding-bottom: 5px; } .p-bottom-10 { padding-bottom: 10px; } .p-bottom-15 { padding-bottom: 15px; } .p-bottom-20 { padding-bottom: 20px; } .p-bottom-25 { padding-bottom: 25px; } .p-bottom-30 { padding-bottom: 30px; } .p-bottom-35 { padding-bottom: 35px; } .p-bottom-40 { padding-bottom: 40px; } .p-bottom-45 { padding-bottom: 45px; } .p-bottom-50 { padding-bottom: 50px; } .p-bottom-55 { padding-bottom: 55px; } .p-bottom-60 { padding-bottom: 60px; } .p-bottom-65 { padding-bottom: 65px; } .p-bottom-70 { padding-bottom: 70px; } .p-bottom-75 { padding-bottom: 75px; } .p-bottom-80 { padding-bottom: 80px; } .p-bottom-85 { padding-bottom: 85px; } .p-bottom-90 { padding-bottom: 90px; } .p-bottom-95 { padding-bottom: 95px; } .p-bottom-100 { padding-bottom: 100px; } .p-bottom-105 { padding-bottom: 105px; } .p-bottom-110 { padding-bottom: 110px; } .p-bottom-115 { padding-bottom: 115px; } .p-bottom-120 { padding-bottom: 120px; } .p-bottom-125 { padding-bottom: 125px; } .p-bottom-130 { padding-bottom: 130px; } .p-bottom-135 { padding-bottom: 135px; } .p-bottom-140 { padding-bottom: 140px; } .p-bottom-145 { padding-bottom: 145px; } .p-bottom-150 { padding-bottom: 150px; } .h-5 { height: 5px; } .h-10 { height: 10px; } .h-15 { height: 15px; } .h-20 { height: 20px; } .h-25 { height: 25px; } .h-30 { height: 30px; } .h-35 { height: 35px; } .h-40 { height: 40px; } .h-45 { height: 45px; } .h-50 { height: 50px; } .h-55 { height: 55px; } .h-60 { height: 60px; } .h-65 { height: 65px; } .h-70 { height: 70px; } .h-75 { height: 75px; } .h-80 { height: 80px; } .h-85 { height: 85px; } .h-90 { height: 90px; } .h-95 { height: 95px; } .h-100 { height: 100px; } .h-105 { height: 105px; } .h-110 { height: 110px; } .h-115 { height: 115px; } .h-120 { height: 120px; } .h-125 { height: 125px; } .h-130 { height: 130px; } .h-135 { height: 135px; } .h-140 { height: 140px; } .h-145 { height: 145px; } .h-150 { height: 150px; } .icon-10x10 { width: 10px; height: 10px; } .icon-20x20 { width: 20px; height: 20px; } .icon-30x30 { width: 30px; height: 30px; } .icon-40x40 { width: 40px; height: 40px; } .icon-50x50 { width: 50px; height: 50px; } .icon-60x60 { width: 60px; height: 60px; } .icon-70x70 { width: 70px; height: 70px; } .icon-80x80 { width: 80px; height: 80px; } .icon-90x90 { width: 90px; height: 90px; } .icon-100x100 { width: 100px; height: 100px; } .display-1 { font-size: calc(1.225rem + 2.7vw); font-weight: 700; } @media (min-width: 1200px) { .display-1 { font-size: 3.25rem; } } .display-2 { font-size: calc(1.1625rem + 1.95vw); font-weight: 600; } @media (min-width: 1200px) { .display-2 { font-size: 2.625rem; } } .display-3 { font-size: calc(1.125rem + 1.5vw); font-weight: 600; } @media (min-width: 1200px) { .display-3 { font-size: 2.25rem; } } /*------------------------------------*\ #- Common Style \*------------------------------------*/ /* Forms Styles */ .form-control.theme-form-control { font-size: 14px; min-height: 46px; border-radius: 5px; padding: 10px 18px; border-color: var(--color-border); } .form-control.theme-form-control::-webkit-input-placeholder { font-size: 14px; } .form-control.theme-form-control::-moz-placeholder { font-size: 14px; } .form-control.theme-form-control:-ms-input-placeholder { font-size: 14px; } .form-control.theme-form-control::-ms-input-placeholder { font-size: 14px; } .form-control.theme-form-control::placeholder { font-size: 14px; } .form-control.theme-form-control:focus { outline: none; -webkit-box-shadow: 0 0; box-shadow: 0 0; border-color: var(--color-border); } .form-control:focus { outline: none; -webkit-box-shadow: 0 0; box-shadow: 0 0; border-color: var(--color-border); } .form-control:focus-within { border-color: var(--color-gray); } .form-group.theme-form-group:not(:last-child) { margin-bottom: 18px; } .form-group.theme-form-group label { font-size: 14px; font-weight: 500; color: var(--color-dark); } /* Magnific Popup Zoom Effect */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Page Spacing */ .theme-dir-all-listing.elementor-page .content-area { padding: 0; } @media only screen and (max-width: 991px) { .theme-dir-all-listing.elementor-page .content-area { padding: 0; } } @media only screen and (max-width: 767px) { .theme-dir-all-listing.elementor-page .content-area { padding: 0; } } .theme-dir-all-listing .content-area { padding: 45px 0 90px; } @media only screen and (max-width: 991px) { .theme-dir-all-listing .content-area { padding: 35px 0 50px; } } @media only screen and (max-width: 767px) { .theme-dir-all-listing .content-area { padding: 35px 0 40px; } } .theme-dir-all-listing.dir-listings_with_map .content-area { padding: 0px; } .theme-dir-home.elementor-page .content-area { padding: 0; } .elementor-page .content-area, .theme-dir-search-result .content-area, .theme-dir-single_category .content-area, .theme-dir-single_location .content-area, .theme-dir-single_tag .content-area { padding: 100px 0; } @media only screen and (max-width: 991px) { .elementor-page .content-area, .theme-dir-search-result .content-area, .theme-dir-single_category .content-area, .theme-dir-single_location .content-area, .theme-dir-single_tag .content-area { padding: 60px 0; } } @media only screen and (max-width: 767px) { .elementor-page .content-area, .theme-dir-search-result .content-area, .theme-dir-single_category .content-area, .theme-dir-single_location .content-area, .theme-dir-single_tag .content-area { padding: 50px 0; } } .error-page-area { padding: 100px 0; } @media only screen and (max-width: 991px) { .error-page-area { padding: 60px 0; } } @media only screen and (max-width: 767px) { .error-page-area { padding: 50px 0; } } .search-results .content-area { padding: 100px 0 70px; } .theme-dir-all_locations .content-area, .theme-dir-category .content-area { padding: 45px 0 90px; background-color: #fff; border-top: 1px solid var(--color-border-light); } @media only screen and (max-width: 991px) { .theme-dir-all_locations .content-area, .theme-dir-category .content-area { padding: 40px 0 50px; } } @media only screen and (max-width: 767px) { .theme-dir-all_locations .content-area, .theme-dir-category .content-area { padding: 30px 0 40px; } } .modal-backdrop.show { z-index: 1; } /* Daterange Picker */ .daterangepicker table tr td, .daterangepicker table tr th { padding: 5.5px 10px; } /* Heading */ .elementor-heading-title { font-family: "Poppins", sans-serif; } h1, h1.elementor-heading-title { font-size: 30px; line-height: 1.26667; font-weight: 600; } h2, h2.elementor-heading-title { font-size: 24px; line-height: 1.25; font-weight: 600; } h3, h3.elementor-heading-title { font-size: 22px; line-height: 1.22727; font-weight: 600; } h4, h4.elementor-heading-title { font-size: 20px; line-height: 1.25; font-weight: 600; } h5, h5.elementor-heading-title { font-size: 18px; line-height: 1.27778; font-weight: 600; } h6, h6.elementor-heading-title { font-size: 16px; line-height: 1.375; font-weight: 600; } /* Paragraph */ p { line-height: 1.75; font-weight: 400; } p.pera { font-size: calc(1.0125rem + 0.15vw); line-height: 1.94444; font-weight: 400; color: var(--color-gray); } @media (min-width: 1200px) { p.pera { font-size: 1.125rem; } } span { line-height: 1.85714; } .content-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .transition, .theme-menu-container .mainmenu__menu .navbar-collapse, .theme-menu-container .mainmenu__menu .navbar-collapse.selected, .theme-menu-container .mainmenu__menu .navbar-nav > li > a, .mainmenu__menu .navbar-nav > li.menu-item .sub-menu, .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) > ul, .widget.widget_nav_menu ul li a, .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link, .theme-footer-bottom-area .theme-copyright-text a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*------------------------------ #. Button -------------------------------*/ .btn.theme-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 500; border-radius: 6px; min-height: 46px; padding: 0 30px; position: relative; overflow: hidden; outline: none; -webkit-transition: 0.3s; transition: 0.3s; } .btn.theme-btn i { color: inherit; -webkit-transition: 0.3s; transition: 0.3s; } .btn.theme-btn:after, .btn.theme-btn:before { content: ""; position: absolute; height: 100%; width: 60%; bottom: 0; opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.35); } .btn.theme-btn:before { right: 100%; width: 60%; -webkit-transition: .5s; transition: .5s; border-radius: 6px; -webkit-transition-delay: .15s; transition-delay: .15s; } .btn.theme-btn:after { right: -10px; border-radius: 6px; -webkit-transition: .4s; transition: .4s; } .btn.theme-btn:focus { outline: 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; } .btn.theme-btn:hover:before { right: -100%; opacity: 1; visibility: visible; } .btn.theme-btn:hover:after { opacity: 1; visibility: visible; width: 0; } /* Button Type */ .btn.theme-btn.btn-primary { background-color: var(--color-primary); border-color: var(--color-primary); } .btn.theme-btn.btn-secondary { background-color: var(--color-secondary); border-color: var(--color-secondary); } .btn.theme-btn.btn-success { background-color: var(--color-success); border-color: var(--color-success); } .btn.theme-btn.btn-info { background-color: var(--color-info); border-color: var(--color-info); } .btn.theme-btn.btn-light { background-color: var(--color-white); border-color: var(--color-white); } .btn.theme-btn.btn-warning { background-color: var(--color-warning); border-color: var(--color-warning); } .btn.theme-btn.btn-danger { background-color: var(--color-danger); border-color: var(--color-danger); } /* Button Size */ .btn.theme-btn.btn-sm { padding: 0.532rem 1.24rem; } /* Button Outline */ .btn.theme-btn.btn-outline-primary { color: var(--color-primary); border-color: var(--color-border); } .btn.theme-btn.btn-outline-secondary { color: var(--color-secondary); border-color: var(--color-secondary); } .btn.theme-btn.btn-outline-success { color: var(--color-success); border-color: var(--color-success); } .btn.theme-btn.btn-outline-info { color: var(--color-info); border-color: var(--color-info); } .btn.theme-btn.btn-outline-light { color: var(--color-dark); border-color: var(--color-border-light); } .btn.theme-btn.btn-outline-warning { color: var(--color-warning); border-color: var(--color-warning); } .btn.theme-btn.btn-outline-danger { color: var(--color-danger); border-color: var(--color-danger); } /* Button Block */ .btn.theme-btn.btn-block { display: block; width: 100%; } /*------------------------------------- #. Header ---------------------------------------*/ .theme-header-menu-area { padding: 15px 0; min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-header-bg); } .theme-header-menu-full { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Sticky Header */ .menu-area { -webkit-box-shadow: 0 3px 5px rgba(132, 142, 159, 0.05); box-shadow: 0 3px 5px rgba(132, 142, 159, 0.05); } .menu-area.sticky-top { top: 0; } .admin-bar header.sticky-top { top: 32px; } @media screen and (max-width: 782px) { .admin-bar header.sticky-top { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar header.sticky-top { top: 0; } } /* One Listing Brand */ .theme-header-logo-inner { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-header-logo-inner .theme-header-logo-brand { padding: 0; white-space: normal; } @media only screen and (max-width: 479px) { .theme-header-logo-inner .theme-header-logo-brand { margin-right: 0; } } .theme-header-logo-inner .theme-header-logo-brand img { max-width: 130px; height: auto; } @media only screen and (max-width: 575px) { .theme-header-logo-inner .theme-header-logo-brand img { max-width: 110px; } } .theme-header-logo-inner .theme-header-logo-brand .custom-logo-link + a h1 { margin-top: 10px; } .theme-header-logo-inner .theme-header-logo-brand h1 { word-break: break-word; margin-right: 0; font-size: calc(1.0875rem + 1.05vw); font-weight: 700; line-height: 1.2; margin-bottom: 0; max-width: 250px; min-width: 130px; } @media (min-width: 1200px) { .theme-header-logo-inner .theme-header-logo-brand h1 { font-size: 1.875rem; } } .theme-header-logo-inner .theme-header-logo-brand h1 a { color: var(--color-dark); text-decoration: none; } .theme-header-logo-inner .theme-header-logo-brand p { max-width: 250px; min-width: 130px; margin-bottom: 0; font-size: 16px; line-height: 1.625; } /* One Listing Main Menu */ .theme-menu-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .theme-menu-container .mainmenu__menu { border: none; margin: 0; padding: 0; position: static; } .theme-menu-container .mainmenu__menu .navbar-collapse { padding: 0; float: left; } @media only screen and (max-width: 575px) { .theme-menu-container .mainmenu__menu .navbar-collapse { top: 69px; } } .theme-menu-container .mainmenu__menu .navbar-collapse.toggled { visibility: hidden; opacity: 0; } .theme-menu-container .mainmenu__menu .navbar-collapse.selected { visibility: hidden; opacity: 0; } .theme-menu-container .mainmenu__menu .navbar-nav > li { display: inline-block; padding: 0; margin-right: 26px; } .theme-menu-container .mainmenu__menu .navbar-nav > li > a { display: inline-block; padding: 30px 0; text-decoration: none; text-transform: capitalize; color: var(--color-menu); font-size: 0.9375rem; line-height: 1.33333; font-weight: 500; } .theme-menu-container .mainmenu__menu .navbar-nav > li > a:hover { color: var(--color-menu-hover); } .theme-menu-container .mainmenu__menu .navbar-nav > li.current_page_item > a { color: var(--color-menu-active); } .mainmenu__menu .navbar-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mainmenu__menu .navbar-nav > li { display: inline-block; padding: 0; margin-right: 30px; list-style: none; position: relative; } .mainmenu__menu .navbar-nav > li.menu-item-has-children > a { position: relative; padding-right: 15px; } .mainmenu__menu .navbar-nav > li.menu-item-has-children > a:hover::after { color: var(--color-menu-active); } .mainmenu__menu .navbar-nav > li.menu-item-has-children > a:after { content: "\45"; font-family: 'theme-icons'; font-weight: 900; font-size: 11px; padding-left: 0; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 991px) { .mainmenu__menu .navbar-nav > li.menu-item-has-children > a:after { display: none; } } .mainmenu__menu .navbar-nav > li.menu-item-has-children.current_page_item > a:after { color: var(--color-menu-active); } .mainmenu__menu .navbar-nav > li.menu-item { position: relative; } .mainmenu__menu .navbar-nav > li.menu-item:hover .sub-menu { visibility: visible; opacity: 1; } .mainmenu__menu .navbar-nav > li.menu-item .sub-menu { position: absolute; top: 0; left: 0; display: block; padding: 10px; margin: 0; min-width: 230px; border-radius: 6px; visibility: hidden; opacity: 0; z-index: 22; border: 0 none; list-style: none; background-color: var(--color-white); -webkit-box-shadow: 0 5px 30px rgba(143, 142, 159, 0.2); box-shadow: 0 5px 30px rgba(143, 142, 159, 0.2); } .mainmenu__menu .navbar-nav > li.menu-item .sub-menu a { display: block; padding: 8.5px 16px; text-decoration: none; font-size: 0.875rem; line-height: normal; font-weight: 500; color: var(--color-menu); } .mainmenu__menu .navbar-nav > li.menu-item .sub-menu a:hover { color: var(--color-menu-hover); } @media only screen and (max-width: 991px) { .mainmenu__menu .navbar-nav > li.menu-item .sub-menu a { padding: 0.5rem 10px; } } .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) { position: relative; } .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) > a:after { right: 1rem; } .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) > ul { position: absolute; left: 100%; top: 0; width: 10.66667rem; visibility: hidden; opacity: 0; padding: 0.46667rem 0; } @media only screen and (max-width: 991px) { .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) > ul { position: static; top: 0; left: 0; visibility: visible; opacity: 1; padding: 0; width: auto; } } .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu) > ul li a { display: block; background: none; } .mainmenu__menu .navbar-nav > li.menu-item.menu-item:not(.multi-column-menu) .menu-item-has-children:not(.multi-column-menu):hover > ul { visibility: visible; opacity: 1; } .mainmenu__menu .navbar-nav > li:not(.multi-column-menu) > .sub-menu { top: 60px; } @media only screen and (max-width: 1199px) { .mainmenu__menu .navbar-nav > li:not(.multi-column-menu) > .sub-menu { top: 56px; } } /* Main Navigation */ .theme-header-menu-area .theme-main-navigation-inner { position: relative; } .theme-header-menu-area .theme-main-navigation { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 30px; } @media only screen and (max-width: 1199px) { .theme-header-menu-area .theme-main-navigation { margin-right: 20px; } } @media only screen and (max-width: 991px) { .theme-header-menu-area .theme-main-navigation { margin-right: 40px; } } @media only screen and (max-width: 575px) { .theme-header-menu-area .theme-main-navigation { margin-right: 15px; } } .theme-header-menu-area .theme-main-navigation ul { padding: 0; margin: 0 -12.5px; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .theme-header-menu-area .theme-main-navigation ul li { display: inline-block; position: relative; } .theme-header-menu-area .theme-main-navigation ul li a { font-size: 15px; display: block; position: relative; text-decoration: none; font-weight: 500; line-height: 1.25; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 10px 12.5px 10px 16px; color: var(--color-menu); } .theme-header-menu-area .theme-main-navigation ul li a::before { position: absolute; left: 0; top: 100%; content: ''; width: 100%; height: 10px; z-index: 1; } @media only screen and (max-width: 1399px) { .theme-header-menu-area .theme-main-navigation ul li a { padding: 20px 8px; } } @media only screen and (max-width: 575px) { .theme-header-menu-area .theme-main-navigation ul li a { font-size: 15px; padding: 12px 8px 12px 0; } } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.menu-item-has-children:hover:after { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.menu-item-has-children > a { position: relative; margin-right: 15px; } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.menu-item-has-children > a:after { content: "\45"; font-family: 'theme-icons'; font-weight: 900; font-size: 10px; position: absolute; right: -6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; color: var(--color-dark); } @media only screen and (max-width: 1399px) { .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.menu-item-has-children > a:after { right: -8px; } } @media only screen and (max-width: 1399px) { .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.menu-item-has-children > a { margin-right: 14px; } } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li > a:hover { -webkit-animation: toBottomFromTop10 0.3s forwards; animation: toBottomFromTop10 0.3s forwards; } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li:hover > a, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-item > a, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li .sub-menu .current-menu-item > a, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-ancestor > a, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current > a { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li:hover > a:after, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-item > a:after, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li .sub-menu .current-menu-item > a:after, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-ancestor > a:after, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current > a:after { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-item:after, .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current:after { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation.menu-right .theme-main-menu { text-align: right; } .theme-header-menu-area .theme-main-navigation.menu-right .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { right: 0; left: auto; } .theme-header-menu-area.theme-responsive-menu .theme-main-navigation.menu-right .theme-offcanvas-active .theme-main-menu { text-align: left; } /* Submenu */ .theme-header-menu-area .theme-main-navigation ul li:not(.multi-column-menu) ul ul ul ul li a:after { display: none; } .theme-header-menu-area .theme-main-navigation ul li:not(.multi-column-menu) ul ul ul ul ul { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; position: relative; width: 100%; min-width: 180px; left: 0 !important; -webkit-box-shadow: none; box-shadow: none; background: inherit; margin: 0; top: 0; padding: 0; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li:not(.multi-column-menu) ul ul ul ul li a:after { display: block; } .theme-header-menu-area .theme-main-navigation ul li ul { left: 30px; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); position: absolute; top: 48px; background-color: var(--color-white); padding-top: 20px; padding-bottom: 20px; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 99998 !important; width: 200px; text-align: left; padding: 6px; -webkit-box-shadow: 0 5px 30px rgba(143, 142, 159, 0.2); box-shadow: 0 5px 30px rgba(143, 142, 159, 0.2); border-radius: 0 0 6px 6px; } .theme-header-menu-area .theme-main-navigation ul li ul.open-left { left: auto; right: 15px; } .theme-header-menu-area .theme-main-navigation ul li ul.open-left ul { left: auto; right: calc(100% + 15px); } @media only screen and (max-width: 991px) { .theme-header-menu-area .theme-main-navigation ul li ul { width: 155px; } } @media only screen and (max-width: 767px) { .theme-header-menu-area .theme-main-navigation ul li ul { width: 130px; } } .theme-header-menu-area .theme-main-navigation ul li ul.sub-menu li.menu-item-has-children > a { position: relative; } .theme-header-menu-area .theme-main-navigation ul li ul.sub-menu li.menu-item-has-children > a:hover:after { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation ul li ul.sub-menu li.menu-item-has-children > a:after { color: var(--color-dark); content: "\62"; font-family: "theme-icons"; font-size: 12px; font-weight: 600; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.45; } @media only screen and (max-width: 991px) { .theme-header-menu-area .theme-main-navigation ul li ul.sub-menu li.menu-item-has-children > a:after { right: 2px; } } .theme-header-menu-area .theme-main-navigation ul li ul li { display: block; } .theme-header-menu-area .theme-main-navigation ul li ul li:hover:after { color: var(--color-primary); } .theme-header-menu-area .theme-main-navigation ul li ul li:hover > a { background-color: var(--color-white); } .theme-header-menu-area .theme-main-navigation ul li ul li:last-child { border-bottom: none; } .theme-header-menu-area .theme-main-navigation ul li ul li a { font-size: 15px; display: block; color: var(--color-submenu); border-radius: 4px; padding: 0.6rem 10px; } .theme-header-menu-area .theme-main-navigation ul li ul li a:hover { color: var(--color-primary); } @media only screen and (max-width: 991px) { .theme-header-menu-area .theme-main-navigation ul li ul li a { padding: 0.25rem 1rem; } } .theme-header-menu-area .theme-main-navigation ul > li:hover > ul, .theme-header-menu-area .theme-main-navigation ul > li:focus-within > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } /* 3rd Level Menu */ .theme-header-menu-area .theme-main-navigation ul li ul li ul { left: 100%; top: 0; width: 200px; } @media only screen and (max-width: 991px) { .theme-header-menu-area .theme-main-navigation ul li ul li ul { width: 155px; } } @media only screen and (max-width: 767px) { .theme-header-menu-area .theme-main-navigation ul li ul li ul { width: 130px; } } .theme-header-menu-area .theme-main-navigation ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .theme-main-navigation-inner .theme-mobile-menu-close { display: none; text-decoration: none; } .theme-responsive-menu-trigger .admin-bar .menu-main-menu-container { top: 32px; } .theme-responsive-menu-trigger .admin-bar .theme-main-navigation-inner { padding-top: 80px; } .theme-responsive-menu-trigger .admin-bar .theme-main-navigation-inner .theme-mobile-menu-close { top: 50px; } .theme-responsive-menu-trigger .theme-header-menu-area { padding: 15px 0; } @media only screen and (max-width: 991px) { .theme-responsive-menu-trigger .theme-header-menu-area { padding: 10px 0; } } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation { text-align: left; position: relative; margin-right: 15px; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul { margin: 0; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li { display: block; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li:first-child > a { padding-left: 20px; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li.menu-item-has-children:after { display: none; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li.menu-item-has-children > a { margin-right: 0; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li.menu-item-has-children > a:after { content: "\45"; font-family: 'theme-icons'; font-weight: 900; font-size: 10px; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li.menu-item-has-children.theme-submenu-open > a:after { content: "\44"; font-family: "45"; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li a { padding: 10px 20px; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li ul { padding-left: 20px; width: 100%; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation ul li > ul { position: static; opacity: 1; visibility: visible; -webkit-box-shadow: 0 0; box-shadow: 0 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } .theme-responsive-menu-trigger .theme-header-menu-area .theme-main-navigation .sub-menu { display: none; } .theme-responsive-menu-trigger .theme-main-navigation-inner { position: fixed; left: -280px; top: 0; width: 280px; height: 100vh; z-index: 998; padding-top: 60px; -webkit-transform: translateX(-100%); transform: translateX(-100%); background-color: var(--color-white); -webkit-box-shadow: 0 5px 10px rgba(146, 153, 184, 0.1); box-shadow: 0 5px 10px rgba(146, 153, 184, 0.1); -webkit-transition: 0.25s; transition: 0.25s; overflow-y: auto; display: none; } .theme-responsive-menu-trigger .theme-main-navigation-inner.theme-offcanvas-active { -webkit-transform: translateX(0%); transform: translateX(0%); left: 0; display: block; } .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close { position: absolute; right: 15px; top: 25px; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 3px; background-color: var(--color-danger); color: var(--color-white); } .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close i, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.la, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.las, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.lab, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.lar, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.fa, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.fab, .theme-responsive-menu-trigger .theme-main-navigation-inner .theme-mobile-menu-close span.fas { color: var(--color-white); } .theme-responsive-menu-trigger .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { opacity: 1; visibility: visible; min-height: auto; -webkit-box-shadow: 0 0; box-shadow: 0 0; display: none; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; min-width: auto; max-width: 100%; } .theme-responsive-menu-trigger .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li { float: none; } .theme-responsive-menu-trigger .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li:not(:last-child) { margin-bottom: 12px; } .theme-responsive-menu-trigger .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li > a { padding: 0 .75rem; } .theme-responsive-menu-trigger .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul.sub-menu { display: block; padding: 0 15px; } /* Theme Mobile Menu Overlay */ .theme-mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1; } .theme-mobile-menu-overlay.theme-mobile-menu-triggered { z-index: 22; } /* mobile menu trigger */ .theme-responsive-menu-trigger .theme-mobile-menu-trigger { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 30px; height: 30px; border: 1px solid var(--color-border); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; padding: 0 4px; cursor: pointer; margin-left: auto; background-color: transparent; } .theme-responsive-menu-trigger .theme-mobile-menu-trigger span { display: block; width: 16px; height: 2px; background-color: var(--color-primary); } .theme-responsive-menu-trigger .theme-mobile-menu-trigger span:not(:last-child) { margin-bottom: 4px; } .theme-menu-action-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-menu-action-box .theme-btn.btn { max-height: 40px; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 991px) { .theme-menu-action-box .theme-btn.btn { width: 30px; min-height: 30px; max-height: 30px; padding: 0; } .theme-menu-action-box .theme-btn.btn i { margin: 0; } } .theme-menu-action-box__author { margin-right: 15px; } .theme-menu-action-box__add-listing .btn-add-listing i, .theme-menu-action-box__add-listing .btn-add-listing svg, .theme-menu-action-box__add-listing .btn-add-listing span.la, .theme-menu-action-box__add-listing .btn-add-listing span.las, .theme-menu-action-box__add-listing .btn-add-listing span.lab, .theme-menu-action-box__add-listing .btn-add-listing span.lar, .theme-menu-action-box__add-listing .btn-add-listing span.fa, .theme-menu-action-box__add-listing .btn-add-listing span.fas, .theme-menu-action-box__add-listing .btn-add-listing span.fab, .theme-menu-action-box__add-listing .btn-add-listing span.far { margin-right: 4px; } .theme-menu-action-box__add-listing .btn-add-listing img, .theme-menu-action-box__add-listing .btn-add-listing svg { width: 16px; color: var(--color-white); fill: var(--color-white); } .theme-menu-action-box__add-listing .btn-add-listing .directorist-icon-mask:after { width: 16px; height: 16px; background-color: var(--color-white); } @media only screen and (max-width: 767px) { .theme-menu-action-box__add-listing .btn-add-listing { display: none; } } .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile { display: none; } @media only screen and (max-width: 767px) { .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 6px; min-height: 28px; } } .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile i, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.la, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.las, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.lab, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.lar, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.fa, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.fas, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.fab, .theme-menu-action-box__add-listing .btn-add-listing.btn-mobile span.far { margin-right: 0; } .theme-menu-action-box .theme-header-action__author--info { position: relative; cursor: pointer; padding: 5px 0; background-color: transparent; border: none; text-align: left; } .theme-menu-action-box .theme-header-action__author--info img { max-width: 40px; height: 40px; border-radius: 50%; } @media only screen and (max-width: 575px) { .theme-menu-action-box .theme-header-action__author--info img { max-width: 30px; height: 30px; } } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation { position: absolute; right: 0; top: 62px; min-width: 190px; border-radius: 5px; padding: 15px 0; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 5px 20px rgba(136, 140, 158, 0.2); box-shadow: 0 5px 20px rgba(136, 140, 158, 0.2); background-color: var(--color-white); display: none; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation.theme-show { opacity: 1; visibility: visible; z-index: 1031; display: block; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul { list-style: none; padding: 0; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a { display: block; font-size: 14px; font-weight: 500; text-decoration: none; padding: 3px 20px; color: var(--color-submenu); white-space: nowrap; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a:hover { color: var(--color-primary); } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a:hover .directorist_menuItem-icon .directorist-icon-mask:after { background-color: var(--color-primary); } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a .directorist_menuItem-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a .directorist_menuItem-icon { margin-right: 5px; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a .directorist_menuItem-icon i { font-size: 16px; } .theme-menu-action-box .theme-header-action__author--info .theme-header-author-navigation ul li a .directorist_menuItem-icon .directorist-icon-mask:after { width: 16px; height: 16px; background-color: var(--color-submenu); } .theme-menu-action-box__search { margin-right: 16px; } .theme-menu-action-box__search--trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: var(--color-lighter); } .theme-menu-action-box__search--trigger .search-icon { font-size: calc(1.0125rem + 0.15vw); } @media (min-width: 1200px) { .theme-menu-action-box__search--trigger .search-icon { font-size: 1.125rem; } } .theme-menu-action-box__search--trigger .search-icon:hover { color: var(--color-primary); } .theme-menu-action-box__search--trigger i, .theme-menu-action-box__search--trigger span.la, .theme-menu-action-box__search--trigger span.las, .theme-menu-action-box__search--trigger span.lab, .theme-menu-action-box__search--trigger span.lar, .theme-menu-action-box__search--trigger span.fa, .theme-menu-action-box__search--trigger span.fas, .theme-menu-action-box__search--trigger span.fab, .theme-menu-action-box__search--trigger span.far { color: var(--color-light); } .theme-menu-action-box__login .theme-btn.btn.btn-sm { padding: 0.532rem 0.908rem; } @media only screen and (max-width: 991px) { .theme-menu-action-box__login .theme-btn.btn.btn-sm { width: 40px; height: 40px; font-size: 18px; } } @media only screen and (max-width: 575px) { .theme-menu-action-box__login .theme-btn.btn.btn-sm { width: 30px; min-height: 30px; height: 30px; font-size: 16px; } } .theme-menu-action-box__login .theme-btn.btn.btn-sm.btn-mobile { display: none; min-height: 30px; padding: 0 6px; } @media only screen and (max-width: 991px) { .theme-menu-action-box__login .theme-btn.btn.btn-sm.btn-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .theme-menu-action-box__login .theme-menu-action-box__login--modal .btn.theme-btn.btn-outline-light { border-color: var(--color-border-light); color: var(--color-dark); background-color: white; } .theme-menu-action-box__login .theme-menu-action-box__login--modal .btn.theme-btn.btn-outline-light:hover { border-color: var(--color-primary); color: var(--color-primary); } /* Search popup */ .theme-search-popup { position: fixed; top: 0; left: 0; width: 100%; height: auto; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; z-index: 1031; display: none; } .theme-search-popup.theme-popup-open { display: block; } .theme-search-popup .theme-popup-close { position: fixed; top: 15px; right: 15px; border: none; opacity: 1; cursor: pointer; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; z-index: 99999; line-height: 0.8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: var(--color-white); background-color: var(--color-dark); padding: 0; } .theme-search-popup .theme-popup-close:hover span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .theme-search-popup .theme-popup-close span { font-size: calc(1.025rem + 0.3vw); position: relative; top: 0; -webkit-transition: 0.3s; transition: 0.3s; } @media (min-width: 1200px) { .theme-search-popup .theme-popup-close span { font-size: 1.25rem; } } .theme-search-popup .theme-search-popup-box { background-color: #fff; min-height: 188px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; } .theme-search-popup .theme-search-popup-box .directorist-search-contents { padding: 0; max-width: 1000px; margin: 0 auto; } .theme-search-popup .theme-search-popup-box .directorist-search-contents .directorist-container-fluid { padding: 0; } .theme-search-popup .directorist-search-form-wrap { -webkit-box-shadow: 0 0; box-shadow: 0 0; padding: 0; border-radius: 0; } .theme-search-popup .directorist-search-form-wrap.directorist-with-search-border .directorist-search-form-top { border: 0 none; margin: -5px; } .theme-search-popup .directorist-search-form-wrap.directorist-with-search-border .directorist-search-form-top > div { margin: 5px; } .theme-search-popup .directorist-search-form-wrap.directorist-with-search-border .directorist-search-form-top .directorist-search-form-action { margin: 0; } .theme-search-popup .directorist-search-form-wrap.directorist-with-search-border .directorist-search-form-top .directorist-search-field:not(:last-child) { border-right: 0 none; } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 0; } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top .directorist-search-field .directorist-range-slider-wrap { padding: 0; } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top .directorist-search-field .directorist-range-slider-wrap .atbd-current-value { padding-right: 0 !important; -webkit-box-flex: 0.45; -ms-flex: 0.45; flex: 0.45; } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top .directorist-search-form-action .directorist-btn-search.directorist-btn { background-color: var(--color-primary) !important; border-color: var(--color-primary); } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top .directorist-search-form-action .directorist-btn-search.directorist-btn.directorist-btn-lg { padding: 8px 15px; min-height: 46px; } .theme-search-popup .directorist-search-form-wrap .directorist-search-form-box .directorist-search-form-top .directorist-select__label { font-size: 14px; border: 1px solid var(--color-border-light); } .theme-search-popup .directorist-search-contents .directorist-search-form-top .directorist-search-form-action .directorist-btn.directorist-btn-lg { border-color: var(--color-border); color: var(--color-body); min-height: 46px; line-height: 1.5; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .theme-search-popup .directorist-search-contents .directorist-search-form-top .directorist-search-form-action .directorist-btn.directorist-btn-lg:hover { color: var(--color-primary); border-color: var(--color-primary); } .theme-search-popup .directorist-search-contents .directorist-search-form-top .directorist-search-form-action .directorist-search-form-action__filter, .theme-search-popup .directorist-search-contents .directorist-search-form-top .directorist-search-form-action .directorist-search-form-action__submit { margin: 5px; } .theme-search-popup .directorist-listing-category-top ul li a span { position: relative; top: -2px; } .theme-search-popup .directorist-listing-category-top ul li a p { line-height: 1.45; } .theme-search-popup .directorist-listing-category-top ul li a:hover span, .theme-search-popup .directorist-listing-category-top ul li a:hover p { color: var(--color-primary); } .theme-shade { position: fixed; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; z-index: -1; } .theme-shade.theme-show { height: 100%; opacity: 1; visibility: visible; z-index: 1030; } .theme-shade.theme-white-shade { background-color: transparent; } .admin-bar .theme-search-popup .theme-popup-close { line-height: normal; top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: var(--color-white); } @media only screen and (max-width: 767px) { .admin-bar .theme-search-popup .theme-popup-close { top: 55px; } } .admin-bar .theme-search-popup .theme-popup-close span { font-size: calc(1.025rem + 0.3vw); position: relative; top: 0; } @media (min-width: 1200px) { .admin-bar .theme-search-popup .theme-popup-close span { font-size: 1.25rem; } } .admin-bar .theme-search-popup-box { padding-top: 30px; } @media only screen and (max-width: 767px) { .admin-bar .theme-search-popup-box { padding-top: 50px; } } /* Mega Menu */ @media only screen and (max-width: 991px) { .admin-bar .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu:hover > ul.sub-menu { top: 68px; } } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu { position: static; } @media only screen and (max-width: 575px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu { position: relative; } } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu a { position: relative; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu:hover > ul.sub-menu { visibility: visible; opacity: 1; top: 54px; left: 0; } @media only screen and (max-width: 1399px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu:hover > ul.sub-menu { top: 68px; } } @media only screen and (min-width: 0px) and (max-width: 782px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu:hover > ul.sub-menu { top: 50px; } } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { background-color: var(--color-white); width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; top: 54px; left: 0; padding: 12px 8px; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1399px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { top: 68px; } } @media only screen and (max-width: 1199px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { top: 70px; } } @media only screen and (max-width: 991px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { margin: 0; } } @media only screen and (max-width: 767px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { min-width: auto; } } @media only screen and (max-width: 575px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu { min-width: 150px; } } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li { display: block; float: left; margin: 0 0; border: none; padding: 0; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li > a { border-radius: 0; font-size: 16px; line-height: 1.5; font-weight: 400; border-bottom: 1px solid #e3e6ef; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li > a:hover { color: var(--color-menu-text-hover); } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li:hover > a { background-color: inherit; color: #111; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li > ul { padding: 0; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; position: relative; width: 100%; min-width: 180px; left: 0 !important; -webkit-box-shadow: none; box-shadow: none; background: inherit; margin: 0; top: 0; } @media only screen and (max-width: 1199px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul { min-width: 160px; } } @media only screen and (max-width: 575px) { .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul { min-width: auto; } } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul li { padding: 0 10px; display: block; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul li > a { padding: 0.75rem .75rem; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu > li ul li > a:after { display: none; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu > ul.sub-menu li:after { content: ""; } .theme-main-navigation .menu-main-menu-container ul li.multi-column-menu.hide-header > ul.sub-menu > li > a { display: none; } .mainmenu__menu .navbar-nav > li.menu-item.multi-column-menu:last-child .sub-menu { left: 0; } .mainmenu__menu .multi-column-menu.hide-header > ul > li { border-top: none; } .mainmenu__menu .multi-column-menu.hide-header > ul > li > a { display: none; } .mainmenu__menu .multi-column-menu.hide-header > ul > li > ul { display: block !important; } /* Multi type overlay */ .atbdp-form-fade { padding: 0; } .atbdp-form-fade:after { background-color: transparent; z-index: 99999; } .atbdp-form-fade:before { border: 2px solid var(--color-primary); border-top-color: transparent; } .atbdp-form-fade .directorist-search-form-top { opacity: 0.3; } .atbdp-form-fade .directorist-archive-grid-view::after { background: rgba(var(--color-white-rgba), 0.7); content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6px; z-index: 2; } /*--------------------------------- #. Card ----------------------------------*/ /* Theme Card Style */ .card.theme-card { border-color: var(--color-border-light); -webkit-box-shadow: 0 0; box-shadow: 0 0; border-radius: 6px; } .card.theme-card .card-header.theme-card-header { border-radius: 6px 6px 0 0; padding: 15px 25px; border-color: var(--color-border-light); background-color: var(--color-white); } .card.theme-card .card-header.theme-card-header h1, .card.theme-card .card-header.theme-card-header h2, .card.theme-card .card-header.theme-card-header h3, .card.theme-card .card-header.theme-card-header h4, .card.theme-card .card-header.theme-card-header h5, .card.theme-card .card-header.theme-card-header h6 { font-size: calc(1.0125rem + 0.15vw); font-weight: 500; line-height: 1.65; margin-bottom: 0; color: var(--color-dark); } @media (min-width: 1200px) { .card.theme-card .card-header.theme-card-header h1, .card.theme-card .card-header.theme-card-header h2, .card.theme-card .card-header.theme-card-header h3, .card.theme-card .card-header.theme-card-header h4, .card.theme-card .card-header.theme-card-header h5, .card.theme-card .card-header.theme-card-header h6 { font-size: 1.125rem; } } .card.theme-card .card-body.theme-card-body { padding: 25px; } /*----------------------- #. Banner Style -----------------------*/ /* Banner Search */ .elementor-widget-wpwax-search-listing .directorist-search-contents { padding: 0; max-width: 1000px; margin: 0 auto; } .elementor-widget-wpwax-search-listing .directorist-search-contents .directorist-search-top__title { font-size: calc(1.225rem + 2.7vw); font-weight: 500; margin-bottom: 22px; color: var(--color-white); } @media (min-width: 1200px) { .elementor-widget-wpwax-search-listing .directorist-search-contents .directorist-search-top__title { font-size: 3.25rem; } } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection { border-bottom: 0 none; } @media (min-width: 1200px) { .elementor-widget-wpwax-search-listing .directorist-listing-type-selection { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 6px; } } @media (max-width: 767px) { .elementor-widget-wpwax-search-listing .directorist-listing-type-selection { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 1199px) { .elementor-widget-wpwax-search-listing .directorist-listing-type-selection { overflow-y: auto; white-space: nowrap; } } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item a { color: var(--color-white); } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item a:hover { color: var(--color-white); } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types { font-size: 14px; font-weight: 500; color: rgba(var(--color-white-rgba), 0.7); } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types:hover, .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types.directorist-listing-type-selection__link--current { color: var(--color-white); opacity: 1; } .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types:hover:after, .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types:hover .directorist-icon-mask:after, .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types.directorist-listing-type-selection__link--current:after, .elementor-widget-wpwax-search-listing .directorist-listing-type-selection .directorist-listing-type-selection__item .search_listing_types.directorist-listing-type-selection__link--current .directorist-icon-mask:after { background-color: var(--color-white); } .elementor-widget-wpwax-search-listing .directorist-listing-category-top { margin-top: 26px; } .elementor-widget-wpwax-search-listing .directorist-listing-category-top h1, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h2, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h3, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h4, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h5, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h6 { font-size: calc(1.0125rem + 0.15vw); margin-bottom: 10px; } @media (min-width: 1200px) { .elementor-widget-wpwax-search-listing .directorist-listing-category-top h1, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h2, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h3, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h4, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h5, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h6 { font-size: 1.125rem; } } .elementor-widget-wpwax-search-listing .directorist-listing-category-top h1:empty, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h2:empty, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h3:empty, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h4:empty, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h5:empty, .elementor-widget-wpwax-search-listing .directorist-listing-category-top h6:empty { display: none; } .elementor-widget-wpwax-search-listing .directorist-listing-category-top ul { padding: 0; margin: -12.5px; } @media only screen and (max-width: 991px) { .elementor-widget-wpwax-search-listing .directorist-listing-category-top ul { margin: 0; } } .elementor-widget-wpwax-search-listing .directorist-listing-category-top ul li { margin: 12.5px; } @media only screen and (max-width: 991px) { .elementor-widget-wpwax-search-listing .directorist-listing-category-top ul li { margin: 6px; } } .elementor-widget-wpwax-search-listing .directorist-listing-category-top ul li a p { font-size: 14px; font-weight: 500; } /* Select2 Category Dropdown Style */ .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below { top: 2px; } .select2-container.select2-container--open .theme-home-search-category.select2-dropdown--above { top: 15px; } .select2-container .theme-home-search-category { min-width: 380px; } @media only screen and (max-width: 575px) { .select2-container .theme-home-search-category { min-width: auto; } } .select2-container .theme-home-search-category .select2-results > .select2-results__options { max-height: 250px; padding-bottom: 15px; } .admin-bar .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below { top: 32px; } .directorist-content-active .directorist-listing-category-top h3 { font-weight: 600; } .directorist-content-active .directorist-listing-category-top ul li a { color: var(--color-light-gray); } .directorist-content-active .directorist-listing-category-top ul li a:hover span { color: var(--color-primary); } .directorist-content-active .directorist-listing-category-top ul li a:hover p { color: var(--color-primary); } .directorist-content-active .directorist-listing-category-top ul li a span { color: inherit; -webkit-transition: 0.3s; transition: 0.3s; } .directorist-content-active .directorist-listing-category-top ul li a p { -webkit-transition: 0.3s; transition: 0.3s; color: inherit; line-height: normal; } .theme-blog-grid-area .directorist-pagination, .theme-blog-grid-area .comment-pagination, .theme-blog-grid-area .theme-pagination-area, .directorist-author-listing-content .directorist-pagination, .directorist-author-listing-content .comment-pagination, .directorist-author-listing-content .theme-pagination-area, .comments-area .directorist-pagination, .comments-area .comment-pagination, .comments-area .theme-pagination-area, .directorist-archive-contents .directorist-pagination, .directorist-archive-contents .comment-pagination, .directorist-archive-contents .theme-pagination-area, .blog .directorist-pagination, .blog .comment-pagination, .blog .theme-pagination-area, .theme-single-blog .directorist-pagination, .theme-single-blog .comment-pagination, .theme-single-blog .theme-pagination-area { margin: 30px -4px -0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-blog-grid-area .directorist-pagination .page-numbers, .theme-blog-grid-area .comment-pagination .page-numbers, .theme-blog-grid-area .theme-pagination-area .page-numbers, .directorist-author-listing-content .directorist-pagination .page-numbers, .directorist-author-listing-content .comment-pagination .page-numbers, .directorist-author-listing-content .theme-pagination-area .page-numbers, .comments-area .directorist-pagination .page-numbers, .comments-area .comment-pagination .page-numbers, .comments-area .theme-pagination-area .page-numbers, .directorist-archive-contents .directorist-pagination .page-numbers, .directorist-archive-contents .comment-pagination .page-numbers, .directorist-archive-contents .theme-pagination-area .page-numbers, .blog .directorist-pagination .page-numbers, .blog .comment-pagination .page-numbers, .blog .theme-pagination-area .page-numbers, .theme-single-blog .directorist-pagination .page-numbers, .theme-single-blog .comment-pagination .page-numbers, .theme-single-blog .theme-pagination-area .page-numbers { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; height: 40px; min-width: 40px; margin: 3px; border-radius: 6px; border: 1px solid var(--color-border); color: var(--color-dark); background-color: #fff; line-height: normal; } .theme-blog-grid-area .directorist-pagination .page-numbers svg, .theme-blog-grid-area .comment-pagination .page-numbers svg, .theme-blog-grid-area .theme-pagination-area .page-numbers svg, .directorist-author-listing-content .directorist-pagination .page-numbers svg, .directorist-author-listing-content .comment-pagination .page-numbers svg, .directorist-author-listing-content .theme-pagination-area .page-numbers svg, .comments-area .directorist-pagination .page-numbers svg, .comments-area .comment-pagination .page-numbers svg, .comments-area .theme-pagination-area .page-numbers svg, .directorist-archive-contents .directorist-pagination .page-numbers svg, .directorist-archive-contents .comment-pagination .page-numbers svg, .directorist-archive-contents .theme-pagination-area .page-numbers svg, .blog .directorist-pagination .page-numbers svg, .blog .comment-pagination .page-numbers svg, .blog .theme-pagination-area .page-numbers svg, .theme-single-blog .directorist-pagination .page-numbers svg, .theme-single-blog .comment-pagination .page-numbers svg, .theme-single-blog .theme-pagination-area .page-numbers svg { width: 15px; fill: var(--color-dark); } .theme-blog-grid-area .directorist-pagination .page-numbers i, .theme-blog-grid-area .directorist-pagination .page-numbers span.la, .theme-blog-grid-area .directorist-pagination .page-numbers span.lab, .theme-blog-grid-area .directorist-pagination .page-numbers span.lar, .theme-blog-grid-area .directorist-pagination .page-numbers span.las, .theme-blog-grid-area .directorist-pagination .page-numbers span.fa, .theme-blog-grid-area .directorist-pagination .page-numbers span.fas, .theme-blog-grid-area .directorist-pagination .page-numbers span.far, .theme-blog-grid-area .directorist-pagination .page-numbers span.fab, .theme-blog-grid-area .comment-pagination .page-numbers i, .theme-blog-grid-area .comment-pagination .page-numbers span.la, .theme-blog-grid-area .comment-pagination .page-numbers span.lab, .theme-blog-grid-area .comment-pagination .page-numbers span.lar, .theme-blog-grid-area .comment-pagination .page-numbers span.las, .theme-blog-grid-area .comment-pagination .page-numbers span.fa, .theme-blog-grid-area .comment-pagination .page-numbers span.fas, .theme-blog-grid-area .comment-pagination .page-numbers span.far, .theme-blog-grid-area .comment-pagination .page-numbers span.fab, .theme-blog-grid-area .theme-pagination-area .page-numbers i, .theme-blog-grid-area .theme-pagination-area .page-numbers span.la, .theme-blog-grid-area .theme-pagination-area .page-numbers span.lab, .theme-blog-grid-area .theme-pagination-area .page-numbers span.lar, .theme-blog-grid-area .theme-pagination-area .page-numbers span.las, .theme-blog-grid-area .theme-pagination-area .page-numbers span.fa, .theme-blog-grid-area .theme-pagination-area .page-numbers span.fas, .theme-blog-grid-area .theme-pagination-area .page-numbers span.far, .theme-blog-grid-area .theme-pagination-area .page-numbers span.fab, .directorist-author-listing-content .directorist-pagination .page-numbers i, .directorist-author-listing-content .directorist-pagination .page-numbers span.la, .directorist-author-listing-content .directorist-pagination .page-numbers span.lab, .directorist-author-listing-content .directorist-pagination .page-numbers span.lar, .directorist-author-listing-content .directorist-pagination .page-numbers span.las, .directorist-author-listing-content .directorist-pagination .page-numbers span.fa, .directorist-author-listing-content .directorist-pagination .page-numbers span.fas, .directorist-author-listing-content .directorist-pagination .page-numbers span.far, .directorist-author-listing-content .directorist-pagination .page-numbers span.fab, .directorist-author-listing-content .comment-pagination .page-numbers i, .directorist-author-listing-content .comment-pagination .page-numbers span.la, .directorist-author-listing-content .comment-pagination .page-numbers span.lab, .directorist-author-listing-content .comment-pagination .page-numbers span.lar, .directorist-author-listing-content .comment-pagination .page-numbers span.las, .directorist-author-listing-content .comment-pagination .page-numbers span.fa, .directorist-author-listing-content .comment-pagination .page-numbers span.fas, .directorist-author-listing-content .comment-pagination .page-numbers span.far, .directorist-author-listing-content .comment-pagination .page-numbers span.fab, .directorist-author-listing-content .theme-pagination-area .page-numbers i, .directorist-author-listing-content .theme-pagination-area .page-numbers span.la, .directorist-author-listing-content .theme-pagination-area .page-numbers span.lab, .directorist-author-listing-content .theme-pagination-area .page-numbers span.lar, .directorist-author-listing-content .theme-pagination-area .page-numbers span.las, .directorist-author-listing-content .theme-pagination-area .page-numbers span.fa, .directorist-author-listing-content .theme-pagination-area .page-numbers span.fas, .directorist-author-listing-content .theme-pagination-area .page-numbers span.far, .directorist-author-listing-content .theme-pagination-area .page-numbers span.fab, .comments-area .directorist-pagination .page-numbers i, .comments-area .directorist-pagination .page-numbers span.la, .comments-area .directorist-pagination .page-numbers span.lab, .comments-area .directorist-pagination .page-numbers span.lar, .comments-area .directorist-pagination .page-numbers span.las, .comments-area .directorist-pagination .page-numbers span.fa, .comments-area .directorist-pagination .page-numbers span.fas, .comments-area .directorist-pagination .page-numbers span.far, .comments-area .directorist-pagination .page-numbers span.fab, .comments-area .comment-pagination .page-numbers i, .comments-area .comment-pagination .page-numbers span.la, .comments-area .comment-pagination .page-numbers span.lab, .comments-area .comment-pagination .page-numbers span.lar, .comments-area .comment-pagination .page-numbers span.las, .comments-area .comment-pagination .page-numbers span.fa, .comments-area .comment-pagination .page-numbers span.fas, .comments-area .comment-pagination .page-numbers span.far, .comments-area .comment-pagination .page-numbers span.fab, .comments-area .theme-pagination-area .page-numbers i, .comments-area .theme-pagination-area .page-numbers span.la, .comments-area .theme-pagination-area .page-numbers span.lab, .comments-area .theme-pagination-area .page-numbers span.lar, .comments-area .theme-pagination-area .page-numbers span.las, .comments-area .theme-pagination-area .page-numbers span.fa, .comments-area .theme-pagination-area .page-numbers span.fas, .comments-area .theme-pagination-area .page-numbers span.far, .comments-area .theme-pagination-area .page-numbers span.fab, .directorist-archive-contents .directorist-pagination .page-numbers i, .directorist-archive-contents .directorist-pagination .page-numbers span.la, .directorist-archive-contents .directorist-pagination .page-numbers span.lab, .directorist-archive-contents .directorist-pagination .page-numbers span.lar, .directorist-archive-contents .directorist-pagination .page-numbers span.las, .directorist-archive-contents .directorist-pagination .page-numbers span.fa, .directorist-archive-contents .directorist-pagination .page-numbers span.fas, .directorist-archive-contents .directorist-pagination .page-numbers span.far, .directorist-archive-contents .directorist-pagination .page-numbers span.fab, .directorist-archive-contents .comment-pagination .page-numbers i, .directorist-archive-contents .comment-pagination .page-numbers span.la, .directorist-archive-contents .comment-pagination .page-numbers span.lab, .directorist-archive-contents .comment-pagination .page-numbers span.lar, .directorist-archive-contents .comment-pagination .page-numbers span.las, .directorist-archive-contents .comment-pagination .page-numbers span.fa, .directorist-archive-contents .comment-pagination .page-numbers span.fas, .directorist-archive-contents .comment-pagination .page-numbers span.far, .directorist-archive-contents .comment-pagination .page-numbers span.fab, .directorist-archive-contents .theme-pagination-area .page-numbers i, .directorist-archive-contents .theme-pagination-area .page-numbers span.la, .directorist-archive-contents .theme-pagination-area .page-numbers span.lab, .directorist-archive-contents .theme-pagination-area .page-numbers span.lar, .directorist-archive-contents .theme-pagination-area .page-numbers span.las, .directorist-archive-contents .theme-pagination-area .page-numbers span.fa, .directorist-archive-contents .theme-pagination-area .page-numbers span.fas, .directorist-archive-contents .theme-pagination-area .page-numbers span.far, .directorist-archive-contents .theme-pagination-area .page-numbers span.fab, .blog .directorist-pagination .page-numbers i, .blog .directorist-pagination .page-numbers span.la, .blog .directorist-pagination .page-numbers span.lab, .blog .directorist-pagination .page-numbers span.lar, .blog .directorist-pagination .page-numbers span.las, .blog .directorist-pagination .page-numbers span.fa, .blog .directorist-pagination .page-numbers span.fas, .blog .directorist-pagination .page-numbers span.far, .blog .directorist-pagination .page-numbers span.fab, .blog .comment-pagination .page-numbers i, .blog .comment-pagination .page-numbers span.la, .blog .comment-pagination .page-numbers span.lab, .blog .comment-pagination .page-numbers span.lar, .blog .comment-pagination .page-numbers span.las, .blog .comment-pagination .page-numbers span.fa, .blog .comment-pagination .page-numbers span.fas, .blog .comment-pagination .page-numbers span.far, .blog .comment-pagination .page-numbers span.fab, .blog .theme-pagination-area .page-numbers i, .blog .theme-pagination-area .page-numbers span.la, .blog .theme-pagination-area .page-numbers span.lab, .blog .theme-pagination-area .page-numbers span.lar, .blog .theme-pagination-area .page-numbers span.las, .blog .theme-pagination-area .page-numbers span.fa, .blog .theme-pagination-area .page-numbers span.fas, .blog .theme-pagination-area .page-numbers span.far, .blog .theme-pagination-area .page-numbers span.fab, .theme-single-blog .directorist-pagination .page-numbers i, .theme-single-blog .directorist-pagination .page-numbers span.la, .theme-single-blog .directorist-pagination .page-numbers span.lab, .theme-single-blog .directorist-pagination .page-numbers span.lar, .theme-single-blog .directorist-pagination .page-numbers span.las, .theme-single-blog .directorist-pagination .page-numbers span.fa, .theme-single-blog .directorist-pagination .page-numbers span.fas, .theme-single-blog .directorist-pagination .page-numbers span.far, .theme-single-blog .directorist-pagination .page-numbers span.fab, .theme-single-blog .comment-pagination .page-numbers i, .theme-single-blog .comment-pagination .page-numbers span.la, .theme-single-blog .comment-pagination .page-numbers span.lab, .theme-single-blog .comment-pagination .page-numbers span.lar, .theme-single-blog .comment-pagination .page-numbers span.las, .theme-single-blog .comment-pagination .page-numbers span.fa, .theme-single-blog .comment-pagination .page-numbers span.fas, .theme-single-blog .comment-pagination .page-numbers span.far, .theme-single-blog .comment-pagination .page-numbers span.fab, .theme-single-blog .theme-pagination-area .page-numbers i, .theme-single-blog .theme-pagination-area .page-numbers span.la, .theme-single-blog .theme-pagination-area .page-numbers span.lab, .theme-single-blog .theme-pagination-area .page-numbers span.lar, .theme-single-blog .theme-pagination-area .page-numbers span.las, .theme-single-blog .theme-pagination-area .page-numbers span.fa, .theme-single-blog .theme-pagination-area .page-numbers span.fas, .theme-single-blog .theme-pagination-area .page-numbers span.far, .theme-single-blog .theme-pagination-area .page-numbers span.fab { color: var(--color-dark); } .theme-blog-grid-area .directorist-pagination .page-numbers.current, .theme-blog-grid-area .comment-pagination .page-numbers.current, .theme-blog-grid-area .theme-pagination-area .page-numbers.current, .directorist-author-listing-content .directorist-pagination .page-numbers.current, .directorist-author-listing-content .comment-pagination .page-numbers.current, .directorist-author-listing-content .theme-pagination-area .page-numbers.current, .comments-area .directorist-pagination .page-numbers.current, .comments-area .comment-pagination .page-numbers.current, .comments-area .theme-pagination-area .page-numbers.current, .directorist-archive-contents .directorist-pagination .page-numbers.current, .directorist-archive-contents .comment-pagination .page-numbers.current, .directorist-archive-contents .theme-pagination-area .page-numbers.current, .blog .directorist-pagination .page-numbers.current, .blog .comment-pagination .page-numbers.current, .blog .theme-pagination-area .page-numbers.current, .theme-single-blog .directorist-pagination .page-numbers.current, .theme-single-blog .comment-pagination .page-numbers.current, .theme-single-blog .theme-pagination-area .page-numbers.current { background-color: #fff !important; border-width: 1px; border: 1px solid var(--color-primary); color: var(--color-primary); } .theme-blog-grid-area .directorist-pagination .page-numbers.current svg, .theme-blog-grid-area .comment-pagination .page-numbers.current svg, .theme-blog-grid-area .theme-pagination-area .page-numbers.current svg, .directorist-author-listing-content .directorist-pagination .page-numbers.current svg, .directorist-author-listing-content .comment-pagination .page-numbers.current svg, .directorist-author-listing-content .theme-pagination-area .page-numbers.current svg, .comments-area .directorist-pagination .page-numbers.current svg, .comments-area .comment-pagination .page-numbers.current svg, .comments-area .theme-pagination-area .page-numbers.current svg, .directorist-archive-contents .directorist-pagination .page-numbers.current svg, .directorist-archive-contents .comment-pagination .page-numbers.current svg, .directorist-archive-contents .theme-pagination-area .page-numbers.current svg, .blog .directorist-pagination .page-numbers.current svg, .blog .comment-pagination .page-numbers.current svg, .blog .theme-pagination-area .page-numbers.current svg, .theme-single-blog .directorist-pagination .page-numbers.current svg, .theme-single-blog .comment-pagination .page-numbers.current svg, .theme-single-blog .theme-pagination-area .page-numbers.current svg { fill: var(--color-primary); } .theme-blog-grid-area .directorist-pagination .page-numbers:hover, .theme-blog-grid-area .comment-pagination .page-numbers:hover, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover, .directorist-author-listing-content .directorist-pagination .page-numbers:hover, .directorist-author-listing-content .comment-pagination .page-numbers:hover, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover, .comments-area .directorist-pagination .page-numbers:hover, .comments-area .comment-pagination .page-numbers:hover, .comments-area .theme-pagination-area .page-numbers:hover, .directorist-archive-contents .directorist-pagination .page-numbers:hover, .directorist-archive-contents .comment-pagination .page-numbers:hover, .directorist-archive-contents .theme-pagination-area .page-numbers:hover, .blog .directorist-pagination .page-numbers:hover, .blog .comment-pagination .page-numbers:hover, .blog .theme-pagination-area .page-numbers:hover, .theme-single-blog .directorist-pagination .page-numbers:hover, .theme-single-blog .comment-pagination .page-numbers:hover, .theme-single-blog .theme-pagination-area .page-numbers:hover { border-color: var(--color-primary); color: var(--color-primary); } .theme-blog-grid-area .directorist-pagination .page-numbers:hover i, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.la, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.lab, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.lar, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.las, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.fa, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.fas, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.far, .theme-blog-grid-area .directorist-pagination .page-numbers:hover span.fab, .theme-blog-grid-area .comment-pagination .page-numbers:hover i, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.la, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.lab, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.lar, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.las, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.fa, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.fas, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.far, .theme-blog-grid-area .comment-pagination .page-numbers:hover span.fab, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover i, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.la, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.lab, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.lar, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.las, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.fa, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.fas, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.far, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover span.fab, .directorist-author-listing-content .directorist-pagination .page-numbers:hover i, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.la, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.lab, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.lar, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.las, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.fa, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.fas, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.far, .directorist-author-listing-content .directorist-pagination .page-numbers:hover span.fab, .directorist-author-listing-content .comment-pagination .page-numbers:hover i, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.la, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.lab, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.lar, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.las, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.fa, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.fas, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.far, .directorist-author-listing-content .comment-pagination .page-numbers:hover span.fab, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover i, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.la, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.lab, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.lar, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.las, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.fa, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.fas, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.far, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover span.fab, .comments-area .directorist-pagination .page-numbers:hover i, .comments-area .directorist-pagination .page-numbers:hover span.la, .comments-area .directorist-pagination .page-numbers:hover span.lab, .comments-area .directorist-pagination .page-numbers:hover span.lar, .comments-area .directorist-pagination .page-numbers:hover span.las, .comments-area .directorist-pagination .page-numbers:hover span.fa, .comments-area .directorist-pagination .page-numbers:hover span.fas, .comments-area .directorist-pagination .page-numbers:hover span.far, .comments-area .directorist-pagination .page-numbers:hover span.fab, .comments-area .comment-pagination .page-numbers:hover i, .comments-area .comment-pagination .page-numbers:hover span.la, .comments-area .comment-pagination .page-numbers:hover span.lab, .comments-area .comment-pagination .page-numbers:hover span.lar, .comments-area .comment-pagination .page-numbers:hover span.las, .comments-area .comment-pagination .page-numbers:hover span.fa, .comments-area .comment-pagination .page-numbers:hover span.fas, .comments-area .comment-pagination .page-numbers:hover span.far, .comments-area .comment-pagination .page-numbers:hover span.fab, .comments-area .theme-pagination-area .page-numbers:hover i, .comments-area .theme-pagination-area .page-numbers:hover span.la, .comments-area .theme-pagination-area .page-numbers:hover span.lab, .comments-area .theme-pagination-area .page-numbers:hover span.lar, .comments-area .theme-pagination-area .page-numbers:hover span.las, .comments-area .theme-pagination-area .page-numbers:hover span.fa, .comments-area .theme-pagination-area .page-numbers:hover span.fas, .comments-area .theme-pagination-area .page-numbers:hover span.far, .comments-area .theme-pagination-area .page-numbers:hover span.fab, .directorist-archive-contents .directorist-pagination .page-numbers:hover i, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.la, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.lab, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.lar, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.las, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.fa, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.fas, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.far, .directorist-archive-contents .directorist-pagination .page-numbers:hover span.fab, .directorist-archive-contents .comment-pagination .page-numbers:hover i, .directorist-archive-contents .comment-pagination .page-numbers:hover span.la, .directorist-archive-contents .comment-pagination .page-numbers:hover span.lab, .directorist-archive-contents .comment-pagination .page-numbers:hover span.lar, .directorist-archive-contents .comment-pagination .page-numbers:hover span.las, .directorist-archive-contents .comment-pagination .page-numbers:hover span.fa, .directorist-archive-contents .comment-pagination .page-numbers:hover span.fas, .directorist-archive-contents .comment-pagination .page-numbers:hover span.far, .directorist-archive-contents .comment-pagination .page-numbers:hover span.fab, .directorist-archive-contents .theme-pagination-area .page-numbers:hover i, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.la, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.lab, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.lar, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.las, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.fa, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.fas, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.far, .directorist-archive-contents .theme-pagination-area .page-numbers:hover span.fab, .blog .directorist-pagination .page-numbers:hover i, .blog .directorist-pagination .page-numbers:hover span.la, .blog .directorist-pagination .page-numbers:hover span.lab, .blog .directorist-pagination .page-numbers:hover span.lar, .blog .directorist-pagination .page-numbers:hover span.las, .blog .directorist-pagination .page-numbers:hover span.fa, .blog .directorist-pagination .page-numbers:hover span.fas, .blog .directorist-pagination .page-numbers:hover span.far, .blog .directorist-pagination .page-numbers:hover span.fab, .blog .comment-pagination .page-numbers:hover i, .blog .comment-pagination .page-numbers:hover span.la, .blog .comment-pagination .page-numbers:hover span.lab, .blog .comment-pagination .page-numbers:hover span.lar, .blog .comment-pagination .page-numbers:hover span.las, .blog .comment-pagination .page-numbers:hover span.fa, .blog .comment-pagination .page-numbers:hover span.fas, .blog .comment-pagination .page-numbers:hover span.far, .blog .comment-pagination .page-numbers:hover span.fab, .blog .theme-pagination-area .page-numbers:hover i, .blog .theme-pagination-area .page-numbers:hover span.la, .blog .theme-pagination-area .page-numbers:hover span.lab, .blog .theme-pagination-area .page-numbers:hover span.lar, .blog .theme-pagination-area .page-numbers:hover span.las, .blog .theme-pagination-area .page-numbers:hover span.fa, .blog .theme-pagination-area .page-numbers:hover span.fas, .blog .theme-pagination-area .page-numbers:hover span.far, .blog .theme-pagination-area .page-numbers:hover span.fab, .theme-single-blog .directorist-pagination .page-numbers:hover i, .theme-single-blog .directorist-pagination .page-numbers:hover span.la, .theme-single-blog .directorist-pagination .page-numbers:hover span.lab, .theme-single-blog .directorist-pagination .page-numbers:hover span.lar, .theme-single-blog .directorist-pagination .page-numbers:hover span.las, .theme-single-blog .directorist-pagination .page-numbers:hover span.fa, .theme-single-blog .directorist-pagination .page-numbers:hover span.fas, .theme-single-blog .directorist-pagination .page-numbers:hover span.far, .theme-single-blog .directorist-pagination .page-numbers:hover span.fab, .theme-single-blog .comment-pagination .page-numbers:hover i, .theme-single-blog .comment-pagination .page-numbers:hover span.la, .theme-single-blog .comment-pagination .page-numbers:hover span.lab, .theme-single-blog .comment-pagination .page-numbers:hover span.lar, .theme-single-blog .comment-pagination .page-numbers:hover span.las, .theme-single-blog .comment-pagination .page-numbers:hover span.fa, .theme-single-blog .comment-pagination .page-numbers:hover span.fas, .theme-single-blog .comment-pagination .page-numbers:hover span.far, .theme-single-blog .comment-pagination .page-numbers:hover span.fab, .theme-single-blog .theme-pagination-area .page-numbers:hover i, .theme-single-blog .theme-pagination-area .page-numbers:hover span.la, .theme-single-blog .theme-pagination-area .page-numbers:hover span.lab, .theme-single-blog .theme-pagination-area .page-numbers:hover span.lar, .theme-single-blog .theme-pagination-area .page-numbers:hover span.las, .theme-single-blog .theme-pagination-area .page-numbers:hover span.fa, .theme-single-blog .theme-pagination-area .page-numbers:hover span.fas, .theme-single-blog .theme-pagination-area .page-numbers:hover span.far, .theme-single-blog .theme-pagination-area .page-numbers:hover span.fab { color: var(--color-primary); } .theme-blog-grid-area .directorist-pagination .page-numbers:hover svg, .theme-blog-grid-area .comment-pagination .page-numbers:hover svg, .theme-blog-grid-area .theme-pagination-area .page-numbers:hover svg, .directorist-author-listing-content .directorist-pagination .page-numbers:hover svg, .directorist-author-listing-content .comment-pagination .page-numbers:hover svg, .directorist-author-listing-content .theme-pagination-area .page-numbers:hover svg, .comments-area .directorist-pagination .page-numbers:hover svg, .comments-area .comment-pagination .page-numbers:hover svg, .comments-area .theme-pagination-area .page-numbers:hover svg, .directorist-archive-contents .directorist-pagination .page-numbers:hover svg, .directorist-archive-contents .comment-pagination .page-numbers:hover svg, .directorist-archive-contents .theme-pagination-area .page-numbers:hover svg, .blog .directorist-pagination .page-numbers:hover svg, .blog .comment-pagination .page-numbers:hover svg, .blog .theme-pagination-area .page-numbers:hover svg, .theme-single-blog .directorist-pagination .page-numbers:hover svg, .theme-single-blog .comment-pagination .page-numbers:hover svg, .theme-single-blog .theme-pagination-area .page-numbers:hover svg { fill: var(--color-primary); } /* Breadcrumb Style */ .theme-banner-breadcrumb { position: relative; z-index: 2; } .theme-banner-breadcrumb:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: #05071D; opacity: .60; z-index: -1; } .theme-banner-content.theme-breadcrumb-banner { padding: 154px 0 152px; text-align: center; } @media only screen and (max-width: 991px) { .theme-banner-content.theme-breadcrumb-banner { padding: 104px 0 102px; } } @media only screen and (max-width: 767px) { .theme-banner-content.theme-breadcrumb-banner { padding: 84px 0 82px; } } .theme-banner-content.theme-breadcrumb-banner h1, .theme-banner-content.theme-breadcrumb-banner h2, .theme-banner-content.theme-breadcrumb-banner h3, .theme-banner-content.theme-breadcrumb-banner h4, .theme-banner-content.theme-breadcrumb-banner h5, .theme-banner-content.theme-breadcrumb-banner h6 { font-size: calc(1.125rem + 1.5vw); font-weight: 700; color: var(--color-white); } @media (min-width: 1200px) { .theme-banner-content.theme-breadcrumb-banner h1, .theme-banner-content.theme-breadcrumb-banner h2, .theme-banner-content.theme-breadcrumb-banner h3, .theme-banner-content.theme-breadcrumb-banner h4, .theme-banner-content.theme-breadcrumb-banner h5, .theme-banner-content.theme-breadcrumb-banner h6 { font-size: 2.25rem; } } /*--------------------------------- #. Contact ----------------------------------*/ /* Contact Info */ .theme-contact-info.card { -webkit-box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); } .theme-contact-info.card .card-body.theme-card-body { padding: 20px 25px 32px 25px; } .theme-contact-info__list ul li:not(:last-child) { margin-bottom: 4px; } .theme-contact-info__list .theme-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-contact-info__list .theme-contact-info i, .theme-contact-info__list .theme-contact-info svg, .theme-contact-info__list .theme-contact-info span.la, .theme-contact-info__list .theme-contact-info span.las, .theme-contact-info__list .theme-contact-info span.lab, .theme-contact-info__list .theme-contact-info span.fa, .theme-contact-info__list .theme-contact-info span.fas, .theme-contact-info__list .theme-contact-info span.fab { font-size: calc(1.0125rem + 0.15vw); width: 18px; margin-right: 10px; color: var(--color-light-gray); fill: var(--color-light-gray); } @media (min-width: 1200px) { .theme-contact-info__list .theme-contact-info i, .theme-contact-info__list .theme-contact-info svg, .theme-contact-info__list .theme-contact-info span.la, .theme-contact-info__list .theme-contact-info span.las, .theme-contact-info__list .theme-contact-info span.lab, .theme-contact-info__list .theme-contact-info span.fa, .theme-contact-info__list .theme-contact-info span.fas, .theme-contact-info__list .theme-contact-info span.fab { font-size: 1.125rem; } } .theme-contact-info__list .theme-contact-info__content { font-size: 14px; margin-bottom: 0; color: var(--color-body); } .theme-contact-info__socials { margin-top: 20px; } .theme-contact-info__socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -3px; } .theme-contact-info__socials ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; border-radius: 6px; margin: 3px; -webkit-transition: .3s; transition: .3s; cursor: pointer; } .theme-contact-info__socials ul li i, .theme-contact-info__socials ul li svg, .theme-contact-info__socials ul li span.la, .theme-contact-info__socials ul li span.lab, .theme-contact-info__socials ul li span.lar, .theme-contact-info__socials ul li span.las, .theme-contact-info__socials ul li span.fab, .theme-contact-info__socials ul li span.fas, .theme-contact-info__socials ul li span.far { font-size: 16px; width: 16px; -webkit-transition: .3s; transition: .3s; color: var(--color-white); fill: var(--color-white); } .theme-contact-info__socials ul li.theme-contact-facebook { background-color: rgba(59, 89, 152, 0.15); } .theme-contact-info__socials ul li.theme-contact-facebook i, .theme-contact-info__socials ul li.theme-contact-facebook svg, .theme-contact-info__socials ul li.theme-contact-facebook span.la, .theme-contact-info__socials ul li.theme-contact-facebook span.lab, .theme-contact-info__socials ul li.theme-contact-facebook span.lar, .theme-contact-info__socials ul li.theme-contact-facebook span.las, .theme-contact-info__socials ul li.theme-contact-facebook span.fab, .theme-contact-info__socials ul li.theme-contact-facebook span.fas, .theme-contact-info__socials ul li.theme-contact-facebook span.far { color: var(--color-facebook); fill: var(--color-facebook); } .theme-contact-info__socials ul li.theme-contact-facebook:hover { background-color: var(--color-facebook); } .theme-contact-info__socials ul li.theme-contact-facebook:hover i, .theme-contact-info__socials ul li.theme-contact-facebook:hover svg, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.la, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.lab, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.lar, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.las, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.fab, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.fas, .theme-contact-info__socials ul li.theme-contact-facebook:hover span.far { color: #fff; fill: #fff; } .theme-contact-info__socials ul li.theme-contact-twitter { background-color: rgba(29, 161, 242, 0.15); } .theme-contact-info__socials ul li.theme-contact-twitter i, .theme-contact-info__socials ul li.theme-contact-twitter svg, .theme-contact-info__socials ul li.theme-contact-twitter span.la, .theme-contact-info__socials ul li.theme-contact-twitter span.lab, .theme-contact-info__socials ul li.theme-contact-twitter span.lar, .theme-contact-info__socials ul li.theme-contact-twitter span.las, .theme-contact-info__socials ul li.theme-contact-twitter span.fab, .theme-contact-info__socials ul li.theme-contact-twitter span.fas, .theme-contact-info__socials ul li.theme-contact-twitter span.far { color: var(--color-twitter); fill: var(--color-twitter); } .theme-contact-info__socials ul li.theme-contact-twitter:hover { background-color: var(--color-twitter); } .theme-contact-info__socials ul li.theme-contact-twitter:hover i, .theme-contact-info__socials ul li.theme-contact-twitter:hover svg, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.la, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.lab, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.lar, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.las, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.fab, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.fas, .theme-contact-info__socials ul li.theme-contact-twitter:hover span.far { color: #fff; fill: #fff; } .theme-contact-info__socials ul li.theme-contact-youtube { background-color: rgba(205, 32, 31, 0.15); } .theme-contact-info__socials ul li.theme-contact-youtube i, .theme-contact-info__socials ul li.theme-contact-youtube svg, .theme-contact-info__socials ul li.theme-contact-youtube span.la, .theme-contact-info__socials ul li.theme-contact-youtube span.lab, .theme-contact-info__socials ul li.theme-contact-youtube span.lar, .theme-contact-info__socials ul li.theme-contact-youtube span.las, .theme-contact-info__socials ul li.theme-contact-youtube span.fab, .theme-contact-info__socials ul li.theme-contact-youtube span.fas, .theme-contact-info__socials ul li.theme-contact-youtube span.far { color: var(--color-youtube); fill: var(--color-youtube); } .theme-contact-info__socials ul li.theme-contact-youtube:hover { background-color: var(--color-youtube); } .theme-contact-info__socials ul li.theme-contact-youtube:hover i, .theme-contact-info__socials ul li.theme-contact-youtube:hover svg, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.la, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.lab, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.lar, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.las, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.fab, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.fas, .theme-contact-info__socials ul li.theme-contact-youtube:hover span.far { color: #fff; fill: #fff; } .theme-contact-info__socials ul li.theme-contact-instagram { background-color: rgba(38, 38, 38, 0.15); } .theme-contact-info__socials ul li.theme-contact-instagram i, .theme-contact-info__socials ul li.theme-contact-instagram svg, .theme-contact-info__socials ul li.theme-contact-instagram span.la, .theme-contact-info__socials ul li.theme-contact-instagram span.lab, .theme-contact-info__socials ul li.theme-contact-instagram span.lar, .theme-contact-info__socials ul li.theme-contact-instagram span.las, .theme-contact-info__socials ul li.theme-contact-instagram span.fab, .theme-contact-info__socials ul li.theme-contact-instagram span.fas, .theme-contact-info__socials ul li.theme-contact-instagram span.far { color: var(--color-instagram); fill: var(--color-instagram); } .theme-contact-info__socials ul li.theme-contact-instagram:hover { background-color: var(--color-instagram); } .theme-contact-info__socials ul li.theme-contact-instagram:hover i, .theme-contact-info__socials ul li.theme-contact-instagram:hover svg, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.la, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.lab, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.lar, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.las, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.fab, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.fas, .theme-contact-info__socials ul li.theme-contact-instagram:hover span.far { color: #fff; fill: #fff; } .theme-contact-info__socials ul li.theme-contact-linkedin { background-color: rgba(0, 119, 181, 0.15); } .theme-contact-info__socials ul li.theme-contact-linkedin i, .theme-contact-info__socials ul li.theme-contact-linkedin svg, .theme-contact-info__socials ul li.theme-contact-linkedin span.la, .theme-contact-info__socials ul li.theme-contact-linkedin span.lab, .theme-contact-info__socials ul li.theme-contact-linkedin span.lar, .theme-contact-info__socials ul li.theme-contact-linkedin span.las, .theme-contact-info__socials ul li.theme-contact-linkedin span.fab, .theme-contact-info__socials ul li.theme-contact-linkedin span.fas, .theme-contact-info__socials ul li.theme-contact-linkedin span.far { color: var(--color-linkedin); fill: var(--color-linkedin); } .theme-contact-info__socials ul li.theme-contact-linkedin:hover { background-color: var(--color-linkedin); } .theme-contact-info__socials ul li.theme-contact-linkedin:hover i, .theme-contact-info__socials ul li.theme-contact-linkedin:hover svg, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.la, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.lab, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.lar, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.las, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.fab, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.fas, .theme-contact-info__socials ul li.theme-contact-linkedin:hover span.far { color: #fff; fill: #fff; } /* Theme Contact Form */ .theme-contact-form.card.theme-card { -webkit-box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); } .theme-contact-form.card.theme-card .card-body.theme-card-body { padding: 30px; } .theme-contact-form label { font-size: 14px; font-weight: 500; margin-bottom: 4px; color: var(--color-dark); } .theme-contact-form p:last-child { margin-bottom: 0; } .theme-contact-form .btn-send { margin-top: 20px; } .theme-contact-form .ajax-loader { position: absolute; right: 20px; bottom: 40px; z-index: 22; } /* Theme Contact Modal */ .theme-contact-modal.theme-modal .modal-body { padding-bottom: 50px; } .theme-contact-modal.theme-modal .modal-body textarea { min-height: 99px; resize: none; } /* Warning Style */ .wpcf7-response-output { background-color: rgba(255, 185, 0, 0.09); color: var(--color-warning); border: 0 none !important; min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; } .wpcf7-form.sent .wpcf7-response-output { background-color: rgba(83, 202, 46, 0.09); color: var(--color-success); } .wpcf7 form .wpcf7-response-output { margin: 2em 0 1em; } /*----------------------- #. Blog -----------------------*/ .directorist-content-active .theme-blog-each { margin-bottom: 30px; } .theme-blog-grid-area { padding: 80px 0 100px; } @media only screen and (max-width: 991px) { .theme-blog-grid-area { padding: 60px 0 60px; } } @media only screen and (max-width: 991px) { .theme-blog-grid-area { padding: 50px 0 50px; } } @media only screen and (max-width: 991px) { .theme-blog-grid-area .theme-pagination-area { margin-top: 10px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .theme-blog-grid-area .theme-pagination-area { margin-top: 0; } } .theme-blog-each.post.sticky { position: relative; } .theme-blog-each.post.sticky:before { content: ''; position: absolute; right: 15px; top: -1px; width: 16px; height: 10px; background: var(--color-primary); } .theme-blog-each.post.sticky:after { content: ''; position: absolute; right: 15px; top: 9px; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 7px solid var(--color-primary); } /* Blog Each */ .theme-blog-each { -webkit-box-shadow: 0 3px 5px rgba(146, 153, 184, 0.05); box-shadow: 0 3px 5px rgba(146, 153, 184, 0.05); border: 1px solid var(--color-border-light); border-radius: 6px; margin-bottom: 30px; } .theme-blog-each .theme-blog-card:hover .theme-blog-card__thumbnail img, .theme-blog-each .theme-blog-card:hover .theme-blog-card__thumbnail img:focus-within { -webkit-transform: scale(1.07); transform: scale(1.07); } .theme-blog-each .theme-blog-card .theme-blog-card__thumbnail { display: block; } .theme-blog-each .theme-blog-card .theme-blog-card__thumbnail:focus-within img { -webkit-transform: scale(1.07); transform: scale(1.07); } .theme-blog-each .theme-blog-card__thumbnail { overflow: hidden; border-radius: 6px 6px 0 0; } .theme-blog-each .theme-blog-card__thumbnail img { width: 100%; max-height: 220px; -webkit-transform: scale(1.0001); transform: scale(1.0001); -webkit-transition: .3s; transition: .3s; border-radius: 6px 6px 0 0; } .theme-blog-each .theme-blog-card__details { padding: 22px 20px 22.5px; border-radius: 0 0 6px 6px; background-color: #fff; } .theme-blog-each .theme-blog-card__content .theme-blog-card__title { font-size: calc(1.025rem + 0.3vw); line-height: 1.2; font-weight: 500; margin-bottom: 18px; } @media (min-width: 1200px) { .theme-blog-each .theme-blog-card__content .theme-blog-card__title { font-size: 1.25rem; } } .theme-blog-each .theme-blog-card__content .theme-blog-card__title a { text-decoration: none; color: var(--color-dark); -webkit-transition: 0.3s; transition: 0.3s; word-break: break-all; } .theme-blog-each .theme-blog-card__content .theme-blog-card__title a:hover { color: var(--color-primary); } .theme-blog-each .theme-blog-card__content .theme-blog-card__title.theme-related-post-title { font-size: 15px; font-weight: 700; margin-bottom: 2px; } .theme-blog-each .theme-blog-card__content .theme-blog-card__summary p { font-size: 14px; } .theme-blog-each .theme-blog-card__meta-list { font-size: 15px; } .theme-blog-each .theme-blog-card__meta-list ul { margin-bottom: 0; list-style-type: none; margin: 0; padding: 0; } .theme-blog-each .theme-blog-card__meta-list ul li { display: inline-block; } .theme-blog-each .theme-blog-card__meta-list ul li:not(:last-child) { margin-right: 6px; } .theme-blog-each .theme-blog-card__meta-list ul li a { text-decoration: none; font-size: 13px; color: var(--color-light-gray); } .theme-blog-each .theme-blog-card__meta-list ul li a:hover { color: var(--color-primary); } .theme-blog-each .theme-blog-card__meta-list ul li + li { position: relative; padding-left: 10px; } .theme-blog-each .theme-blog-card__meta-list ul li + li:after { position: absolute; width: 4px; height: 4px; background-color: #b7b7c5; border-radius: 50%; left: 0; top: 50%; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .theme-blog-each .theme-blog-card__meta-list ul li.theme-blog-card_category-meta a { font-size: 13px; color: var(--color-info); } .theme-blog-each .theme-blog-card__meta-list.theme-related-post-meta { margin: 0; } .theme-blog-each .theme-blog-card__meta-list.theme-related-post-meta span { font-size: 14px; } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup { display: inline-block; position: relative; margin-left: 5px; cursor: pointer; color: var(--color-dark); } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup:hover .theme-blog-category-meta__popup__content { visibility: visible; opacity: 1; pointer-events: all; } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__popup { display: inline-block; position: relative; margin-left: 5px; cursor: pointer; color: var(--color-dark); } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__extran-count { color: var(--color-dark); font-size: 14px; } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__popup__content { display: block; position: absolute; width: 140px; visibility: hidden; opacity: 0; pointer-events: none; bottom: 25px; left: -5px; -webkit-transition: .3s ease; transition: .3s ease; background: #fff; line-break: auto; word-break: break-word; padding: 7px 10px; border-radius: 3px; z-index: 2; -webkit-box-shadow: 0 3px 5px rgba(143, 142, 159, 0.2); box-shadow: 0 3px 5px rgba(143, 142, 159, 0.2); color: var(--color-gray); } @media only screen and (max-width: 575px) { .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__popup__content { left: auto; right: 0; } } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__popup__content a { font-size: 14px; display: block; color: var(--color-body); } .theme-blog-each .theme-blog-card__meta-list ul li .theme-blog-category-meta__popup .theme-blog-category-meta__popup__content a:hover { color: var(--color-primary); } /* Single Blog */ .theme-single-blog { padding: 80px 0 110px; } @media only screen and (max-width: 991px) { .theme-single-blog { padding: 60px 0 60px; } } @media only screen and (max-width: 767px) { .theme-single-blog { padding: 40px 0 40px; } } /* Single Blog Thumbnail */ .theme-post-single .theme-post-thumbnail img { max-width: 100%; } .theme-post-single .theme-post-thumbnail + .theme-post-content .theme-post-title { margin-top: 32px; } /* Single Blog Content Style */ .theme-post-single .theme-post-content .theme-post-title { font-size: calc(1.125rem + 1.5vw); font-weight: 700; margin-bottom: 18px; word-wrap: break-word; color: var(--color-dark); } @media (min-width: 1200px) { .theme-post-single .theme-post-content .theme-post-title { font-size: 2.25rem; } } .theme-post-single .theme-post-content p:not(:last-child) { margin-bottom: 20px; } .theme-post-single .theme-post-content h1, .theme-post-single .theme-post-content h2, .theme-post-single .theme-post-content h3, .theme-post-single .theme-post-content h4, .theme-post-single .theme-post-content h5, .theme-post-single .theme-post-content h6 { margin-bottom: 18px; } .theme-post-single .theme-post-content .wp-block-image { margin: 36px 0 32px; } /* Single Blog Bockquote */ .theme-post-single .theme-post-body .wp-block-quote { padding: 40px; background-color: var(--color-bg-light); } .theme-post-single .theme-post-body .wp-block-quote p { font-size: calc(1.0375rem + 0.45vw); line-height: 1.63; padding: 0 32px; color: var(--color-dark); position: relative; } @media (min-width: 1200px) { .theme-post-single .theme-post-body .wp-block-quote p { font-size: 1.375rem; } } .theme-post-single .theme-post-body .wp-block-quote p:before { position: absolute; left: 0; top: -10px; font-family: "theme-icons"; font-size: calc(1.075rem + 0.9vw); font-weight: 900; content: "\4a"; color: #aeb9cd; } @media (min-width: 1200px) { .theme-post-single .theme-post-body .wp-block-quote p:before { font-size: 1.75rem; } } .theme-post-single .theme-post-body .wp-block-quote p:after { margin-left: 4px; font-family: "theme-icons"; font-size: calc(1.075rem + 0.9vw); font-weight: 900; content: "\49"; color: #aeb9cd; position: relative; top: 3px; } @media (min-width: 1200px) { .theme-post-single .theme-post-body .wp-block-quote p:after { font-size: 1.75rem; } } .theme-post-single .theme-post-body .wp-block-quote cite { display: block; font-style: normal; position: relative; font-size: 17px; font-weight: 400; padding-left: 32px; color: #5c637e; } .theme-post-single .theme-post-body .wp-block-quote cite:before { position: absolute; left: 0; top: 50%; width: 20px; height: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; z-index: 22; background-color: var(--color-light); } .theme-post-single .theme-post-body .wp-block-quote cite strong { font-weight: 500; margin-right: 3px; color: var(--color-dark); } /* Post Single Meta */ .theme-post-single .theme-post-content .theme-post-meta { margin: 10px 0 20px 0; } .theme-post-single .theme-post-content .theme-post-meta ul { padding-left: 6px; list-style-type: none; margin: 0; padding: 0; } .theme-post-single .theme-post-content .theme-post-meta ul li { display: inline; position: relative; margin-right: 6px; padding-left: 10px; color: var(--color-body); } .theme-post-single .theme-post-content .theme-post-meta ul li:first-child { padding-left: 0; } .theme-post-single .theme-post-content .theme-post-meta ul li:first-child:before { display: none; } .theme-post-single .theme-post-content .theme-post-meta ul li:before { position: absolute; left: 0; top: calc(50% + 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: var(--color-light); } .theme-post-single .theme-post-content .theme-post-meta ul li a { text-decoration: none; color: var(--color-body); } .theme-post-single .theme-post-content .theme-post-meta ul li a:hover { color: var(--color-primary); } .theme-post-single .theme-post-content .theme-post-meta ul li a, .theme-post-single .theme-post-content .theme-post-meta ul li span { font-size: 15px; } .theme-post-single .theme-post-content .theme-post-meta ul li span { color: #7b839b; } /* Post Single Body */ .theme-post-single .theme-post-body p { font-size: calc(1.0125rem + 0.15vw); line-height: 1.67; } @media (min-width: 1200px) { .theme-post-single .theme-post-body p { font-size: 1.125rem; } } .theme-post-single .theme-post-body img { width: 100%; } /* Post Single List */ .theme-post-single .theme-post-content ul { padding-left: 0; list-style-type: none; } .theme-post-single .theme-post-content ul li { font-size: calc(1.0125rem + 0.15vw); position: relative; padding-left: 20px; } @media (min-width: 1200px) { .theme-post-single .theme-post-content ul li { font-size: 1.125rem; } } .theme-post-single .theme-post-content ul li:not(:last-child) { margin-bottom: 20px; } .theme-post-single .theme-post-content ul li:before { position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; background-color: var(--color-dark); } .theme-post-single .theme-post-content ul li strong { font-weight: 600; color: var(--color-dark); } .theme-post-single .theme-post-content ul li ol li { padding-left: 0; } .theme-post-single .theme-post-content ul li ol li:before { display: none; } .theme-post-single .theme-post-content ol { padding: 0 15px; } .theme-post-single .theme-post-content ol li { font-size: calc(1.0125rem + 0.15vw); } @media (min-width: 1200px) { .theme-post-single .theme-post-content ol li { font-size: 1.125rem; } } .theme-post-single .theme-post-content ol li:not(:last-child) { margin-bottom: 18px; } .theme-post-single .theme-post-content ol li:marker { font-weight: 600; color: #272b41; } /* Post Tags */ /* Post Footer */ .theme-post-single .theme-post-bottom { margin-top: 50px; clear: both; } .theme-post-single .theme-post-bottom .theme-post-tags { margin-bottom: 45px; } .theme-post-single .theme-post-bottom .theme-post-tags ul { list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -4px; } .theme-post-single .theme-post-bottom .theme-post-tags ul li { margin: 4px; } .theme-post-single .theme-post-bottom .theme-post-tags ul li a { font-size: 14px; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 34px; padding: 0 10px; text-decoration: none; line-height: normal; color: var(--color-body); background-color: var(--color-bg-light); -webkit-transition: 0.3s; transition: 0.3s; } .theme-post-single .theme-post-bottom .theme-post-tags ul li a:hover { color: #fff; background-color: var(--color-primary); } .theme-post-single .theme-post-bottom .theme-post-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-post-single .theme-post-bottom .theme-post-social__title { font-size: 15px; font-weight: 500; margin-right: 22px; min-width: 120px; color: var(--color-dark); } .theme-post-single .theme-post-bottom .theme-post-social__list { margin: -5px -4px; } .theme-post-single .theme-post-bottom .theme-post-social__list li { display: inline-block; margin: 5px 4px; } .theme-post-single .theme-post-bottom .theme-post-social__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; min-height: 36px; padding: 0 15px; border-radius: 5px; text-decoration: none; color: var(--color-body); border: 1px solid var(--color-border-light); background-color: var(--color-white); -webkit-transition: 0.3s; transition: 0.3s; } .theme-post-single .theme-post-bottom .theme-post-social__list li a span { line-height: 0.5; } .theme-post-single .theme-post-bottom .theme-post-social__list li a svg { width: 18px; height: 18px; margin-right: 4px; -webkit-transition: 0.3s; transition: 0.3s; } .theme-post-single .theme-post-bottom .theme-post-social__list li a i, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a span.las { font-size: 17px; margin-right: 4px; -webkit-transition: 0.3s; transition: 0.3s; } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook span.las { color: var(--color-facebook); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-facebook svg { fill: var(--color-facebook); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter span.las { color: var(--color-twitter); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-twitter svg { fill: var(--color-twitter); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin span.las { color: var(--color-linkedin); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-linkedin svg { fill: var(--color-linkedin); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest span.las { color: var(--color-pinterest); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-pinterest svg { fill: var(--color-pinterest); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr span.las { color: var(--color-tumblr); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-tumblr svg { fill: var(--color-tumblr); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit span.las { color: var(--color-reddit); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-reddit svg { fill: var(--color-reddit); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk span.las { color: var(--color-vk); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-vk svg { fill: var(--color-vk); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy i, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy span.las { color: var(--color-copy); } .theme-post-single .theme-post-bottom .theme-post-social__list li a.theme-post-social-copy svg { fill: var(--color-copy); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover i, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover span.las { color: var(--color-white); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover svg { fill: var(--color-white); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-facebook { color: var(--color-white); background-color: var(--color-facebook); border: 1px solid var(--color-facebook); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-twitter { color: var(--color-white); background-color: var(--color-twitter); border: 1px solid var(--color-twitter); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-linkedin { color: var(--color-white); background-color: var(--color-linkedin); border: 1px solid var(--color-linkedin); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-pinterest { color: var(--color-white); background-color: var(--color-pinterest); border: 1px solid var(--color-pinterest); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-tumblr { color: var(--color-white); background-color: var(--color-tumblr); border: 1px solid var(--color-tumblr); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-reddit { color: var(--color-white); background-color: var(--color-reddit); border: 1px solid var(--color-reddit); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-vk { color: var(--color-white); background-color: var(--color-vk); border: 1px solid var(--color-vk); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy { color: var(--color-white); background-color: var(--color-dark); border: 1px solid var(--color-dark); } .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy i, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.fa, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.fab, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.fas, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.la, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.lab, .theme-post-single .theme-post-bottom .theme-post-social__list li a:hover.theme-post-social-copy span.las { color: var(--color-white); } .theme-post-single .theme-post-bottom .theme-post-social .post-social-title { font-size: 16px; margin-bottom: 0; font-weight: 500; color: var(--color-dark); } .theme-post-single iframe { width: 100%; } /* Author Block */ .theme-post-author { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-shadow: 0 15px 30px rgba(143, 142, 159, 0.1); box-shadow: 0 15px 30px rgba(143, 142, 159, 0.1); border-radius: 4px; border: 1px solid var(--color-border-lighter); margin-top: 50px; } @media only screen and (max-width: 767px) { .theme-post-author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .theme-post-author__thumb { margin-right: 20px; } @media only screen and (max-width: 767px) { .theme-post-author__thumb { margin: 0 0 15px 0; } } .theme-post-author__thumb a img { min-width: 70px; height: 70px; max-width: 70px; border-radius: 50%; } .theme-post-author__name { font-weight: 500; margin-bottom: 15px; color: var(--color-primary); } .theme-post-author__name span { color: #272b41; } .theme-post-author__name a { text-decoration: none; color: var(--color-dark); } .theme-post-author__name a:hover { color: var(--color-primary); } .theme-post-author__bio { margin-bottom: 0; } .theme-post-author__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 15px -5px -5px -5px; } .theme-post-author__social li { margin: 5px; } .theme-post-author__social li a { width: 35px; height: 35px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: 1px solid var(--color-border); -webkit-transition: .3s; transition: .3s; color: var(--color-light-gray); } .theme-post-author__social li a:hover { border-color: var(--color-primary); background-color: var(--color-primary); } .theme-post-author__social li a:hover i, .theme-post-author__social li a:hover span.la, .theme-post-author__social li a:hover span.las, .theme-post-author__social li a:hover span.lab, .theme-post-author__social li a:hover span.lar, .theme-post-author__social li a:hover span.fa, .theme-post-author__social li a:hover span.fab, .theme-post-author__social li a:hover span.far, .theme-post-author__social li a:hover span.fas { color: #fff; } .theme-post-author__social li a:hover svg, .theme-post-author__social li a:hover img { width: 16px; fill: var(--color-white); } .theme-post-author__social li a i, .theme-post-author__social li a span.la, .theme-post-author__social li a span.las, .theme-post-author__social li a span.lab, .theme-post-author__social li a span.lar, .theme-post-author__social li a span.fa, .theme-post-author__social li a span.fab, .theme-post-author__social li a span.far, .theme-post-author__social li a span.fas { font-size: 18px; } .theme-post-author__social li a svg, .theme-post-author__social li a img { width: 16px; fill: var(--color-light-gray); } /* Post Pagination */ .theme-post-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--color-border-light); margin-top: 48px; padding-bottom: 40px; } .theme-post-pagination__each { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .theme-post-pagination__each .theme-post-pagination__label { margin-bottom: 6px; font-size: 14px; } .theme-post-pagination__each .theme-post-pagination__title { font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px; text-decoration: none; word-break: break-all; color: var(--color-dark); } .theme-post-pagination__each .theme-post-pagination__title:hover { color: var(--color-primary); } .theme-post-pagination__each .theme-post-pagination__meta span, .theme-post-pagination__each .theme-post-pagination__meta a { text-decoration: none; color: var(--color-body); } .theme-post-pagination__each .theme-post-pagination__meta .theme-post-pagination-cats a:hover { color: var(--color-primary); } .theme-post-pagination .theme-post-pagination__each.ol-post-pagination__prev { margin-right: 15px; } .theme-post-pagination__next { text-align: right; } /* Related Post */ .theme-related-post-area { padding-bottom: 55px; border-bottom: 1px solid var(--color-border-light); } .theme-related-post-area .related-post-title { margin-bottom: 34px; } .theme-related-post-area .related-post-title h1, .theme-related-post-area .related-post-title h2, .theme-related-post-area .related-post-title h3, .theme-related-post-area .related-post-title h4, .theme-related-post-area .related-post-title h5, .theme-related-post-area .related-post-title h6 { font-weight: 700; font-size: calc(1.0125rem + 0.15vw); margin-bottom: 15px; } @media (min-width: 1200px) { .theme-related-post-area .related-post-title h1, .theme-related-post-area .related-post-title h2, .theme-related-post-area .related-post-title h3, .theme-related-post-area .related-post-title h4, .theme-related-post-area .related-post-title h5, .theme-related-post-area .related-post-title h6 { font-size: 1.125rem; } } .theme-related-post-area .theme-related-blog-each { max-width: 430px; margin: 0 auto; } .theme-related-post-area .theme-related-blog-each .theme-blog-card__thumbnail img { max-height: 170px; } .theme-related-post-area .theme-related-post-sep { display: inline-block; margin: 0 -1px 0 6px; } .theme-related-post-area .theme-related-post-cats a { color: var(--color-primary); } /* Widget Style */ .widget.atbd_widget, .widget.atbd_widget[id^="bd"], .widget.atbd_widget[id^="dcl"] { border-color: #e9ebf4; border-radius: 4px; } .widget.atbd_widget .widgettitle.atbd_widget_title, .widget.atbd_widget[id^="bd"] .widgettitle.atbd_widget_title, .widget.atbd_widget[id^="dcl"] .widgettitle.atbd_widget_title { font-size: 16px; padding: 17.5px 25px; font-weight: 500; color: #272b41; } .widget .widget-title { font-size: 16px; font-weight: 500; color: var(--color-dark); margin-bottom: 18px; } .widget ul { margin-bottom: 0; } /* Widget Search Style */ .widget.widget_search .search-form, .theme-no-result .search-form, .search-widget .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget.widget_search .search-form label, .theme-no-result .search-form label, .search-widget .search-form label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget.widget_search .search-form .search-field, .theme-no-result .search-form .search-field, .search-widget .search-form .search-field { width: 100%; border: 1px solid var(--color-border-light); min-height: 46px; border-radius: 5px 0 0 5px; padding: 10px 18px; } .widget.widget_search .search-form .search-field:focus, .theme-no-result .search-form .search-field:focus, .search-widget .search-form .search-field:focus { outline: none; } .widget.widget_search .search-form .search-submit, .theme-no-result .search-form .search-submit, .search-widget .search-form .search-submit { min-height: 46px; padding: 0 20px; border-radius: 0 5px 5px 0; color: var(--color-white); background-color: var(--color-primary); border: 1px solid var(--color-primary); } /* Widget list */ .widget.atbd_widget > ul { list-style: none; padding: 18px 20px; } .widget.atbd_widget > ul > li { line-height: 1.45; } .widget.atbd_widget > ul > li:not(:last-child) { margin-bottom: 15px; } .widget.atbd_widget > ul > li a { text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } .widget.atbd_widget > ul > li a:hover { color: #ef3072; } /* Widget author social */ .widget.atbd_widget > ul.wp-block-social-links { margin-bottom: 0; } .widget.atbd_widget > ul.wp-block-social-links > li { margin: 0; } .widget.atbd_widget > ul.wp-block-social-links > li a { width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget.atbd_widget > ul.wp-block-social-links > li a svg { width: 16px; height: 16px; } .widget.widget_best_listing_author_info_socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -3px; } .widget.widget_best_listing_author_info_socials ul li { margin: 3px !important; } .widget.widget_best_listing_author_info_socials ul li a { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 38px; height: 38px; border-radius: 8px; background-color: var(--color-bg-section); } .widget.widget_best_listing_author_info_socials ul li a svg { width: 18px; height: 18px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget.widget_best_listing_author_info_socials ul li a.facebook svg { fill: var(--color-facebook); } .widget.widget_best_listing_author_info_socials ul li a.twitter svg { fill: var(--color-twitter); } .widget.widget_best_listing_author_info_socials ul li a.linkedin svg { fill: var(--color-linkedin); } .widget.widget_best_listing_author_info_socials ul li a.pinterest svg { fill: var(--color-pinterest); } .widget.widget_best_listing_author_info_socials ul li a.instagram svg { fill: var(--color-instagram); } .widget.widget_best_listing_author_info_socials ul li a.github svg { fill: var(--color-github); } .widget.widget_best_listing_author_info_socials ul li a.wordpress svg { fill: var(--color-wordpress); } .widget.widget_best_listing_author_info_socials ul li a.youtube-play svg { fill: var(--color-youtube); } .widget.widget_best_listing_author_info_socials ul li a.rss svg { fill: #EA6221; } .widget.widget_best_listing_author_info_socials ul li a:hover { background-color: var(--color-dark); } .widget.widget_best_listing_author_info_socials ul li a:hover svg { fill: var(--color-white); } /* Widget Post */ .widget.widget_onelisting_post { padding: 0; } .widget.widget_onelisting_post .theme-posts .theme-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .widget.widget_onelisting_post .theme-posts .theme-item:not(:last-child) { margin-bottom: 30px; } .widget.widget_onelisting_post .theme-posts .theme-item .theme-thumb { margin-right: 15px; } .widget.widget_onelisting_post .theme-posts .theme-item .theme-thumb img { max-width: 70px; border-radius: 8px; } .widget.widget_onelisting_post .theme-posts .theme-item .theme-title { font-size: 15px; line-height: 1.45; font-weight: 500; margin-bottom: 6px; color: var(--color-dark); } .widget.widget_onelisting_post .theme-posts .theme-item .theme-date { color: var(--color-light-gray); } .widget.widget_onelisting_post .theme-blog-each { padding: 0 25px; } /* About Widget */ .theme-about-widget__img { margin-bottom: 26px; } .theme-about-widget__img img { max-width: 130px; } .theme-about-widget__content { font-size: 15px; } .theme-about-widget__social { margin-top: 26px; } .theme-about-widget__social ul { margin: -3.5px; } .theme-about-widget__social ul li a svg { fill: var(--color-white); width: 18px; height: 18px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-about-widget__social ul li a i, .theme-about-widget__social ul li a span.la, .theme-about-widget__social ul li a span.lab, .theme-about-widget__social ul li a span.lar, .theme-about-widget__social ul li a span.las, .theme-about-widget__social ul li a span.fab, .theme-about-widget__social ul li a span.fas, .theme-about-widget__social ul li a span.far { font-size: 18px; } .theme-about-widget__social ul .theme-about-widget__social--facebook a { background-color: var(--color-facebook); } .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover { background-color: rgba(59, 89, 152, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover i, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover span.far { color: var(--color-facebook); } .theme-about-widget__social ul .theme-about-widget__social--facebook a:hover svg { fill: var(--color-facebook); } .theme-about-widget__social ul .theme-about-widget__social--twitter a { background-color: var(--color-twitter); } .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover { background-color: rgba(29, 161, 242, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover i, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover span.far { color: var(--color-twitter); } .theme-about-widget__social ul .theme-about-widget__social--twitter a:hover svg { fill: var(--color-twitter); } .theme-about-widget__social ul .theme-about-widget__social--youtube a { background-color: var(--color-youtube); } .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover { background-color: rgba(205, 32, 31, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover i, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover span.far { color: var(--color-youtube); } .theme-about-widget__social ul .theme-about-widget__social--youtube a:hover svg { fill: var(--color-youtube); } .theme-about-widget__social ul .theme-about-widget__social--instagram a { background-color: var(--color-instagram); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover { background-color: rgba(59, 89, 152, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover i, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.far { color: var(--color-instagram); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover svg { fill: var(--color-instagram); } .theme-about-widget__social ul .theme-about-widget__social--linkedin a { background-color: var(--color-linkedin); } .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover { background-color: rgba(0, 119, 181, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover i, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover span.far { color: var(--color-linkedin); } .theme-about-widget__social ul .theme-about-widget__social--linkedin a:hover svg { fill: var(--color-linkedin); } .theme-about-widget__social ul .theme-about-widget__social--pinterest a { background-color: var(--color-pinterest); } .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover { background-color: rgba(183, 8, 27, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover i, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover span.far { color: var(--color-pinterest); } .theme-about-widget__social ul .theme-about-widget__social--pinterest a:hover svg { fill: var(--color-pinterest); } .theme-about-widget__social ul .theme-about-widget__social--rss a { background-color: #EA6221; } .theme-about-widget__social ul .theme-about-widget__social--rss a:hover { background-color: rgba(234, 94, 9, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--rss a:hover i, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--rss a:hover span.far { color: #EA6221; } .theme-about-widget__social ul .theme-about-widget__social--rss a:hover svg { fill: #EA6221; } .theme-about-widget__social ul .theme-about-widget__social--instagram a { background-color: var(--color-instagram); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover { background-color: rgba(38, 38, 38, 0.2); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover i, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.la, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.lab, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.lar, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.las, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.fab, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.fas, .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover span.far { color: var(--color-instagram); } .theme-about-widget__social ul .theme-about-widget__social--instagram a:hover svg { fill: var(--color-instagram); } .theme-about-widget__social ul li { margin: 3.5px; } .theme-about-widget__social ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 38px; width: 38px; text-decoration: none; border-radius: 6px; } .theme-about-widget__social ul li a i, .theme-about-widget__social ul li a span.la, .theme-about-widget__social ul li a span.lab, .theme-about-widget__social ul li a span.las, .theme-about-widget__social ul li a span.lar, .theme-about-widget__social ul li a span.fa, .theme-about-widget__social ul li a span.fas, .theme-about-widget__social ul li a span.fab { color: #fff; } .theme-footer-top-area .theme-about-widget img { max-width: 130px; } .theme-footer-top-area a { font-size: 14px; } .theme-footer-top-area select { min-height: 46px; border-radius: 6px; padding: 0 15px; border-color: var(--color-border); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .theme-footer-top-area .widget_calendar .wp-calendar-nav { display: none; } .theme-footer-top-area select::-ms-expand { display: none; } .theme-footer-top-area .widget.widget_tag_cloud .tagcloud { padding: 0; } .theme-footer-top-area .widget.widget_nav_menu ul ul { padding-left: 20px; } .theme-footer-top-area .theme-about-widget__social ul li a { border-radius: 6px; } /* Widget Nav */ .widget.widget_nav_menu ul { list-style: none; list-style-type: none; margin: 0; padding: 0; } .widget.widget_nav_menu ul li:not(:last-child) { margin-bottom: 4px; } .widget.widget_nav_menu ul li a { font-size: 15px; text-decoration: none; color: var(--color-footer-link); } .widget.widget_nav_menu ul li a:hover { color: var(--color-footer-link-hover); } /* Text Widget */ .widget .textwidget { font-size: 15px; font-weight: 400; color: var(--color-gray); } .widget .textwidget p { margin-bottom: 0; color: var(--color-footer-text); } .widget .textwidget .mc4wp-form { margin-top: 20px; } .widget .textwidget img { width: 100%; height: auto; } .directorist-content-active .atbd_widget.widget_text .textwidget { padding: 22px 25px; } /* Widget Subscription Box */ .widget .theme-subscription-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget .theme-subscription-box__input input { min-height: 48px; min-width: 210px; padding: 0 20px; border-radius: 5px 0 0 5px; border: 1px solid var(--color-border); } .widget .theme-subscription-box__input input:focus { outline: none; } .widget .theme-subscription-box__input input::-webkit-input-placeholder { font-size: 14px; } .widget .theme-subscription-box__input input::-moz-placeholder { font-size: 14px; } .widget .theme-subscription-box__input input:-ms-input-placeholder { font-size: 14px; } .widget .theme-subscription-box__input input::-ms-input-placeholder { font-size: 14px; } .widget .theme-subscription-box__input input::placeholder { font-size: 14px; } .widget .theme-subscription-box__submit { position: relative; overflow: hidden; } .widget .theme-subscription-box__submit:after, .widget .theme-subscription-box__submit:before { content: ""; position: absolute; height: 100%; width: 60%; bottom: 0; opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.35); } .widget .theme-subscription-box__submit:before { right: 100%; width: 60%; -webkit-transition: .5s; transition: .5s; border-radius: 6px; -webkit-transition-delay: .1s; transition-delay: .1s; } .widget .theme-subscription-box__submit:after { right: -10px; border-radius: 6px; -webkit-transition: .4s; transition: .4s; } .widget .theme-subscription-box__submit:hover:before { right: -100%; opacity: 1; visibility: visible; } .widget .theme-subscription-box__submit:hover:after { opacity: 1; visibility: visible; width: 0; } .widget .theme-subscription-box__submit button { min-height: 48px; padding: 0 13px; border: 0 none; background-color: var(--color-primary); border-radius: 0 5px 5px 0; } .widget .theme-subscription-box__submit button i, .widget .theme-subscription-box__submit button span.la, .widget .theme-subscription-box__submit button span.las, .widget .theme-subscription-box__submit button span.lab, .widget .theme-subscription-box__submit button span.lar, .widget .theme-subscription-box__submit button span.fa, .widget .theme-subscription-box__submit button span.fab, .widget .theme-subscription-box__submit button span.fas { position: relative; top: 2px; color: var(--color-white); font-size: 22px; font-family: 'theme-icons'; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .widget .theme-subscription-box__submit button i:before, .widget .theme-subscription-box__submit button span.la:before, .widget .theme-subscription-box__submit button span.las:before, .widget .theme-subscription-box__submit button span.lab:before, .widget .theme-subscription-box__submit button span.lar:before, .widget .theme-subscription-box__submit button span.fa:before, .widget .theme-subscription-box__submit button span.fab:before, .widget .theme-subscription-box__submit button span.fas:before { content: "\6e"; } .widget.theme_widget .menu, .widget.theme_widget .widget-module-content, .widget.theme_widget .wp-block-latest-posts__list, .widget.theme_widget .wp-block-latest-comments, .widget.theme_widget .wp-block-archives-list, .widget.theme_widget .wp-block-categories-list, .widget.theme_widget .aboutwidget, .widget.theme_widget .menu-primary-menu-container ul, .widget.theme_widget .wp-block-group__inner-container > h1, .widget.theme_widget .wp-block-group__inner-container > h2, .widget.theme_widget .wp-block-group__inner-container > h3, .widget.theme_widget .wp-block-group__inner-container > h4, .widget.theme_widget .wp-block-group__inner-container > h5, .widget.theme_widget .wp-block-group__inner-container > h6, .widget.theme_widget[id^="dcl"] > ul, .widget.theme_widget[id^="dcl"] > form, .widget.theme_widget[id^="bd"] > ul, .widget.theme_widget[id^="bd"] > form, .widget.theme_widget > ul, .widget.theme_widget > form { padding: 20px 25px; } .widget.theme_widget .menu .atbd_widget_title, .widget.theme_widget .widget-module-content .atbd_widget_title, .widget.theme_widget .wp-block-latest-posts__list .atbd_widget_title, .widget.theme_widget .wp-block-latest-comments .atbd_widget_title, .widget.theme_widget .wp-block-archives-list .atbd_widget_title, .widget.theme_widget .wp-block-categories-list .atbd_widget_title, .widget.theme_widget .aboutwidget .atbd_widget_title, .widget.theme_widget .menu-primary-menu-container ul .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h1 .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h2 .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h3 .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h4 .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h5 .atbd_widget_title, .widget.theme_widget .wp-block-group__inner-container > h6 .atbd_widget_title, .widget.theme_widget[id^="dcl"] > ul .atbd_widget_title, .widget.theme_widget[id^="dcl"] > form .atbd_widget_title, .widget.theme_widget[id^="bd"] > ul .atbd_widget_title, .widget.theme_widget[id^="bd"] > form .atbd_widget_title, .widget.theme_widget > ul .atbd_widget_title, .widget.theme_widget > form .atbd_widget_title { padding: 0; } .sidebar-widget-area .widget.atbd_widget .menu, .sidebar-widget-area .widget.atbd_widget .widget-module-content, .sidebar-widget-area .widget.atbd_widget .wp-block-latest-posts__list, .sidebar-widget-area .widget.atbd_widget .wp-block-latest-comments, .sidebar-widget-area .widget.atbd_widget .wp-block-archives-list, .sidebar-widget-area .widget.atbd_widget .wp-block-categories-list, .sidebar-widget-area .widget.atbd_widget .widget_meta ul, .sidebar-widget-area .widget.atbd_widget .aboutwidget, .sidebar-widget-area .widget.atbd_widget .menu-primary-menu-container ul, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h1, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h2, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h3, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h4, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h5, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h6, .sidebar-widget-area .widget.atbd_widget[id^="dcl"] > ul, .sidebar-widget-area .widget.atbd_widget[id^="dcl"] > form, .sidebar-widget-area .widget.atbd_widget[id^="bd"] > ul, .sidebar-widget-area .widget.atbd_widget[id^="bd"] > form, .sidebar-widget-area .widget.atbd_widget > ul, .sidebar-widget-area .widget.atbd_widget > form, .directorist-content-active .widget.atbd_widget .menu, .directorist-content-active .widget.atbd_widget .widget-module-content, .directorist-content-active .widget.atbd_widget .wp-block-latest-posts__list, .directorist-content-active .widget.atbd_widget .wp-block-latest-comments, .directorist-content-active .widget.atbd_widget .wp-block-archives-list, .directorist-content-active .widget.atbd_widget .wp-block-categories-list, .directorist-content-active .widget.atbd_widget .widget_meta ul, .directorist-content-active .widget.atbd_widget .aboutwidget, .directorist-content-active .widget.atbd_widget .menu-primary-menu-container ul, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h1, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h2, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h3, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h4, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h5, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h6, .directorist-content-active .widget.atbd_widget[id^="dcl"] > ul, .directorist-content-active .widget.atbd_widget[id^="dcl"] > form, .directorist-content-active .widget.atbd_widget[id^="bd"] > ul, .directorist-content-active .widget.atbd_widget[id^="bd"] > form, .directorist-content-active .widget.atbd_widget > ul, .directorist-content-active .widget.atbd_widget > form { padding: 20px 25px; } .sidebar-widget-area .widget.atbd_widget .menu .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .widget-module-content .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-latest-posts__list .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-latest-comments .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-archives-list .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-categories-list .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .widget_meta ul .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .aboutwidget .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .menu-primary-menu-container ul .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h1 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h2 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h3 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h4 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h5 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget .wp-block-group__inner-container > h6 .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget[id^="dcl"] > ul .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget[id^="dcl"] > form .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget[id^="bd"] > ul .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget[id^="bd"] > form .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget > ul .atbd_widget_title, .sidebar-widget-area .widget.atbd_widget > form .atbd_widget_title, .directorist-content-active .widget.atbd_widget .menu .atbd_widget_title, .directorist-content-active .widget.atbd_widget .widget-module-content .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-latest-posts__list .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-latest-comments .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-archives-list .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-categories-list .atbd_widget_title, .directorist-content-active .widget.atbd_widget .widget_meta ul .atbd_widget_title, .directorist-content-active .widget.atbd_widget .aboutwidget .atbd_widget_title, .directorist-content-active .widget.atbd_widget .menu-primary-menu-container ul .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h1 .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h2 .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h3 .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h4 .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h5 .atbd_widget_title, .directorist-content-active .widget.atbd_widget .wp-block-group__inner-container > h6 .atbd_widget_title, .directorist-content-active .widget.atbd_widget[id^="dcl"] > ul .atbd_widget_title, .directorist-content-active .widget.atbd_widget[id^="dcl"] > form .atbd_widget_title, .directorist-content-active .widget.atbd_widget[id^="bd"] > ul .atbd_widget_title, .directorist-content-active .widget.atbd_widget[id^="bd"] > form .atbd_widget_title, .directorist-content-active .widget.atbd_widget > ul .atbd_widget_title, .directorist-content-active .widget.atbd_widget > form .atbd_widget_title { padding: 0; } .widget.atbd_widget .atbdp, .widget.atbd_widget .directorist, .widget.atbd_widget[id^=bd] .atbdp, .widget.atbd_widget[id^=bd] .directorist, .widget.atbd_widget[id^=dcl] .atbdp, .widget.atbd_widget[id^=dcl] .directorist { padding: 20px 25px; } /* Widget Onelistig Post */ .widget.widget_onelisting_post .row.theme-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget.widget_onelisting_post .row.theme-row .col-lg-4 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .widget.widget_onelisting_post .widgettitle { margin-bottom: 25px !important; } .widget.widget_onelisting_post .theme-blog-each { border: 0 none; -webkit-box-shadow: 0 0; box-shadow: 0 0; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card .theme-blog-card__thumbnail { margin-right: 10px; width: 60px; min-width: 60px; height: 60px; border-radius: 6px; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card .theme-blog-card__thumbnail img { width: 60px; border-radius: 6px; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card .theme-blog-card__details { padding: 0; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card .theme-blog-card__details .theme-blog-card__title { margin-bottom: 0; font-weight: 500; } .widget.widget_onelisting_post .theme-blog-each .theme-blog-card.blog-grid-card .theme-blog-card__details .theme-blog-card_date-meta-text { font-size: 13px; } /* widget meta */ .widget_meta h2.widgettitle { padding: 0; padding-top: 10px; padding-bottom: 20px; } .widget_meta ul { list-style: none; padding-left: 0; } .widget_meta ul li:not(:last-child) { margin-bottom: 15px; } .widget_meta ul li a { font-size: 16px; font-weight: 400; line-height: 1.4375; } /* Widget Category */ .widget.widget_categories ul.wp-block-categories-list, .widget .wp-block-group__inner-container ul.wp-block-categories-list { list-style: none; padding: 20px 25px; } .widget.widget_categories ul li.cat-item:not(:last-child), .widget .wp-block-group__inner-container ul li.cat-item:not(:last-child) { margin-bottom: 8px; } .widget.widget_categories ul li.cat-item:last-child, .widget .wp-block-group__inner-container ul li.cat-item:last-child { margin-bottom: 0; } .widget.widget_categories ul li.cat-item:hover a, .widget .wp-block-group__inner-container ul li.cat-item:hover a { color: var(--color-primary); } .widget.widget_categories ul li.cat-item a, .widget .wp-block-group__inner-container ul li.cat-item a { font-size: 14px; padding-left: 20px; position: relative; color: var(--color-dark); -webkit-transition: 0.3s; transition: 0.3s; } .widget.widget_categories ul li.cat-item a:after, .widget .wp-block-group__inner-container ul li.cat-item a:after { content: "\6c"; font-family: 'theme-icons'; font-weight: 900; position: absolute; left: 0; top: 50%; color: var(--color-light-gray); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s; } .widget.widget_categories ul li.cat-item a:hover, .widget .wp-block-group__inner-container ul li.cat-item a:hover { color: var(--color-primary); } .widget.widget_categories ul li.cat-item a:hover:after, .widget .wp-block-group__inner-container ul li.cat-item a:hover:after { color: var(--color-primary); } .widget.widget_categories ul li.cat-item.current-cat a, .widget .wp-block-group__inner-container ul li.cat-item.current-cat a { color: var(--color-primary); } .widget.widget_categories select, .widget .wp-block-group__inner-container select { width: 100%; padding: 0 15px; border-color: var(--color-border); min-height: 46px; border-radius: 6px; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Widget RSS */ .widget.atbd_widget, .widget.atbd_widget[id^="bd"], .widget.atbd_widget[id^="dcl"] { border: 0 none; -webkit-box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); box-shadow: 0 3px 5px rgba(143, 142, 159, 0.05); } .widget.atbd_widget .atbd_widget_title, .widget.atbd_widget .widgettitle, .widget.atbd_widget[id^="bd"] .atbd_widget_title, .widget.atbd_widget[id^="bd"] .widgettitle, .widget.atbd_widget[id^="dcl"] .atbd_widget_title, .widget.atbd_widget[id^="dcl"] .widgettitle { font-size: 16px; padding: 17.5px 25px; margin-bottom: 0; border-bottom: 1px solid var(--color-border-light); } .widget.atbd_widget .atbd_widget_title h4, .widget.atbd_widget .widgettitle h4, .widget.atbd_widget[id^="bd"] .atbd_widget_title h4, .widget.atbd_widget[id^="bd"] .widgettitle h4, .widget.atbd_widget[id^="dcl"] .atbd_widget_title h4, .widget.atbd_widget[id^="dcl"] .widgettitle h4 { font-size: 16px; font-weight: 500; color: var(--color-dark); } .widget.atbd_widget .atbd_widget_title .atbd_widget_title, .widget.atbd_widget .widgettitle .atbd_widget_title, .widget.atbd_widget[id^="bd"] .atbd_widget_title .atbd_widget_title, .widget.atbd_widget[id^="bd"] .widgettitle .atbd_widget_title, .widget.atbd_widget[id^="dcl"] .atbd_widget_title .atbd_widget_title, .widget.atbd_widget[id^="dcl"] .widgettitle .atbd_widget_title { padding: 0; } .widget.atbd_widget .atbd_widget_title .widgettitle, .widget.atbd_widget .widgettitle .widgettitle, .widget.atbd_widget[id^="bd"] .atbd_widget_title .widgettitle, .widget.atbd_widget[id^="bd"] .widgettitle .widgettitle, .widget.atbd_widget[id^="dcl"] .atbd_widget_title .widgettitle, .widget.atbd_widget[id^="dcl"] .widgettitle .widgettitle { padding: 0; border: none; font-weight: 500; } .widget.atbd_widget.widget_rss h4, .widget.atbd_widget[id^="bd"].widget_rss h4, .widget.atbd_widget[id^="dcl"].widget_rss h4 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget.atbd_widget.widget_rss h4 .rsswidget, .widget.atbd_widget[id^="bd"].widget_rss h4 .rsswidget, .widget.atbd_widget[id^="dcl"].widget_rss h4 .rsswidget { font-weight: 700; color: var(--color-dark); } .widget.atbd_widget.widget_rss h4 .rsswidget + .rsswidget, .widget.atbd_widget[id^="bd"].widget_rss h4 .rsswidget + .rsswidget, .widget.atbd_widget[id^="dcl"].widget_rss h4 .rsswidget + .rsswidget { margin-left: 5px; } /* sidebar */ .sidebar-widget-area .widget.atbd_widget, .sidebar-widget-area .widget.atbd_widget[id^="bd"], .sidebar-widget-area .widget.atbd_widget[id^="dcl"] { border: 1px solid var(--color-border-light); } /* Social Icon */ .wp-block-social-links.is-style-default { gap: 7px; } .wp-block-social-links.is-style-default li { height: 38px; width: 38px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-default li.wp-block-social-link:hover { -webkit-transform: scale(1); transform: scale(1); } .wp-block-social-links.is-style-default li a { -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-default li a svg { fill: var(--color-white); width: 18px; height: 18px; -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-default li.wp-social-link-facebook { background-color: var(--color-facebook); } .wp-block-social-links.is-style-default li.wp-social-link-facebook:hover { background-color: rgba(var(--color-facebook-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-facebook:hover i, .wp-block-social-links.is-style-default li.wp-social-link-facebook:hover span { color: var(--color-facebook); } .wp-block-social-links.is-style-default li.wp-social-link-facebook:hover svg { fill: var(--color-facebook); } .wp-block-social-links.is-style-default li.wp-social-link-twitter { background-color: var(--color-twitter); } .wp-block-social-links.is-style-default li.wp-social-link-twitter:hover { background-color: rgba(var(--color-twitter-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-twitter:hover i, .wp-block-social-links.is-style-default li.wp-social-link-twitter:hover span { color: var(--color-twitter); } .wp-block-social-links.is-style-default li.wp-social-link-twitter:hover svg { fill: var(--color-twitter); } .wp-block-social-links.is-style-default li.wp-social-link-youtube { background-color: var(--color-youtube); } .wp-block-social-links.is-style-default li.wp-social-link-youtube:hover { background-color: rgba(var(--color-youtube-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-youtube:hover i, .wp-block-social-links.is-style-default li.wp-social-link-youtube:hover span { color: var(--color-youtube); } .wp-block-social-links.is-style-default li.wp-social-link-youtube:hover svg { fill: var(--color-youtube); } .wp-block-social-links.is-style-default li.wp-social-link-instagram { background-color: var(--color-instagram); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover { background-color: rgba(var(--color-instagram-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover i, .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover span { color: var(--color-instagram); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover svg { fill: var(--color-instagram); } .wp-block-social-links.is-style-default li.wp-social-link-linkedin { background-color: var(--color-linkedin); } .wp-block-social-links.is-style-default li.wp-social-link-linkedin:hover { background-color: rgba(var(--color-linkedin-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-linkedin:hover i, .wp-block-social-links.is-style-default li.wp-social-link-linkedin:hover span { color: var(--color-linkedin); } .wp-block-social-links.is-style-default li.wp-social-link-linkedin:hover svg { fill: var(--color-linkedin); } .wp-block-social-links.is-style-default li.wp-social-link-pinterest { background-color: var(--color-pinterest); } .wp-block-social-links.is-style-default li.wp-social-link-pinterest:hover { background-color: rgba(var(--color-pinterest-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-pinterest:hover i, .wp-block-social-links.is-style-default li.wp-social-link-pinterest:hover span { color: var(--color-pinterest); } .wp-block-social-links.is-style-default li.wp-social-link-pinterest:hover svg { fill: var(--color-pinterest); } .wp-block-social-links.is-style-default li.wp-social-link-rss { background-color: var(--color-rss); } .wp-block-social-links.is-style-default li.wp-social-link-rss:hover { background-color: rgba(var(--color-rss-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-rss:hover i, .wp-block-social-links.is-style-default li.wp-social-link-rss:hover span { color: var(--color-rss); } .wp-block-social-links.is-style-default li.wp-social-link-rss:hover svg { fill: var(--color-rss); } .wp-block-social-links.is-style-default li.wp-social-link-instagram { background-color: var(--color-instagram); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover { background-color: rgba(var(--color-instagram-rgba), 0.2); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover i, .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover span { color: var(--color-instagram); } .wp-block-social-links.is-style-default li.wp-social-link-instagram:hover svg { fill: var(--color-instagram); } .wp-block-social-links.is-style-logos-only li.wp-social-link a, .wp-block-social-links.is-style-logos-only li.wp-social-link button { -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-logos-only li.wp-social-link a svg, .wp-block-social-links.is-style-logos-only li.wp-social-link button svg { width: 22px; height: 22px; } .wp-block-social-links.is-style-pill-shape { gap: 7px; } .wp-block-social-links.is-style-pill-shape li { height: 30px; min-width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-pill-shape li.wp-block-social-link:hover { -webkit-transform: scale(1); transform: scale(1); } .wp-block-social-links.is-style-pill-shape li a { -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-pill-shape li a svg { fill: var(--color-white); width: 16px; height: 16px; -webkit-transition: 0.3s; transition: 0.3s; } .wp-block-social-links.is-style-pill-shape li.wp-social-link-facebook { background-color: var(--color-facebook); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-facebook:hover { background-color: rgba(var(--color-facebook-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-facebook:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-facebook:hover span { color: var(--color-facebook); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-facebook:hover svg { fill: var(--color-facebook); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-twitter { background-color: var(--color-twitter); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-twitter:hover { background-color: rgba(var(--color-twitter-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-twitter:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-twitter:hover span { color: var(--color-twitter); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-twitter:hover svg { fill: var(--color-twitter); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-youtube { background-color: var(--color-youtube); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-youtube:hover { background-color: rgba(var(--color-youtube-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-youtube:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-youtube:hover span { color: var(--color-youtube); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-youtube:hover svg { fill: var(--color-youtube); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram { background-color: var(--color-instagram); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover { background-color: rgba(var(--color-instagram-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover span { color: var(--color-instagram); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover svg { fill: var(--color-instagram); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-linkedin { background-color: var(--color-linkedin); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-linkedin:hover { background-color: rgba(var(--color-linkedin-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-linkedin:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-linkedin:hover span { color: var(--color-linkedin); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-linkedin:hover svg { fill: var(--color-linkedin); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-pinterest { background-color: var(--color-pinterest); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-pinterest:hover { background-color: rgba(var(--color-pinterest-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-pinterest:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-pinterest:hover span { color: var(--color-pinterest); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-pinterest:hover svg { fill: var(--color-pinterest); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-rss { background-color: var(--color-rss); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-rss:hover { background-color: rgba(var(--color-rss-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-rss:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-rss:hover span { color: var(--color-rss); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-rss:hover svg { fill: var(--color-rss); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram { background-color: var(--color-instagram); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover { background-color: rgba(var(--color-instagram-rgba), 0.2); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover i, .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover span { color: var(--color-instagram); } .wp-block-social-links.is-style-pill-shape li.wp-social-link-instagram:hover svg { fill: var(--color-instagram); } /* Tags */ .wp-block-tag-cloud.wp-block-tag-cloud, .widget_tag_cloud.wp-block-tag-cloud { gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-tag-cloud.wp-block-tag-cloud a, .widget_tag_cloud.wp-block-tag-cloud a { font-size: 13px !important; line-height: 2; padding: 0 10px; border-radius: 6px; color: var(--color-light-gray); border: 1px solid var(--color-border-light); text-decoration: none; } .wp-block-tag-cloud.wp-block-tag-cloud a:hover, .widget_tag_cloud.wp-block-tag-cloud a:hover { border-color: var(--color-primary); } /* Widget audio block */ .wp-block-audio audio { min-width: 200px; } /*----------------------- #. Map -----------------------*/ /* Leaflet Map Marker Style */ .leaflet-pane .atbd_map_shape { background-color: var(--color-primary) !important; } .leaflet-pane .atbd_map_shape:before { border-top-color: var(--color-primary) !important; } .leaflet-pane .atbd_map_shape i, .leaflet-pane .atbd_map_shape span.la, .leaflet-pane .atbd_map_shape span.las, .leaflet-pane .atbd_map_shape span.lab, .leaflet-pane .atbd_map_shape span.lar, .leaflet-pane .atbd_map_shape span.fa, .leaflet-pane .atbd_map_shape span.fas, .leaflet-pane .atbd_map_shape span.far { color: var(--color-primary) !important; } .leaflet-pane .atbd_map_shape .directorist-icon-mask:after { background-color: var(--color-primary); } /*------------------------------------- #. Slider ---------------------------------------*/ .theme-swiper, .theme-swiper-nested { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .theme-swiper-navigation .theme-swiper-button-nav i { position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; font-size: 15px; margin: 0; border-radius: 50%; background: rgba(var(--color-dark-rgba), 0.6); -webkit-box-shadow: 0 5px 8px rgba(143, 142, 159, 0.1); box-shadow: 0 5px 8px rgba(143, 142, 159, 0.1); } .theme-swiper-navigation .theme-swiper-button-nav i.directorist-icon-mask::after { margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--color-white); } .theme-swiper-navigation .theme-swiper-button-nav i:hover { background: var(--color-primary); } .theme-swiper-navigation .theme-swiper-button-nav.theme-swiper-button-prev i { left: 0; } .theme-swiper-navigation .theme-swiper-button-nav.theme-swiper-button-next i { right: 0; } .theme-swiper-pagination .swiper-pagination-bullet { height: 8px; width: 8px; border-radius: 100%; margin: 0 5px; background-color: rgba(255, 56, 92, 0.3); border: 2px solid transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; opacity: 1; } .theme-swiper-pagination .swiper-pagination-bullet:hover, .theme-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--color-danger); border: 2px solid var(--color-danger); -webkit-transform: scale(1.5); transform: scale(1.5); } /*------------------------------ #. Authentication -------------------------------*/ /* Theme Auhtentication Modal */ .theme-authentication-modal .modal-content { border-radius: 8px; -webkit-box-shadow: 0 0; box-shadow: 0 0; border: 0 none; } .theme-authentication-modal .modal-dialog { max-width: 450px; } @media only screen and (max-width: 575px) { .theme-authentication-modal .modal-dialog { max-width: 100%; } } .theme-authentication-modal .modal-header { padding: 12px 30px; } .theme-authentication-modal .modal-header .theme-close { display: inline-block; width: 34px; height: 34px; border-radius: 50%; padding: 0; border: 0 none; background-color: var(--color-bg-lighter); } .theme-authentication-modal .modal-header .theme-close:hover span { color: var(--color-danger); } .theme-authentication-modal .modal-header .theme-close span { font-size: calc(1.0125rem + 0.15vw); line-height: 1.95; color: var(--color-dark); } @media (min-width: 1200px) { .theme-authentication-modal .modal-header .theme-close span { font-size: 1.125rem; } } .theme-authentication-modal .modal-body { padding: 0; } .theme-authentication-modal .theme-modal-wrap { padding: 20px 30px 30px; } .theme-authentication-modal .theme-login-info { padding: 15px 20px; border-radius: 8px; } .theme-authentication-modal .theme-login-info.alert-success { border: 0 none; background-color: rgba(44, 185, 0, 0.15); } .theme-authentication-modal .theme-login-info ul { margin-bottom: 0; } .theme-authentication-modal .theme-login-info ul li .theme-login-info__label { display: inline-block; margin-right: 20px; color: var(--color-dark); } .theme-authentication-modal .theme-login-info ul li .theme-login-info__text { color: var(--color-success); } .theme-authentication-modal .theme-register-btn .directorist-btn { width: 100%; border-radius: 8px; } .theme-authentication-modal .directorist-form-group label { margin-bottom: 3px; color: var(--color-dark); } .theme-authentication-modal .directorist-form-group .directorist-form-element { border: 2px solid var(--color-border); } .theme-authentication-modal .directorist-form-group .directorist-form-element:focus { border-color: var(--color-dark); } .theme-authentication-modal .directorist-form-group.atbd_login_btn_wrapper .directorist-btn { width: 100%; min-height: 46px; border-radius: 8px; line-height: 1; } .theme-authentication-modal .theme-password-activity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-authentication-modal .theme-password-activity p { margin-bottom: 0; } .theme-authentication-modal .theme-password-activity p a { text-decoration: none; font-size: 14px; font-weight: 500; color: var(--color-dark); } .theme-authentication-modal .theme-password-activity p a:hover { color: var(--color-primary); } .theme-authentication-modal .theme-social-login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-content: center; margin: 25px -5px -5px -5px; } .theme-authentication-modal .theme-social-login button { min-height: 46px; padding: 10px 30px; border-radius: 6px; margin: 5px; border: 1px solid var(--color-border-light); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-authentication-modal .theme-social-login button:focus { outline: none; -webkit-box-shadow: 0 0; box-shadow: 0 0; } .theme-authentication-modal .theme-social-login button:hover { background-color: transparent; } .theme-authentication-modal .theme-social-login button:hover .fa.fa-facebook { color: var(--color-white); } .theme-authentication-modal .theme-social-login button:hover .fa.fa-google { color: var(--color-white); } .theme-authentication-modal .theme-social-login button.fb-login { color: #3067ff; border-color: #3067ff; } .theme-authentication-modal .theme-social-login button.fb-login:hover { color: var(--color-white); background-color: #3067ff; } .theme-authentication-modal .theme-social-login button.fb-google { color: #fd4868; border-color: #fd4868; } .theme-authentication-modal .theme-social-login button.fb-google:hover { color: var(--color-white); background-color: #fd4868; } .theme-authentication-modal .theme-social-login button .fa { font-family: "Font Awesome 5 Brands"; font-weight: 400; margin-right: 5px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-authentication-modal .theme-social-login button .fa.fa-facebook { color: #3067ff; } .theme-authentication-modal .theme-social-login button .fa.fa-google { color: #dd4b39; } .theme-authentication-modal .theme-modal-bottom { padding: 20px 25px; border-radius: 0 0 8px 8px; text-align: center; background-color: var(--color-bg-lighter); } .theme-authentication-modal .theme-modal-bottom p { font-weight: 400; margin-bottom: 0; } .theme-authentication-modal .theme-modal-bottom p a { text-decoration: none; display: inline-block; margin-left: 5px; color: var(--color-dark); -webkit-transition: 0.3s; transition: 0.3s; } .theme-authentication-modal .theme-modal-bottom p a:hover { color: var(--color-primary); } .theme-authentication-modal .theme-modal-bottom .message { padding: 15px 30px; text-align: center; } .theme-authentication-modal #recover-pass-modal { margin: 0 !important; padding: 20px 30px 30px 30px; } .theme-authentication-modal #recover-pass-modal .directorist-btn { font-size: 14px; margin-top: 15px; } .theme-authentication-modal #recover-pass-modal .directorist-form-element + p { margin-bottom: 0; } .theme-authentication-modal .directorist-checkbox input[type="checkbox"]:checked + .directorist-checkbox__label:after { background-color: var(--color-primary); border-color: var(--color-primary); } .theme-authentication-modal .directorist-form-required { line-height: normal; } .theme-authentication-modal .modal { background-color: rgba(0, 0, 0, 0.15); } .theme-authentication-modal .message, .theme-authentication-modal .error_login { padding: 20px 25px; } .theme-authentication-modal .message p, .theme-authentication-modal .error_login p { margin-bottom: 0; } /* Checkout page */ .directorist-payment-gateways ul li.list-group-item { padding: 0.5rem 1rem; } /*--------------------------------------------- #. Comments -----------------------------------------------*/ .comments-wrapper { margin-bottom: -30px; } .comments-wrapper a { color: var(--color-primary); } .media-body p a { color: var(--color-primary); } .comments-area { margin-top: 55px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .comments-area { margin-top: 30px; } } .comments-area .comment-title { margin-bottom: 54px; text-align: center; } @media only screen and (max-width: 767px) { .comments-area .comment-title { margin-bottom: 30px; } } .comments-area .comment-title h3 { position: relative; margin-bottom: 0; } .comments-area .comment-lists > ul { list-style: none; padding: 30px; border: 1px solid #e9ebf4; border-radius: 4px; } @media only screen and (max-width: 767px) { .comments-area .comment-lists > ul { padding: 15px; } } .comments-area .comment-lists ul { list-style: none; } .comments-area .comment-lists ul li { padding: 15px 0; } .comments-area .comment-lists ul li:not(:first-child) { border-top: 1px solid #e9ebf4; } .comments-area .comment-lists ul li:first-child { padding-top: 0; } .comments-area .comment-lists ul li:last-child { padding-bottom: 0; } .comments-area .comment-lists ul .children { padding-left: 20px; } @media only screen and (max-width: 479px) { .comments-area .comment-lists ul .children { padding-left: 15px; } } .comments-area .comment-lists ul .children li { margin-top: 15px; padding-top: 15px; } .comments-area .comment-lists ul .children li:first-child { border-top: 1px solid #e9ebf4; } .comments-area .comment-lists ul .children li:last-child { padding-bottom: 0; } .comments-area .comment-lists ul .media { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 575px) { .comments-area .comment-lists ul .media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .comments-area .comment-lists ul .media .cmnt_avatar img { width: 60px; height: 60px; border-radius: 50%; } @media only screen and (max-width: 767px) { .comments-area .comment-lists ul .media .cmnt_avatar img { width: 60px; height: 60px; } } .comments-area .comment-lists ul .media .media-body { margin-left: 1.5625rem; overflow: hidden; width: 100%; } @media only screen and (max-width: 767px) { .comments-area .comment-lists ul .media .media-body { margin-left: 1.25rem; } } @media only screen and (max-width: 575px) { .comments-area .comment-lists ul .media .media-body { width: 100%; margin: 15px 0 0 0; } } .comments-area .comment-lists ul .media .media-body .media_top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.75rem; } @media only screen and (max-width: 479px) { .comments-area .comment-lists ul .media .media-body .media_top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 479px) { .comments-area .comment-lists ul .media .media-body .media_top .heading_left:first-child { margin-bottom: 10px; } } .comments-area .comment-lists ul .media .media-body .media_top .heading_left span { color: var(--color-light-gray); } .comments-area .comment-lists ul .media .media-body .media_top .heading_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comments-area .comment-lists ul .media .media-body .media_top .heading_right a.comment-edit-link { color: var(--color-dark); font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; } .comments-area .comment-lists ul .media .media-body .media_top .heading_right a.comment-edit-link svg { width: 16px; height: 16px; margin-right: 3px; fill: var(--color-dark); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .comments-area .comment-lists ul .media .media-body .media_top .heading_right a.comment-edit-link:hover { color: var(--color-primary); } .comments-area .comment-lists ul .media .media-body .media_top .heading_right a.comment-edit-link:hover svg { fill: var(--color-primary); } @media only screen and (max-width: 479px) { .comments-area .comment-lists ul .media .media-body .media_top .heading_right:first-child { margin-bottom: 10px; } } .comments-area .comment-lists ul .media .media-body .media_top .heading_right span { color: var(--color-light-gray); } .comments-area .comment-lists ul .media .media-body .media_top .media-heading { margin-bottom: 0.3125rem; margin-top: 0; color: var(--color-dark); } .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link { border: 1px solid var(--color-border-light); color: var(--color-gray); line-height: 2.125rem; border-radius: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 0.8125rem; padding: 0 0.9375rem; text-decoration: none; } @media only screen and (max-width: 767px) { .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link { line-height: 1.875rem; padding: 0 0.625rem; } } .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link:hover { color: white; background-color: var(--color-primary); border-color: var(--color-primary); } .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link:hover svg { fill: var(--color-white); } .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link svg { width: 14px; height: 14px; margin-right: 4px; fill: var(--color-gray); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .comments-area .comment-lists ul .media .media-body .media_top .comment-reply-link i { margin-right: 4px; font-size: 14px; } .comments-area .comment-lists ul .media .media-body .comment-status-notice { color: var(--color-warning); margin-bottom: 10px; display: block; } .comments-area .comment-lists ul .media .media-body p { color: var(--color-body); } .comments-area .comment-lists ul .media p { margin: 0; } .comment-form { padding: 2.8125rem 2.5rem; } .comment-form .comment-title h3 { color: var(--color-dark); margin-bottom: 0.625rem; } .comment-form form textarea { height: 7.8125rem; } .comment-form-comment textarea { min-height: 7rem; padding: 10px 15px; margin-bottom: 30px; } /* Wordpress Comments */ .comment-respond { border: 1px solid #f2f2f2; margin-top: 60px; padding: 40px 30px; background: var(--color-white); clear: both; border-radius: 4px; margin-bottom: 30px; } .comment-respond h3 { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment-respond h3 a { font-size: 14px; font-weight: 500; text-decoration: none; } .comment-respond .comment-notes { margin-bottom: 40px; } .comment-respond form input.form-control { margin-bottom: 30px; } .comment-respond .form-submit { margin-bottom: 0; } .comment-respond .form-submit input { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .comment-respond .form-submit input:hover.btn.theme-btn.btn-primary { opacity: 0.7; } .comment-respond .logged-in-as a { text-decoration: none; color: var(--color-dark); } .comment-respond .logged-in-as a:hover { color: var(--color-primary); } .comment-respond .logged-in-as a + a { font-weight: 600; } .comment-edit-link { margin-right: 10px; text-decoration: none; } .comment-edit-link i, .comment-edit-link span.la, .comment-edit-link span.las, .comment-edit-link span.lar, .comment-edit-link span.lab, .comment-edit-link span.fab, .comment-edit-link span.far, .comment-edit-link span.fas { margin-right: 5px; } .comment_form_wrapper .theme-btn.btn-primary:hover { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; } /* Custom Change for RTL */ body.rtl .theme-header-logo__img svg { direction: rtl; } body.rtl .theme-menu-action-box__search--trigger .search-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } body.rtl .owl-nav button, body.rtl .directorist-return-back i, body.rtl #theme-catagories__nav .theme-swiper-button-nav { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.rtl #theme-testimonial__nav.theme-swiper-button-nav-wrap .theme-swiper-button-nav { -webkit-transform: translateY(50%) rotate(-180deg); transform: translateY(50%) rotate(-180deg); } body.rtl .directorist-search-form .directorist-search-form-action .directorist-search-form-action__submit .directorist-btn.directorist-btn-lg span { -webkit-transform: rotate(0deg); transform: rotate(0deg); } body.rtl .theme-post-single .theme-post-body .wp-block-quote p:before, body.rtl .theme-post-single .theme-post-body .wp-block-quote p:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); } body.rtl .atbd_location_grid_wrap .atbd_location_grid figure figcaption .directorist-location-content .directorist-location i, body.rtl .atbd_location_grid_wrap .atbd_location_grid figure figcaption .directorist-location-content .directorist-location span, body.rtl .theme-testimonial-slider .tns-controls button i, body.rtl .directorist-pagination .page-numbers.next, body.rtl .directorist-pagination .page-numbers.prev, body.rtl .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers i, body.rtl .theme-swiper-navigation .theme-swiper-button-nav i, body.rtl .pagination-area .page-numbers.next, body.rtl .pagination-area .page-numbers.prev, body.rtl .theme-more-btn a i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.rtl .widget .theme-subscription-box__submit button i { top: -1px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.rtl #directorist .directorist-pagination, body.rtl #directorist .comment-pagination, body.rtl #directorist .theme-pagination-area, body.rtl .theme-blog-grid-area .directorist-pagination, body.rtl .theme-blog-grid-area .comment-pagination, body.rtl .theme-blog-grid-area .theme-pagination-area, body.rtl .directorist-author-listing-content .directorist-pagination, body.rtl .directorist-author-listing-content .comment-pagination, body.rtl .directorist-author-listing-content .theme-pagination-area, body.rtl .comments-area .directorist-pagination, body.rtl .comments-area .comment-pagination, body.rtl .comments-area .theme-pagination-area, body.rtl .directorist-archive-contents .directorist-pagination, body.rtl .directorist-archive-contents .comment-pagination, body.rtl .directorist-archive-contents .theme-pagination-area { margin: 30px -4px -4px; } body.rtl #directorist .directorist-pagination .page-numbers svg, body.rtl #directorist .comment-pagination .page-numbers svg, body.rtl #directorist .theme-pagination-area .page-numbers svg, body.rtl .theme-blog-grid-area .directorist-pagination .page-numbers svg, body.rtl .theme-blog-grid-area .comment-pagination .page-numbers svg, body.rtl .theme-blog-grid-area .theme-pagination-area .page-numbers svg, body.rtl .directorist-author-listing-content .directorist-pagination .page-numbers svg, body.rtl .directorist-author-listing-content .comment-pagination .page-numbers svg, body.rtl .directorist-author-listing-content .theme-pagination-area .page-numbers svg, body.rtl .comments-area .directorist-pagination .page-numbers svg, body.rtl .comments-area .comment-pagination .page-numbers svg, body.rtl .comments-area .theme-pagination-area .page-numbers svg, body.rtl .directorist-archive-contents .directorist-pagination .page-numbers svg, body.rtl .directorist-archive-contents .comment-pagination .page-numbers svg, body.rtl .directorist-archive-contents .theme-pagination-area .page-numbers svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.rtl .directorist-form-group .directorist-form-element, body.rtl .widget .theme-subscription-box__input input { direction: ltr; } body.rtl footer .widget .widget-subscribe .submit-btn { -webkit-transform: translateY(50%) rotate(-180deg); transform: translateY(50%) rotate(-180deg); } body.rtl input, body.rtl textarea, body.rtl [type="tel"], body.rtl [type="url"], body.rtl [type="email"], body.rtl [type="number"] { direction: ltr; } body.rtl .directorist-search-contents .directorist-btn-ml::after { position: absolute; } body.rtl .directorist-map-search .select2.select2-container .select2-selection--single .select2-selection__rendered { padding: 0 20px !important; } body.rtl .theme-post-single .theme-post-content .theme-post-meta ul { display: -webkit-box; display: -ms-flexbox; display: flex; } body.rtl .theme-post-single .theme-post-content .theme-post-meta ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.rtl .theme-post-single .theme-post-content .theme-post-meta ul li > a:not(:first-child) { padding-left: 5px; } body.rtl .directorist-range-slider-child { left: 0; } body.rtl .select2-container--open .select2-dropdown--above { min-width: unset; } body.rtl .directorist-wrapper .directorist-map-wrapper #directorist.directorist-wrapper .directorist-generic-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 479px) { body.rtl .directorist-wrapper .directorist-map-wrapper #directorist.directorist-wrapper .directorist-generic-header { display: block; } } body.rtl .directorist-wrapper .directorist-map-wrapper #directorist.directorist-wrapper .directorist-generic-header .directorist-listing-actions-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 479px) { body.rtl .directorist-wrapper .directorist-map-wrapper #directorist.directorist-wrapper .directorist-generic-header .directorist-listing-actions-btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body.rtl .directorist-wrapper .directorist-map-wrapper #directorist.directorist-wrapper .directorist-generic-header .directorist-listing-actions-btn .theme-view-mode { margin: 0; } } body.rtl .directorist-open-hours li .directorist-open-hours__time span { display: inline-block; } body.rtl .directorist-claimed .directorist-claimed--badge span { margin-right: 5px; } /*----------------------- #. Modal -----------------------*/ .status span { display: block; padding: 7px 15px; border-radius: 3px; } .status span.status-failed { background: rgba(245, 25, 87, 0.1); color: var(--color-danger); } .status span.status-success { background: rgba(83, 202, 46, 0.1); color: var(--color-success); } .theme-modal .modal-content { border-radius: 5px; } .theme-modal .modal-header { padding: 18px 30px; border-color: var(--color-border-light); } .theme-modal .modal-header .modal-title { font-size: calc(1.0125rem + 0.15vw); font-weight: 500; color: var(--color-dark); } @media (min-width: 1200px) { .theme-modal .modal-header .modal-title { font-size: 1.125rem; } } .theme-modal .modal-header .theme-close { padding: 0; background-color: #fff; border: 0 none; } .theme-modal .modal-header .theme-close span { font-size: calc(1.0375rem + 0.45vw); color: var(--color-dark); } @media (min-width: 1200px) { .theme-modal .modal-header .theme-close span { font-size: 1.375rem; } } .theme-modal .modal-body { padding: 25px 30px; } .site-footer { background-color: var(--bgcolor-footer); } .site-footer .theme-footer-top-area { padding: 100px 0 28px; border-top: 1px solid var(--color-footer-divider); } @media only screen and (max-width: 991px) { .site-footer .theme-footer-top-area { padding: 50px 0 8px; } } @media only screen and (max-width: 767px) { .site-footer .theme-footer-top-area { padding: 40px 0 0px; } } @media only screen and (max-width: 1199px) { .dir-listings_with_map .site-footer { padding-bottom: 62px; } } .theme-footer-top-area .theme-subscription-box__input { max-width: 210px; } @media only screen and (max-width: 991px) { .theme-footer-top-area .theme-subscription-box__input { min-width: auto; } } @media only screen and (max-width: 991px) { .theme-footer-top-area .theme-subscription-box__input input { min-width: auto; } } /* Copyright Text */ .theme-footer-bottom-area .theme-copyright-text { font-size: 15px; font-weight: 400; text-align: center; padding: 25px 0; color: var(--color-light-gray); border-top: 1px solid var(--color-footer-divider); } .theme-footer-bottom-area .theme-copyright-text a { font-weight: 500; color: var(--color-footer-link); } .theme-footer-bottom-area .theme-copyright-text a:hover { color: var(--color-footer-link-hover); } footer .widget > .wp-block-latest-posts__list, footer .widget > .theme-about-widget, footer .widget > .wp-block-latest-comments, footer .widget > .wp-block-categories-list, footer .widget > .wp-block-calendar, footer .widget > .wp-block-columns, footer .widget > .wp-block-buttons, footer .widget > .wp-block-embed, footer .widget > .wp-block-media-text, footer .widget > .wp-block-file, footer .widget > .wp-block-cover, footer .widget > .wp-block-audio, footer .widget > .wp-block-gallery, footer .widget > .wp-block-image, footer .widget > .wp-block-verse, footer .widget > .wp-block-table, footer .widget > .wp-block-pullquote, footer .widget > .wp-block-preformatted, footer .widget > .wp-block-code, footer .widget > h1, footer .widget > h2, footer .widget > h3, footer .widget > h4, footer .widget > h5, footer .widget > h6, footer .widget > p { padding: 0; margin-bottom: 0; } footer .widget > h1 + p { padding-top: 0; } footer .widget > .wp-block-quote { padding: 0 25px; } footer .widget > .wp-block-group .wp-block-columns { padding: 0; margin-bottom: 0; } footer .widget > .wp-block-group .wp-block-categories-list, footer .widget > .wp-block-group .wp-block-archives-list { padding: 0; margin-bottom: 0; } footer .widget .wp-block-pullquote blockquote { padding-left: 0; } footer .widget_block a { text-decoration: none; } footer .widget_block .wp-block-page-list li a { text-decoration: none; } footer .widget_block.wp-block-latest-posts ul, footer .widget_block.widget_categories ul, footer .widget_block.widget_archive ul { padding: 0 !important; } footer .widget_block.wp-block-latest-posts ul li a, footer .widget_block.widget_categories ul li a, footer .widget_block.widget_archive ul li a { text-decoration: none !important; } footer .widget_block.widget_recent_comments li a { text-decoration: none; } footer .widget_block.widget_search form { padding: 0; } /*------------------------------------*\ #- 404 \*------------------------------------*/ /* Error Content Style */ .error-contents img { max-width: 500px; } .error-contents h2 { margin-top: 25px; margin-bottom: 15px; } .error-contents .widget-wrapper { margin-top: 50px; } @media only screen and (max-width: 767px) { .error-contents .widget-wrapper { margin-top: 30px; } } .error-contents figure img { width: 100%; } @font-face { font-family: "theme-icons"; src: url("../../assets/fonts/theme-icons.eot"); src: url("../../assets/fonts/theme-icons.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/theme-icons.woff") format("woff"), url("../../assets/fonts/theme-icons.ttf") format("truetype"), url("../../assets/fonts/theme-icons.svg#theme-icons") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "theme-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="themeicon-"]:before, [class*=" themeicon-"]:before { font-family: "theme-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .themeicon-angle-left-solid:before { content: "\61"; } .themeicon-angle-right-solid:before { content: "\62"; } .themeicon-facebook:before { content: "\63"; } .themeicon-facebook-square:before { content: "\64"; } .themeicon-twitter:before { content: "\65"; } .themeicon-times-circle:before { content: "\66"; } .themeicon-times-circle-solid:before { content: "\67"; } .themeicon-times-solid:before { content: "\68"; } .themeicon-user:before { content: "\69"; } .themeicon-instagram:before { content: "\6a"; } .themeicon-paper-plane:before { content: "\6d"; } .themeicon-paper-plane-solid:before { content: "\6e"; } .themeicon-pinterest:before { content: "\6f"; } .themeicon-plus-solid:before { content: "\70"; } .themeicon-rss-solid:before { content: "\71"; } .themeicon-search-solid:before { content: "\72"; } .themeicon-vimeo:before { content: "\74"; } .themeicon-user-solid:before { content: "\75"; } .themeicon-user-circle:before { content: "\76"; } .themeicon-facebook-f:before { content: "\77"; } .themeicon-linkedin-in:before { content: "\6b"; } .themeicon-link-h:before { content: "\78"; } .themeicon-vk:before { content: "\79"; } .themeicon-tumblr:before { content: "\7a"; } .themeicon-github:before { content: "\41"; } .themeicon-reddit:before { content: "\42"; } .themeicon-bars-solid:before { content: "\43"; } .themeicon-angle-up-solid:before { content: "\44"; } .themeicon-angle-down-solid:before { content: "\45"; } .themeicon-youtube:before { content: "\73"; } .themeicon-plus-circle:before { content: "\47"; } .themeicon-reply-solid:before { content: "\46"; } .themeicon-edit:before { content: "\48"; } .themeicon-angle-double-right:before { content: "\6c"; } .themeicon-quote-right:before { content: "\49"; } .themeicon-quote-left:before { content: "\4a"; } .themeicon-star:before { content: "\4b"; } .themeicon-star-half-o:before { content: "\4d"; } .themeicon-star-o:before { content: "\4e"; } .themeicon-check:before { content: "\4c"; } .themeicon-minus-solid:before { content: "\4f"; } /* Theme Custom Grid */ .theme-container { width: 100%; max-width: 1140px; padding: 0 10px; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 1199px) { .theme-container { max-width: 960px; } } @media only screen and (max-width: 991px) { .theme-container { max-width: 720px; } } @media only screen and (max-width: 767px) { .theme-container { max-width: 540px; } } @media only screen and (max-width: 575px) { .theme-container { max-width: 100%; } } .theme-container .row { margin-left: -15px; margin-right: -15px; } @media only screen and (max-width: 1199px) { .theme-container .row { margin-left: -10px; margin-right: -10px; } } .theme-container .row > * { padding-right: 15px; padding-left: 15px; } @media only screen and (max-width: 1199px) { .theme-container .row > * { padding-right: 10px; padding-left: 10px; } } .theme-container-fluid { width: 100%; padding-right: 50px; padding-left: 50px; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 991px) { .theme-container-fluid { padding-right: 10px; padding-left: 10px; } } .row.theme-row { margin-left: -15px; margin-right: -15px; } @media only screen and (max-width: 1199px) { .row.theme-row { margin-left: -10px; margin-right: -10px; } } .row.theme-row > * { padding-right: 15px; padding-left: 15px; } @media only screen and (max-width: 1199px) { .row.theme-row > * { padding-right: 10px; padding-left: 10px; } } /* Not Found Style */ .theme-no-result { padding: 100px 0; text-align: center; max-width: 670px; margin: 0 auto; } .theme-no-result .page-title { font-size: calc(1.0875rem + 1.05vw); margin-bottom: 16px; } @media (min-width: 1200px) { .theme-no-result .page-title { font-size: 1.875rem; } } .theme-no-result p { margin-bottom: 48px; } .theme-no-result .search-form { max-width: 500px; margin: 0 auto; } table { margin-bottom: 20px; border: 1px solid var(--color-border-gray); } table tr:last-child td { border-bottom: 0 none; } table tr:first-child th { border-top: 0 none; } table tr td, table tr th { padding: 10px; border-bottom: 1px solid var(--color-border-gray); } table tr td:not(:last-child), table tr th:not(:last-child) { border-right: 1px solid var(--color-border-gray); } table a:hover { color: #0d6efd; } /* screen reader text */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } /* Default CSS Support */ .wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text { color: var(--color-white); } .alignright { clear: both; } .wp-caption-text { text-align: center; } /* Margin */ .wp-block-video, .wp-block-site-logo, .wp-block-post-author, .wp-block-loginout, .wp-block-template-part > *, .wp-block-post-template:where(li > *) { margin-top: 28px; margin-bottom: 28px; } .wp-block-embed-flickr.is-type-photo img { width: 100%; height: auto; } /* BlockQuote Default Style */ blockquote { padding: 15px 15px 10px 30px; background: var(--color-bg-normal); border-left: 2px solid var(--color-primary); } blockquote a { color: var(--color-primary); } blockquote a:hover { color: var(--color-primary); } .post-details blockquote.wp-block-quote.is-style-default { padding-left: 1em; border-left: 0.25em solid var(--color-primary); } .post-details blockquote:not(.has-vivid-cyan-blue-color).has-text-align-right { border-left: 0 none; padding: 0 1rem 0 0; border-right: 4px solid var(--color-primary); } blockquote.wp-block-quote.has-text-align-left { padding-left: 1rem; border-left: 0.25em solid var(--color-primary); } blockquote.wp-block-quote + p { margin-top: 20px; } blockquote.wp-block-quote cite { font-size: 13px; } /* Blockquote Large Style */ .wp-block-quote p { margin-bottom: 10px; } .wp-block-quote.is-style-large:not(.has-vivid-cyan-blue-color) { border-left: 0 none; } .wp-block-quote.is-style-large:not(.has-vivid-cyan-blue-color) p { font-size: calc(1.05rem + 0.6vw); } @media (min-width: 1200px) { .wp-block-quote.is-style-large:not(.has-vivid-cyan-blue-color) p { font-size: 1.5rem; } } .wp-block-quote.is-style-large:not(.has-vivid-cyan-blue-color) cite { display: block; } .wp-block-quote.is-style-large cite { text-align: left; display: block; } .wp-block-quote.is-style-large cite br { display: none; } .wp-block-quote.is-style-large p { font-size: calc(1.05rem + 0.6vw); } @media (min-width: 1200px) { .wp-block-quote.is-style-large p { font-size: 1.5rem; } } .post-details .wp-block-quote { border-left-color: var(--color-primary); } .post-details .wp-block-quote:not(.has-vivid-cyan-blue-color) { border-left-color: var(--color-primary); } /* table */ .wp-block-calendar table { text-align: center; caption-side: top; } .wp-block-calendar table caption { text-align: center; color: #40464d; padding-bottom: 10px; } .wp-block-calendar table th { font-weight: 400; background: #ddd; padding: 3px 0.25em; border: 1px solid #ddd; color: #000000; border: none !important; } .wp-block-calendar table tbody { color: #40464d; } .wp-block-calendar table tbody td { padding: 0.25em; border: 1px solid #ddd; } .wp-block-calendar nav a { text-decoration: none; } .wp-calendar-table a { text-decoration: none; } /* */ /* Block Button Style */ .wp-block-button { margin-top: 1rem; margin-bottom: 1rem; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button.alignleft { float: left; text-align: left; margin-right: 2em; /*!rtl:end:ignore*/ } .wp-block-button.alignright { text-align: right; float: right; margin-left: 2em; /*!rtl:end:ignore*/ } .wp-block-button { color: #fff; } .wp-block-button.is-style-outline { border-color: var(--color-primary); color: var(--color-primary); } .wp-block-button__link { border-color: var(--color-primary); background-color: var(--color-primary); } .wp-block-button__link:focus-within { outline: 2px solid #000; } /* Button Cover */ .wp-block-cover { margin-top: 1rem; margin-bottom: 1rem; line-height: 1; } .wp-block-cover.alignleft { float: left; margin-right: 2em; } .wp-block-cover p { line-height: 1.25; } /* Wp Block pullquote */ .wp-block-pullquote:not(.has-text-color) p { color: #51526e; } .wp-block-pullquote:not(.has-text-color) cite { color: #8f8e9f; } /* Block Pullquote */ .wp-block-pullquote { border-top: 4px solid var(--color-primary); border-bottom: 4px solid var(--color-primary); padding: 55px 0 55px 0; margin-top: 1rem; margin-bottom: 1rem; border-color: var(--color-primary); } .wp-block-pullquote blockquote { margin-bottom: 0; background: inherit; padding: 0; border: 0 none; } .wp-block-pullquote p { font-size: inherit; line-height: 1.6; } .wp-block-pullquote.is-style-solid-color blockquote { padding-left: 0; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 1.25em; } .wp-block-pullquote.has-background blockquote:not(.has-vivid-cyan-blue-color) p { font-size: calc(1.025rem + 0.3vw); margin: 0; } @media (min-width: 1200px) { .wp-block-pullquote.has-background blockquote:not(.has-vivid-cyan-blue-color) p { font-size: 1.25rem; } } .wp-block-pullquote.has-background blockquote p { font-size: calc(1.025rem + 0.3vw); margin: 0; color: inherit; } @media (min-width: 1200px) { .wp-block-pullquote.has-background blockquote p { font-size: 1.25rem; } } .wp-block-pullquote.has-background blockquote cite { color: inherit; } .wp-block-pullquote.alignleft { float: left; margin-right: 15px; } .wp-block-pullquote.alignright { float: right; margin-left: 15px; } .wp-block-pullquote + p { min-height: 200px; } .post-details .wp-block-pullquote blockquote:not(.has-vivid-cyan-blue-color) { font-size: calc(1.05rem + 0.6vw); line-height: 1.6; } @media (min-width: 1200px) { .post-details .wp-block-pullquote blockquote:not(.has-vivid-cyan-blue-color) { font-size: 1.5rem; } } .post-details .wp-block-pullquote cite { font-size: 16px; } /* Wp Block Image */ .post-details .wp-block-image figcaption { text-align: center; } .post-details .wp-block-image img { width: auto; } .wp-block-image .aligncenter figcaption { font-size: 16px; text-align: center; } .wp-block-cover.alignleft { float: left; text-align: left; margin-right: 2rem; } .wp-block-cover.has-background-dim strong { color: #fff; } .directorist-content-active:not(.theme-dir-all-listing) .directorist-content-active:not(.theme-dir-search-result) .type-page ul, .directorist-content-active:not(.theme-dir-all-listing) .directorist-content-active:not(.theme-dir-search-result) .directorist-single-contents-area ul, .directorist-content-active:not(.theme-dir-all-listing) .directorist-content-active:not(.theme-dir-search-result) .single-blog ul { padding-left: 15px; } ol, ul { padding-left: 20px; } ol > li ul, ul > li ul { padding-left: 15px; } ol ul, ul ul { list-style: unset; } img.aligncenter { display: block; margin: 0 auto; width: auto; } .theme-post-single .theme-post-body img.aligncenter, .theme-post-single .theme-post-body img.alignleft { width: auto; height: auto; } .theme-post-single .theme-post-body img.alignright { width: auto; max-width: 180px; height: auto; } figure.aligncenter { display: block; margin: 0 auto; } figure.aligncenter figcaption { text-align: center; margin-bottom: 15px; } /* Wp Block Table */ .wp-block-table figcaption { font-size: 13px; text-align: center; } .wp-block-table table { border: 1px solid; } .wp-block-table table tr th:not(:last-child), .wp-block-table table tr td:not(:last-child) { border-right: 1px solid; } /* date */ .wp-block-post-date { margin-top: 1rem; margin-bottom: 1rem; } /* Block iframe */ .wp-block-embed iframe { width: 100%; } .wp-block-categories-list li:not(:last-child), .wp-block-archives-list li:not(:last-child) { margin-bottom: 8px; } .wp-block-categories-list a, .wp-block-archives-list a { color: #1a1b29; font-size: 14px; line-height: 1.57143; } .wp-block-categories-list a:hover, .wp-block-archives-list a:hover { color: var(--color-primary); } .wp-block-columns + .wp-block-separator { margin: 40px auto; } .wp-block-columns p { line-height: 1.25; } /* Wp Block Gallery */ .directorist-content-active .wp-block-gallery { padding: 0; } .directorist-content-active .wp-block-gallery .blocks-gallery-grid { padding-left: 0; list-style: none; } .directorist-content-active .wp-block-gallery .blocks-gallery-grid li:before { display: none; } .blocks-gallery-grid { padding-left: 0; list-style: none; } .blocks-gallery-grid li:before { display: none; } .wp-block-gallery.columns-2 { margin-top: 15px; } .wp-block-gallery.columns-2 .blocks-gallery-caption { margin: 15px 0 10px; } .blocks-gallery-caption { text-align: center; margin: 15px 0 45px; } .wp-block-gallery.alignleft { float: left; margin-right: 2rem; } .theme-post-single .theme-post-body .gallery img { width: auto; } .theme-post-single .theme-post-body .gallery .gallery-item { display: inline-block; } /* Gallery Widget */ .gallery { padding: 25px 26px 15px; margin-bottom: -16px; } @media only screen and (max-width: 575px) { .gallery { margin-bottom: -10px; } } .gallery .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin-bottom: 0; } .gallery .gallery-item img { max-width: 100%; height: auto; border-radius: 5px; -o-object-fit: cover; object-fit: cover; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* Wp Block Separator */ .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } .wp-block-separator { border-bottom: 1px solid var(--color-dark); background-color: #212529; border-top: 0 none; margin: 0 auto; opacity: 1; } /* Wp Block Code */ .wp-block-code { font-family: inherit; } .wp-block-code code { color: #d63384; } /* Widget menu */ .widget.widget_nav_menu ul { padding-left: 5px; margin-bottom: 0; } .widget.widget_nav_menu.atbd_widget > h2 { padding: 20px 25px; } .widget.widget_nav_menu.atbd_widget ul { padding: 20px 25px; margin-bottom: 0; } .widget.widget_nav_menu > h2 { padding-left: 5px; } /* Wp Block Column */ .post-details .post-content .wp-block-column { margin-top: 20px; } .post-details .post-content .wp-block-column ol > li:before { color: inherit; } .post-details .post-content .wp-block-column .wp-block-quote { border-left-color: var(--color-primary); } .post-details .post-content ul ul, .post-details .post-content ul ol, .post-details .post-content ol ul, .post-details .post-content ol ol { padding-left: 30px; } .theme-post-single .wp-block-column .wp-block-quote { padding: 0; background-color: transparent; border-left: 4px solid var(--color-primary); } .theme-post-single .wp-block-column .wp-block-quote p { padding-left: 10px; } .theme-post-single .wp-block-column .wp-block-quote p:after, .theme-post-single .wp-block-column .wp-block-quote p:before { display: none; } .theme-post-single .wp-block-column .wp-block-quote cite { font-size: 13px; padding-left: 10px; } .theme-post-single .wp-block-column .wp-block-quote cite:before { display: none; } /* Wp Block Embed */ .wp-block-embed figcaption { text-align: center; } /* Wp Block Image */ .wp-block-image.size-full img { width: auto; } /* navigation menu */ .wp-block-navigation__container li a:hover { color: var(--color-primary); } /* Wp Block Comments */ .wp-block-latest-comments__comment-meta a { color: var(--color-light-gray); } .wp-block-latest-comments__comment-meta a:hover { color: var(--color-primary); opacity: 0.7; } ol.wp-block-latest-comments { padding-left: 0; } .widget.atbd_widget ol.wp-block-latest-comments { padding: 20px 25px; margin-bottom: 0; } .widget.atbd_widget ol.wp-block-latest-comments li:last-child { margin-bottom: 0; } /* wp Block Comment */ .theme-post-single .wp-block-latest-comments__comment img { width: auto; } .theme-post-single .wp-block-latest-comments__comment a { color: var(--color-primary); } .post-details .wp-block-pullquote blockquote { border-left: 0 none; } .post-details .wp-block-pullquote blockquote:not(.has-vivid-cyan-blue-color) { border-left: 0 none; } /* wp-block-rss */ .wp-block-rss__item-title a { color: var(--color-primary); } .wp-block-rss__item-title a:hover { color: var(--color-primary); } /* Gallery */ .gallery.gallery-size-thumbnail { margin: -10px; } .gallery .gallery-item { padding: 10px; } @media only screen and (max-width: 767px) { .gallery .gallery-item { padding: 15px 10px; } } .gallery .gallery-item .gallery-caption { word-break: break-all; } .post-details img[width="150"] { width: 150px; } .post-details img[width="160"] { width: 160px; } .post-details img[width="300"] { width: 300px; } #gallery-5 .gallery-item img { max-width: 135px; } #gallery-6 .gallery-item img { max-width: 110px; } #gallery-7 .gallery-item img { max-width: 95px; } #gallery-8 .gallery-item img { max-width: 85px; } #gallery-9 .gallery-item img { max-width: 70px; } .gallery#gallery-4, .gallery#gallery-5, .gallery#gallery-6, .gallery#gallery-7, .gallery#gallery-8, .gallery#gallery-9 { padding: 0; } .alignleft, .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } /* Mail Chimp Error Message */ .footer-top-area .mc4wp-alert { padding: 6px 12px; border-radius: 4px; } .footer-top-area .mc4wp-alert p { margin-bottom: 0; } .footer-top-area .mc4wp-alert.mc4wp-error { background-color: var(--color-danger-transparent); } .footer-top-area .mc4wp-alert.mc4wp-success { background-color: var(--color-success-transparent); } .theme-single-page img { max-width: 100%; } .single-post figure { max-width: 100%; } /* Wp Block Group */ .wp-block-group.has-background { padding: 30px; } /* Wp Block Media Text */ .wp-block-media-text__content p { line-height: 1.25; } /* Page Links */ .page-links { text-align: center; } .wp-block-latest-posts { margin-bottom: 15px; } /* Wp Block Cover */ .wp-block-cover .wp-block-cover-text:not(.has-text-color) { color: #fff; } /* Wp Block List Title */ .wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-child) { margin-bottom: 15px; } .wp-block-latest-posts.wp-block-latest-posts__list li a { color: var(--color-gray); line-height: 1.625; text-decoration: none; } .wp-block-latest-posts.wp-block-latest-posts__list li a:hover { color: var(--color-primary); } /* Widget block */ .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) { padding: 17.5px 25px; border-bottom: 1px solid var(--color-border-light); } /* Wp Widget Meta box */ .widget.widget_meta ul li a { color: #605F74; } /* WP Categories list */ .widget .wp-block-categories-list, .widget .wp-block-archives-list { padding-left: 40px; margin: 0; } .widget.atbd_widget .wp-block-archives li a { font-size: 16px; color: #605f74; } .widget.atbd_widget .wp-block-archives li a:hover { color: var(--color-primary); } .wp-block-categories-list, .wp-block-archives-list { padding-left: 0; list-style: none; } /* wp block latest posts */ .widget.atbd_widget .wp-block-latest-posts { padding: 20px 25px; margin-bottom: 0; } /* wp block tag cloud */ .wp-block-tag-cloud a { color: var(--color-primary); display: block; line-height: 1.6875; color: #605f74; } .wp-block-tag-cloud a:hover { color: var(--color-primary); } /* wp block page */ .wp-block-page-list { margin-top: 20px; } .wp-block-page-list .wp-block-pages-list__item:not(:last-child) { margin-bottom: 10px; } .wp-block-page-list .wp-block-pages-list__item a { color: var(--color-gray); } /* Widget search*/ .widget.widget_search form { padding: 20px 25px; } /* Widget text */ .widget > .wp-block-latest-posts__list, .widget > .theme-about-widget, .widget > .wp-block-latest-comments, .widget > .wp-block-categories-list, .widget > .wp-block-calendar, .widget > .wp-block-columns, .widget > .wp-block-buttons, .widget > .wp-block-embed, .widget > .wp-block-media-text, .widget > .wp-block-file, .widget > .wp-block-cover, .widget > .wp-block-audio, .widget > .wp-block-gallery, .widget > .wp-block-image, .widget > .wp-block-verse, .widget > .wp-block-table, .widget > .wp-block-pullquote, .widget > .wp-block-preformatted, .widget > .wp-block-code, .widget > .wp-block-quote, .widget > h1, .widget > h2, .widget > h3, .widget > h4, .widget > h5, .widget > h6, .widget > p { padding: 20px 25px; margin-bottom: 0; } .widget > h1 + p { padding-top: 0; } .widget > .wp-block-group .wp-block-columns { padding: 20px 25px; margin-bottom: 0; } .widget > .wp-block-group .wp-block-categories-list, .widget > .wp-block-group .wp-block-archives-list { padding: 20px 40px; margin-bottom: 0; } .widget > .wp-block-group .wp-block-categories-list + .wp-block-archives-list, .widget > .wp-block-group .wp-block-archives-list + .wp-block-archives-list { padding-top: 0; margin-top: -5px; } .widget .wp-block-pullquote blockquote { padding-left: 0; } .page > .wp-block-columns, .wp-block-buttons { margin-top: 1rem; margin-bottom: 1rem; } /* Wp Block Verse */ .wp-block-verse { color: #605f74; line-height: 1.85714; } /* Wp block rss */ .atbd_widget.widget_rss ul { margin-bottom: 0; } .atbd_widget.widget_rss ul li:not(:last-child) { margin-bottom: 8px; } .atbd_widget.widget_rss ul li a { font-size: 14px; line-height: 1.85714; color: #605f74; } .atbd_widget.widget_rss ul li a:hover { color: var(--color-primary); } /* Wp Block Video */ .wp-block-video figcaption { font-size: 13px; text-align: center; } .blocks-gallery-caption { font-size: 13px; } /* Breadcrumb Trail */ .main-breadcrumb { margin-top: 13px; color: var(--color-breadcrumb_separator); } .main-breadcrumb span { color: var(--color-breadcrumb-active); } .main-breadcrumb a { text-decoration: none; } .main-breadcrumb a span { color: var(--color-breadcrumb-link); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-breadcrumb a span:hover { color: var(--color-breadcrumb-link-hover); } .main-breadcrumb ul { list-style-type: none; margin: 0; padding: 0; } .main-breadcrumb ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 1; } .main-breadcrumb ul li:after { content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; padding: 0 10px; margin-top: 4px; color: var(--color-breadcrumb_separator); font-size: 0.75rem; } .main-breadcrumb ul li:last-of-type::after { display: none; } /* #. Preloader */ #theme-preloader { background-color: var(--color-white); background-repeat: no-repeat; background-position: center; background-attachment: fixed; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } dt { color: #212529; } dd { margin-left: 40px; } strong { color: var(--color-dark); } .page-template-default .main-content { padding-top: 30px; padding-bottom: 20px; } .blocks-gallery-item figure { position: relative; }