File manager - Edit - /home/verseaumee/blueversion/wp-content/themes/freeio/css/template.css
Back
/*------------------------------------------------------------------ [Table of contents] 1. base 2. elements 3. form 4. layout 5. menu 6. pages 7. post 8. effect 9. utilities 10. widgets layout 11. widgets 12. responsive -------------------------------------------------------------------*/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /********* LAYOUT **************/ /* carousel-controls-v1 */ /* carousel-controls-v2 */ /* carousel-controls-v3 */ @keyframes rotate_icon { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotate_icon { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* 1. base */ body { overflow-x: hidden; font-size: var(--freeio-main-font-size); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 25px; margin-bottom: 25px; } .wp-block-image, .wp-block-gallery { margin-bottom: 28px; } figcaption { margin-top: 15px; } .btn { white-space: nowrap; } input { text-align: left; } button, .btn, a { outline: none !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } i { display: inline-block; line-height: 1; } .badge { border-radius: 4px; padding: 11px 12px; font-size: 13px; font-weight: 500; } .bg-success { background: #F1FAFF !important; color: #00A3FF !important; } .bg-pending { background: #FFF4DE !important; color: #FFA800 !important; } .bg-cancelled { background: #FFF5F8 !important; color: #F1416C !important; } .alert p:last-child { margin-bottom: 0; } [dir="rtl"] .flaticon-left-arrow:before { content: "\f104"; } [dir="rtl"] .flaticon-next:before { content: "\f105"; } .clearfix::after { display: table; } .mfp-container { overflow-x: hidden; } fieldset { clear: both; overflow: hidden; } textarea { resize: none; } .bs-tooltip-top { margin-bottom: 8px !important; } .hidden { display: none !important; visibility: hidden !important; } .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-text-color); } .form-control::-moz-placeholder { /* Firefox 19+ */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-text-color); } .form-control:-ms-input-placeholder { /* IE 10+ */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-text-color); } .form-control:-moz-placeholder { /* Firefox 18- */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-text-color); } .form-control:focus { outline: 1px solid var(--freeio-second-color); } ol ol, ol ul, ul ol, ul ul { padding-left: 20px; } .post-password-form input { height: 43px; padding: 5px 10px; outline: none; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: 1px solid #E9E9E9; } .post-password-form input:focus { border-color: var(--freeio-second-color); } .post-password-form input[type="submit"] { background: var(--freeio-theme-color); color: #fff; border: 0; padding: 5px 25px; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { color: #fff; background: var(--freeio-theme-hover-color); } a:focus, .btn:focus { outline: none !important; } .list, .list-no { list-style: none; padding: 0; margin: 0; } .media-body { width: 10000px; } .pswp__item { cursor: move; } .no-border { border: none !important; } .no-border:before { display: none !important; } .wpb_widgetised_column { margin: 0; } .topmenu-menu-line { list-style: none; padding: 0; margin: 0; } .topmenu-menu-line li { display: inline-block; vertical-align: middle; } .topmenu-menu-line li .space { margin: 0 3px; } .top-menu-mobile .title { font-size: 20px; padding: 0 15px; margin: 0 0 15px; } .top-menu-mobile .navbar-nav > li > a { padding: 2px 15px; } .box-account { background: #fff; border-radius: 8px; padding: 20px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); max-width: 690px; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .box-account { padding: 50px; } } .box-account .nav-tabs { border: 0; margin: 0 0 0.9375rem; flex-wrap: nowrap; } @media (min-width: 1200px) { .box-account .nav-tabs { margin-bottom: 1.875rem; justify-content: center; } } .box-account .nav-tabs > li > a { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-weight: 500; font-size: 1rem; display: inline-block; padding: 8px 30px; border: 1px solid transparent; border-radius: 40px; color: var(--freeio-link-color); } .box-account .nav-tabs > li > a i { margin-right: 7px; vertical-align: text-top; line-height: 1; font-size: 18px; display: inline-block; } .box-account .nav-tabs > li > a.active { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); background: #fff; color: var(--freeio-theme-color); border-color: #E9E9E9; } .box-account .nav-tabs > li + li { margin-left: 10px; } .action .caret { width: 8px; height: 8px; position: relative; } .action[aria-expanded="true"] b { border: none; } .action[aria-expanded="true"] b:before { font-family: FontAwesome; content: "\f00d"; position: absolute; top: 0; left: 0; font-size: 12px; } ins { text-decoration: none; } img { border: 0; max-width: 100%; height: auto; } .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; margin-bottom: 10px; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } .audio-responsive iframe { width: 100%; height: 126px; } ul.list-square { padding: 0; margin: 0; list-style: none; } ul.list-square > li { line-height: 35px; font-size: 14px; margin: 0; } ul.list-square > li.active > a, ul.list-square > li:hover > a { color: var(--freeio-theme-color); } ul.list-square > li.active > a:before, ul.list-square > li:hover > a:before { background: var(--freeio-theme-color); } ul.list-square > li > a { display: block; padding-left: 20px; position: relative; } ul.list-square > li > a:before { content: ''; background: var(--freeio-link-color); width: 8px; height: 8px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .breadcrumb > a + li:before, .breadcrumb > li + a:before, .breadcrumb > li + li:before { display: inline-block; content: "/"; color: var(--freeio-text-color); font-size: 0.875rem; line-height: 1; margin: 0 5px; } .apus-breadscrumb { font-size: 0.875rem; background-color: transparent; } @media (min-width: 1200px) { .apus-breadscrumb { margin-bottom: 40px; } } .apus-breadscrumb .breadcrumb { background: transparent; margin: 0; padding: 0; } .apus-breadscrumb .active { color: var(--freeio-link-color); } .apus-breadscrumb a { color: var(--freeio-text-color); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-breadscrumb a:hover, .apus-breadscrumb a:focus { color: var(--freeio-link-color); } .apus-breadscrumb .wrapper-breads { padding: 20px 0; } .apus-breadscrumb .bread-title { text-transform: capitalize; font-size: 1.125rem; margin: 0 0 10px; } @media (min-width: 1200px) { .apus-breadscrumb .bread-title { font-size: 1.875rem; } } .apus-breadscrumb.has_bg { background-color: rgba(10, 35, 87, 0.9); margin-bottom: 1.875rem; } @media (min-width: 1200px) { .apus-breadscrumb.has_bg { margin-bottom: 3.125rem; } } .apus-breadscrumb.has_bg .wrapper-breads { padding: 1.875rem 0; } @media (min-width: 1200px) { .apus-breadscrumb.has_bg .wrapper-breads { padding: 6.25rem 0; } } .apus-breadscrumb.has_bg li::before, .apus-breadscrumb.has_bg .active, .apus-breadscrumb.has_bg a, .apus-breadscrumb.has_bg .bread-title { color: #fff !important; } .breadcrumbs-simple { padding: 15px 0; } @media (min-width: 1200px) { .breadcrumbs-simple { padding: 25px 0; } } .breadcrumbs-simple .breadcrumb { margin: 0; padding: 0; background-color: transparent; } .breadcrumbs-simple .breadcrumb a { color: var(--freeio-text-color); } .breadcrumbs-simple .breadcrumb a:hover, .breadcrumbs-simple .breadcrumb a:focus { color: var(--freeio-link-color); } .breadcrumbs-simple .breadcrumb .active { color: var(--freeio-link-color); } .search-form input, .search-form .btn { background: #ebedee; border-color: #ebedee; color: var(--freeio-link-color); } .search-form .btn { padding: 1.9rem 15px; } .ui-autocomplete.ui-widget-content { padding: 15px; margin: 0; list-style: none; background: #fff; width: 300px !important; border: 1px solid #E9E9E9; border-radius: 8px; -webkit-box-shadow: 0 10px 30px 0 rgba(13, 38, 59, 0.05); box-shadow: 0 10px 30px 0 rgba(13, 38, 59, 0.05); } .ui-autocomplete.ui-widget-content li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E9E9E9; cursor: pointer; } .ui-autocomplete.ui-widget-content li:hover .team-agent-list-label, .ui-autocomplete.ui-widget-content li:focus .team-agent-list-label { color: var(--freeio-theme-color); } .ui-autocomplete.ui-widget-content li:last-child { border: none; margin: 0; padding: 0; } .add-fix-top { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: fixed; z-index: 4; bottom: 8px; right: 8px; width: 30px; height: 30px; line-height: 30px; font-size: 13px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); display: inline-block; border-radius: 50%; text-align: center; opacity: 0; filter: alpha(opacity=0); background-color: rgba(34, 34, 34, 0.95); color: #fff !important; } @media (min-width: 1200px) { .add-fix-top { right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; } } .add-fix-top.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 0.7; filter: alpha(opacity=70); } @media (min-width: 1200px) { .add-fix-top.active { opacity: 1; filter: alpha(opacity=100); } } .add-fix-top.active:focus, .add-fix-top.active:hover { opacity: 1; filter: alpha(opacity=100); background: var(--freeio-theme-color); } .menu { padding: 0; margin: 0; } .menu li { list-style: none; margin-bottom: 8px; } .menu li:last-child { margin-bottom: 0; } .menu ul { padding-left: 20px; margin: 0; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes -webkit-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .apus-page-loading { top: 0; left: 0; position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9999; } .apus-loader-inner { margin: 0 auto; width: 80px; height: 80px; text-align: center; font-size: 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-size: cover; background-repeat: no-repeat; } .apus-loader-inner > div { width: 8px; height: 100%; display: inline-block; float: left; margin-left: 2px; -webkit-animation: delay 0.8s infinite ease-in-out; animation: delay 0.8s infinite ease-in-out; } .apus-loader-inner .loader1 { background-color: #e39505; } .apus-loader-inner .loader2 { background-color: #ff5395; -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .apus-loader-inner .loader3 { background-color: #84b813; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .apus-loader-inner .loader4 { background-color: #f38ca3; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .apus-loader-inner .loader5 { background-color: #da5800; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } @-webkit-keyframes delay { 0%, 40%, 100% { -webkit-transform: scaleY(0.05); transform: scaleY(0.05); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes delay { 0%, 40%, 100% { transform: scaleY(0.05); -webkit-transform: scaleY(0.05); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .page-links { overflow: hidden; margin: 0 0 30px; } .page-links .page-links-title { font-weight: normal; color: var(--freeio-link-color); } .page-links > span:not(.page-links-title), .page-links > a { display: inline-block; line-height: 1; margin: 0 3px; padding: 10px 13px; border-radius: 2px; border: 1px solid #E9E9E9; color: var(--freeio-link-color); } .page-links > span:not(.page-links-title):hover, .page-links > span:not(.page-links-title):active, .page-links > a:hover, .page-links > a:active { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .page-links > span:not(.page-links-title) { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } option { padding: 5px; } .woocommerce-MyAccount-navigation > ul { list-style: none; padding: 0; margin: 0; line-height: 35px; } .image-lazy-loading .image-wrapper { background-position: center center; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; } .image-lazy-loading .image-wrapper img { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .image-lazy-loading .image-wrapper.image-loaded { background: none; } .image-lazy-loading .image-wrapper.image-loaded img { opacity: 1; filter: alpha(opacity=100); } .apus-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { border: none !important; padding: 4px 25px 6px 0; background: transparent !important; color: #707070 !important; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { background: #fff; border: none; border: 1px solid #E9E9E9; min-width: 114px; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { border-bottom: 1px solid #E9E9E9; padding: 9px 10px; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a { border: none !important; background: transparent !important; padding: 0; color: var(--freeio-link-color); } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover, .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:focus { color: var(--freeio-link_hover_color); } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child { border: none; } .apus-header .wpml-ls-legacy-dropdown { width: auto; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency, .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { padding: 0; border: none; background: transparent; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { padding: 5px 10px; border-bottom: 1px solid #E9E9E9; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency:last-child { border: none; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency { font-weight: 400; color: #707070; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a:hover, .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency.active a { font-weight: 400; color: var(--freeio-theme-color); } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency { min-width: 80px; text-align: inherit; z-index: 99; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency::after { font-size: 11px; } .apus-header .apus-topbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { min-width: 155px; } .apus_socials { list-style: none; padding: 0; } .apus_socials li { display: inline-block; margin-right: 10px; } .apus_socials li:last-child { margin: 0; } .apus_socials a { border: 1px solid #dce1e6; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: inline-block; text-indent: 2px; } .apus_socials a:hover, .apus_socials a:focus { color: #fff !important; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .apus_socials a.facebook { color: #3c66c4; } .apus_socials a.twitter { color: #00aced; } .apus_socials a.pinterest { color: #bd081c; } .apus_socials a.google-plus { color: #dc473a; } .apus_socials a.instagram { color: #bc44bd; } .apus_socials.style2 a { border-color: #47586d; } .select2-container { outline: none !important; min-width: 180px; } .select2-container.select2-container--default .select2-search--dropdown { padding: 0 20px; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { outline: none !important; border-color: #E9E9E9; border-width: 0 0 1px; border-radius: 0; height: 40px; font-size: 0.9375rem; padding: 5px 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--freeio-second-color); } .select2-results__option { outline: none !important; } .select2-dropdown { border: 1px solid #E9E9E9 !important; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border-radius: 4px !important; min-width: 160px; margin: 1px 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 215px !important; scrollbar-width: thin; } .select2-results .select2-results__option { color: var(--freeio-link-color); padding: 4px 20px; background-color: transparent; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 992px) { .select2-results .select2-results__option { padding: 4px 30px; } } .select2-container--default.select2-container .select2-selection--single { height: calc(1.85em + (1.3rem + 2px)); background: #fff; outline: none; border-radius: 8px !important; border: 1px solid #E9E9E9; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 5px 12px; } .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { padding-top: 5px; padding-bottom: 5px; color: var(--freeio-text-color); } .select2-container--default.select2-container .select2-selection--single .select2-selection__placeholder { color: var(--freeio-text-color); } .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 12px; right: 11px; } .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--freeio-link-color) transparent transparent transparent; } .select2-container--default.select2-container .select2-selection--single .select2-selection__clear { line-height: 24px; color: #dc3545; } .select2-container--default.select2-container .select2-selection--single .select2-selection__clear:hover, .select2-container--default.select2-container .select2-selection--single .select2-selection__clear:focus { color: #d32535; } .select2-container--default.select2-container .select2-selection--multiple { min-height: calc(1.85em + (1.3rem + 2px)); outline: none; border-radius: 8px; border: 1px solid #E9E9E9; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 1px 15px; } .select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered { margin-top: 3px; } .select2-container--default.select2-container .select2-selection--multiple .select2-selection__choice { border: 0; color: var(--freeio-theme-color); background-color: var(--freeio-theme-color-007); font-weight: 500; } .select2-container--default.select2-container.select2-container--open .select2-selection--multiple { border-color: var(--freeio-second-color); } .select2-container--default.select2-container.select2-container--open .select2-selection--single { border-color: var(--freeio-second-color); outline: 1px solid var(--freeio-second-color); } .select2-container--default.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--freeio-link-color) transparent; } .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #F0EFEC; color: var(--freeio-link-color); } .select2-container.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] { background: #F0EFEC; color: var(--freeio-link-color); } @media (min-width: 992px) { .customizer-search > .select2-dropdown--above { margin-top: -30px; } .customizer-search > .select2-dropdown--below { margin-top: 30px; } } .select2-container.orderby .select2-dropdown { margin-top: 5px; } .nav-tabs-custom { border: 1px solid #e8ebef; margin: 47px 0 0; } .nav-tabs-custom > .nav-tabs { margin-top: -47px; margin-left: -1px; } .nav-tabs-custom .tab-content > .tab-pane { padding: 0 1em; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } .bs-glyphicons { padding: 0; } .bs-glyphicons li { width: 24.5%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid #e8edef; display: inline-block; } .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; } .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } .apus-social-share > * { display: inline-block; vertical-align: middle; margin: 0; } .apus-social-share .share-title { font-size: 0.9375rem; } .apus-social-share a { display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; } .apus-social-share a:hover, .apus-social-share a:focus { background: rgba(34, 34, 34, 0.05); color: var(--freeio-link-color); } .share-listing { display: inline-block; cursor: pointer; } .share-listing .icon-share { border-radius: 50%; border: 1px solid #E9E9E9; background: #fff; color: var(--freeio-link-color); display: inline-block; line-height: 36px; font-size: 12px; text-align: center; width: 36px; height: 36px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; flex-shrink: 0; } .share-listing .icon-share:hover, .share-listing .icon-share:focus { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .share-listing .share-title { font-weight: 500; margin: 0 0 0 10px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .share-listing .bo-social-icons { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; white-space: nowrap; padding: 4px 10px; border: 1px solid #E9E9E9; border-radius: 8px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); position: absolute; z-index: 2; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #fff; margin-bottom: 0px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .share-listing .bo-social-icons:before { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 16px; height: 16px; border-width: 8px; border-style: solid; border-color: #E9E9E9 transparent transparent; } .share-listing:hover .bo-social-icons { margin-bottom: 10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .share-listing:hover .share-title { color: var(--freeio-theme-color); } .share-listing:hover .icon-share { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .filter-scroll { height: 100%; } .tooltip { z-index: 4; } .flaticon-repeat:before { content: "\f129"; font-family: "Flaticon"; } .affix { position: fixed !important; } .tooltip.top .tooltip-arrow { border-top-color: #24324a; } .tooltip.top .tooltip-inner { padding: 5px 15px; background-color: #24324a; color: #fff; border-radius: 8px; } .apus-results { margin-top: 10px; } .apus-results .apus-results-reset { display: inline-block; padding: 6px 15px; background: #dc3545; color: #fff; white-space: nowrap; font-weight: 400; font-size: 15px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-results .apus-results-reset:hover, .apus-results .apus-results-reset:active { color: #fff; background: #bd2130; } .ajax-pagination { text-align: center; margin: 10px 0; } .ajax-pagination.apus-loader .apus-loadmore-btn { display: none; } .ajax-pagination.apus-loader:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; content: ""; width: 100%; height: 50px; display: block; } .ajax-pagination .apus-loadmore-btn + .apus-allproducts { display: none; } .ajax-pagination .apus-loadmore-btn.hidden + .apus-allproducts { display: block; color: #dc3545; } .ajax-listings-pagination { text-align: center; } .ajax-listings-pagination .apus-loadmore-btn { display: none; } .ajax-listings-pagination:not(.all-listings-loaded) .apus-loadmore-btn { display: inline-block; } .ajax-listings-pagination:not(.all-listings-loaded) .apus-allproducts { display: none; } .wp-block-button .wp-block-button__link { border-radius: 8px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-button .wp-block-button__link:not(.has-background) { background-color: var(--freeio-theme-color); border-color: var(--freeio-theme-color); color: #fff; } .wp-block-button .wp-block-button__link:not(.has-background):hover, .wp-block-button .wp-block-button__link:not(.has-background):focus { color: #fff; background-color: var(--freeio-theme-hover-color); border-color: var(--freeio-theme-hover-color); } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border-color: var(--freeio-theme-color); color: var(--freeio-theme-color); } pre { display: block; padding: 11.5px; margin: 0 0 12px; line-height: 1.85; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; } dl { margin-bottom: 24px; } table { width: 100%; border: 1px solid #E9E9E9; margin-bottom: 24px; } table th, table td { border: 1px solid #E9E9E9; padding: 8px 15px; } .row-20 { margin-right: -10px; margin-left: -10px; } .row-20 > * { padding-left: 10px; padding-right: 10px; } .space { margin: 0 2px; } .apus-footer.apus-footer-default { position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #E9E9E9; } @media (min-width: 992px) { body.footer-default { margin-bottom: 68px; } } .modal-search-header { height: 100vh; } /* 2. elements */ /* block */ .widget { margin-bottom: 1.875rem; position: relative; padding: 0px; background: transparent; } .widget .wc-block-price-filter__title, .widget .wp-block-group__inner-container > h1, .widget .wp-block-group__inner-container > h2, .widget .wp-block-group__inner-container > h3, .widget .wp-block-group__inner-container > h4, .widget .wp-block-group__inner-container > h5, .widget .wp-block-group__inner-container > h6 { margin: 0 0 15px; font-weight: 500; text-transform: capitalize; } @media (min-width: 1200px) { .widget .wc-block-price-filter__title, .widget .wp-block-group__inner-container > h1, .widget .wp-block-group__inner-container > h2, .widget .wp-block-group__inner-container > h3, .widget .wp-block-group__inner-container > h4, .widget .wp-block-group__inner-container > h5, .widget .wp-block-group__inner-container > h6 { margin-bottom: 23px; } } .widget .wc-block-price-filter__title + ul, .widget .wp-block-group__inner-container > h1 + ul, .widget .wp-block-group__inner-container > h2 + ul, .widget .wp-block-group__inner-container > h3 + ul, .widget .wp-block-group__inner-container > h4 + ul, .widget .wp-block-group__inner-container > h5 + ul, .widget .wp-block-group__inner-container > h6 + ul { margin: 0; padding-left: 0; } .widget .wc-block-price-filter__title + ul li, .widget .wp-block-group__inner-container > h1 + ul li, .widget .wp-block-group__inner-container > h2 + ul li, .widget .wp-block-group__inner-container > h3 + ul li, .widget .wp-block-group__inner-container > h4 + ul li, .widget .wp-block-group__inner-container > h5 + ul li, .widget .wp-block-group__inner-container > h6 + ul li { list-style: none; margin-bottom: 15px; } .widget .wc-block-price-filter__title + ul li:last-child, .widget .wp-block-group__inner-container > h1 + ul li:last-child, .widget .wp-block-group__inner-container > h2 + ul li:last-child, .widget .wp-block-group__inner-container > h3 + ul li:last-child, .widget .wp-block-group__inner-container > h4 + ul li:last-child, .widget .wp-block-group__inner-container > h5 + ul li:last-child, .widget .wp-block-group__inner-container > h6 + ul li:last-child { margin-bottom: 0; } .widget .wc-block-price-filter__title + ul li:hover > a, .widget .wc-block-price-filter__title + ul li.current-cat-parent > a, .widget .wc-block-price-filter__title + ul li.current-cat > a, .widget .wp-block-group__inner-container > h1 + ul li:hover > a, .widget .wp-block-group__inner-container > h1 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h1 + ul li.current-cat > a, .widget .wp-block-group__inner-container > h2 + ul li:hover > a, .widget .wp-block-group__inner-container > h2 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h2 + ul li.current-cat > a, .widget .wp-block-group__inner-container > h3 + ul li:hover > a, .widget .wp-block-group__inner-container > h3 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h3 + ul li.current-cat > a, .widget .wp-block-group__inner-container > h4 + ul li:hover > a, .widget .wp-block-group__inner-container > h4 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h4 + ul li.current-cat > a, .widget .wp-block-group__inner-container > h5 + ul li:hover > a, .widget .wp-block-group__inner-container > h5 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h5 + ul li.current-cat > a, .widget .wp-block-group__inner-container > h6 + ul li:hover > a, .widget .wp-block-group__inner-container > h6 + ul li.current-cat-parent > a, .widget .wp-block-group__inner-container > h6 + ul li.current-cat > a { text-decoration: underline; } .widget .wc-block-price-filter__title, .widget .wp-block-group__inner-container > h2 { font-size: 20px; } .widget .widget-title, .widget .widgettitle, .widget .widget-heading { font-size: 20px; margin: 0 0 15px; font-weight: 500; text-transform: capitalize; } @media (min-width: 1200px) { .widget .widget-title, .widget .widgettitle, .widget .widget-heading { margin-bottom: 23px; } } .widget .widget-title .urgent, .widget .widget-title .featured, .widget .widgettitle .urgent, .widget .widgettitle .featured, .widget .widget-heading .urgent, .widget .widget-heading .featured { font-size: 0.75rem; } .sidebar .widget, .apus-sidebar .widget { margin: 0 0 1.875rem; padding: 20px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border-radius: 8px; border: 1px solid #E9E9E9; } @media (min-width: 1200px) { .sidebar .widget, .apus-sidebar .widget { padding: 25px 1.875rem; } } .sidebar .widget#calendar_wrap, .apus-sidebar .widget#calendar_wrap { padding: 0; } .sidebar .widget[class*="search"], .apus-sidebar .widget[class*="search"] { padding: 0; border: 0; } .sidebar .widget_calendar, .apus-sidebar .widget_calendar { -webkit-box-shadow: none; box-shadow: none; padding: 0; border: 0; } .sidebar .apus-products-list, .apus-sidebar .apus-products-list { border-style: solid; border-color: #E9E9E9; border-width: 0 1px 1px; } .sidebar .apus-products-list .product-block, .apus-sidebar .apus-products-list .product-block { padding: 20px; margin: 0; } .sidebar .row.instagram-pics, .apus-sidebar .row.instagram-pics { margin-left: -6px; margin-right: -6px; } .sidebar .row.instagram-pics > [class*="col-md"], .apus-sidebar .row.instagram-pics > [class*="col-md"] { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; } .sidebar .widget_apus_single_image, .apus-sidebar .widget_apus_single_image { margin-bottom: 30px; } .sidebar-shop .widget { padding: 0 0 1.875rem; margin: 0 0 1.875rem; border-width: 0 0 1px; border-radius: 0; } .sidebar-shop .widget:not(.widget_apus_search) { -webkit-box-shadow: none; box-shadow: none; } .sidebar-shop .widget:last-child { border: 0; } @media (min-width: 1200px) { .apus-footer .widget .widget-title { margin: 0 0 22px; } } /* 3. form */ .btn-action-icon { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; position: relative; width: 40px; height: 40px; font-size: 1rem; text-align: center; color: var(--freeio-second-color); background: #FFEDE8; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn-action-icon:hover, .btn-action-icon:focus { color: #fff; background: var(--freeio-second-color); } .btn-action-icon:hover:before, .btn-action-icon:focus:before { color: #fff; } .btn-action-icon.rejec:hover, .btn-action-icon.rejec:focus { color: #fff; background: #ffc107; } .btn-action-icon.rejec.rejected { opacity: 0.6; filter: alpha(opacity=60); } .btn-action-icon.download:hover, .btn-action-icon.download:focus { color: #fff; background: #222; } .btn-action-icon[class*="remove"]:hover, .btn-action-icon[class*="remove"]:focus { color: #fff; background: #dc3545; } .btn-action-icon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); color: var(--freeio-second-color); content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn-action-icon.loading { color: transparent !important; } .btn-action-icon.loading:before { line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); animation: rotate_icon 1500ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1500ms linear 0s normal none infinite running; } .list-action [class*="btn"] i { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: inline-block; overflow: hidden; vertical-align: middle; background-color: #f4f4f4; color: #717171; font-size: 1.0625rem; height: 45px; line-height: 45px; width: 45px; text-align: center; border-radius: 50%; margin-right: .5rem; } .list-action [class*="btn"]:hover i { color: #fff; background-color: var(--freeio-theme-color); } .list-action [class*="added"] i { color: #fff; background-color: var(--freeio-theme-color); } .list-action [class*="added"]:hover i:before { content: "\e646"; font-family: 'themify'; font-weight: 400; } .list-action [class*="btn"].loading i:before { display: inline-block; animation: rotate_icon 1500ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1500ms linear 0s normal none infinite running; content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 900; } @media (min-width: 1200px) { .list-action .review { padding-top: 0.875rem; padding-bottom: 0.875rem; min-width: 200px; text-align: center; } } .list-action > * { display: inline-block; margin-right: 0.625rem; } @media (min-width: 1200px) { .list-action > * { margin-right: 1.875rem; } } .list-action > *:last-child { margin-right: 0 !important; } .view_all { font-weight: 500; display: inline-block; font-size: 14px; } .view_all:focus, .view_all:hover { text-decoration: underline; } .pre { margin-right: 0.5rem !important; vertical-align: middle; line-height: 1; } .next { margin-left: 0.5rem !important; vertical-align: middle; line-height: 1; } .btn-freelancer-alert:before, .btn-job-alert:before { content: "\f142"; font-family: "Flaticon"; margin-right: 10px; font-size: 25px; line-height: 0; vertical-align: sub; display: inline-block; } .btn-second { background: var(--freeio-second-color); border-color: var(--freeio-second-color); color: #fff; } .btn-second:active, .btn-second:hover { background: var(--freeio-second-hover-color); border-color: var(--freeio-second-hover-color); color: #fff; } .btn-outline.btn-primary { background: transparent; border-color: #0d6efd; color: #0d6efd; } .btn-outline.btn-primary:hover { color: #fff; border-color: #0d6efd; background: #0d6efd; } .btn-outline.btn-success { background: transparent; border-color: #198754; color: #198754; } .btn-outline.btn-success:hover { color: #FFFFFF; border-color: #198754; background: #198754; } .btn-outline.btn-info { background: transparent; border-color: #0dcaf0; color: #0dcaf0; } .btn-outline.btn-info:hover { color: #FFFFFF; border-color: #0dcaf0; background: #0dcaf0; } .btn-outline.btn-danger { background: transparent; border-color: #dc3545; color: #dc3545; } .btn-outline.btn-danger:hover { color: #FFFFFF; border-color: #dc3545; background: #dc3545; } .btn-outline.btn-warning { background: transparent; border-color: #ffc107; color: #ffc107; } .btn-outline.btn-warning:hover { color: #FFFFFF; border-color: #ffc107; background: #ffc107; } .btn-inverse.btn-primary:hover { color: #0d6efd; background: #FFFFFF; } .btn-inverse.btn-success:hover { color: #198754; background: #FFFFFF; } .btn-inverse.btn-info:hover { color: #0dcaf0; background: #FFFFFF; } .btn-inverse.btn-danger:hover { color: #dc3545; background: #FFFFFF; } .btn-inverse.btn-warning:hover { color: #ffc107; background: #FFFFFF; } .btn-inverse.btn-theme:hover { color: var(--freeio-theme-color); background: #FFFFFF; } .btn-inverse.btn-second:hover { color: var(--freeio-second-color); background: #FFFFFF; } .view-more-btn i { margin-left: 12px; } .reamore { font-size: 14px; font-weight: 500; color: var(--freeio-theme-color) !important; text-transform: uppercase; padding: 0 0 4px; border-bottom: 2px solid var(--freeio-theme-color); } .reamore i { margin-left: 8px; } .btn-browse { text-transform: uppercase; font-size: 12px; padding: 10px 15px; border: 1px solid #eaeff5; border-radius: 50px; line-height: 1.42857143; } .btn-browse:hover, .btn-browse:focus { background: var(--freeio-theme-color); color: #fff; border-color: var(--freeio-theme-color); } .apus-loadmore-btn { display: inline-block; padding: 10px 30px; border: 1px solid #24324A; text-transform: capitalize; font-weight: 600; color: #24324A; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 8px; position: relative; } @media (min-width: 1200px) { .apus-loadmore-btn { padding: 10px 40px; } } .apus-loadmore-btn:hover, .apus-loadmore-btn:focus { color: #fff; border-color: #24324A; background-color: #24324A; } .apus-loadmore-btn.loading { border-color: transparent !important; background-color: transparent !important; color: transparent !important; } .apus-loadmore-btn.loading:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .viewmore-products-btn { position: relative; } .viewmore-products-btn:before { content: ''; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); z-index: 2; opacity: 0; filter: alpha(opacity=0); background: rgba(255, 255, 255, 0.9) url(../images/loading-quick.gif) no-repeat scroll center center/20px auto; } .viewmore-products-btn.loading:before { opacity: 1; filter: alpha(opacity=100); } button:focus, .btn:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .radius-0 { border-radius: 0 !important; } .radius-circle { border-radius: 100px !important; } .read-more { font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--freeio-theme-color); } .btn-theme.btn-white { background: #fff; color: var(--freeio-theme-color) !important; border-color: #fff; } .btn-theme.btn-white:active, .btn-theme.btn-white:hover { background-color: var(--freeio-theme-color); color: #fff !important; border-color: var(--freeio-theme-color); } .btn-purple { background: #bc7cbf; color: #fff; border-color: #bc7cbf; } .btn-purple:active, .btn-purple:hover { color: #fff; background: #b36bb7; border-color: #b36bb7; } .btn-brown { background: transparent; color: #c0c0c0; border-color: #4e4f4f; } .btn-brown:focus, .btn-brown:hover { color: #fff; background: transparent; border-color: #fff; } .btn-back { padding: 8px 15px; border-radius: 2px; background: rgba(255, 58, 114, 0.1); color: #ff7c39; border-color: #ff7c39; } .btn-back:focus, .btn-back:hover { color: #fff; background: #ff3a72; border-color: #ff7c39; } .btn-white.btn-br-white { background: #fff; color: var(--freeio-link-color); border-color: #fff; } .btn-white.btn-br-white:active, .btn-white.btn-br-white:hover { color: var(--freeio-link-color); background: #d9d9d9; border-color: #d9d9d9; } .btn-readmore { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: underline; color: var(--freeio-theme-hover-color); } .btn-lighten { border-color: #fff; color: #fff; background: transparent; } .btn-lighten:hover { color: #fff; background: transparent; border-color: #fff; } .btn-outline.btn-white { background: transparent; color: #fff; border-color: #fff; } .btn-outline.btn-white:active, .btn-outline.btn-white:hover { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .btn-primary.btn-inverse:active, .btn-primary.btn-inverse:hover { background: #fff !important; color: #0d6efd !important; border-color: #0d6efd !important; } .btn-theme { background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); color: #fff; } .btn-theme:active, .btn-theme:hover { background: var(--freeio-theme-hover-color); border-color: var(--freeio-theme-hover-color); color: #fff; } .btn-green { color: #48C740; background-color: #fff; border-color: #48C740; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-green:hover { color: #000; background-color: white; border-color: #5acd53; } .btn-check:focus + .btn-green, .btn-green:focus { color: #000; background-color: white; border-color: #5acd53; box-shadow: 0 0 0 0.25rem rgba(72, 199, 64, 0.5); } .btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle { color: #000; background-color: white; border-color: #5acd53; } .btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(72, 199, 64, 0.5); } .btn-green:disabled, .btn-green.disabled { color: #000; background-color: #fff; border-color: #48C740; } .btn-dark { color: #0D263B; background-color: #fff; border-color: #0D263B; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-dark:hover { color: #000; background-color: white; border-color: #253c4f; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #000; background-color: white; border-color: #253c4f; box-shadow: 0 0 0 0.25rem rgba(13, 38, 59, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #000; background-color: white; border-color: #253c4f; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(13, 38, 59, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #000; background-color: #fff; border-color: #0D263B; } .btn-theme-rgba10 { background: var(--freeio-theme-color-010); border-color: transparent; color: var(--freeio-theme-color); } .btn-theme-rgba10:hover, .btn-theme-rgba10:focus { color: #fff; background: var(--freeio-theme-color); border-color: transparent; } .btn-theme.btn-outline { color: var(--freeio-theme-color); border-color: var(--freeio-theme-color); background: transparent; } .btn-theme.btn-outline:hover, .btn-theme.btn-outline:active { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .btn-outline.btn-green { color: #48C740; border-color: #48C740; background: transparent; } .btn-outline.btn-green:hover, .btn-outline.btn-green:active { color: #fff; background: #48C740; border-color: #48C740; } /* Search ------------------------------------------------*/ .search-popup .dropdown-menu { padding: 10px; } .searchform .input-search { padding: 15px; border-right: 0; line-height: 1.5; } .searchform .btn-search { vertical-align: top; color: #adafac; padding: 12px 0.65rem; } .searchform .input-group-btn { line-height: 100%; } .search-category .btn { margin-left: 10px !important; border-radius: 4px !important; } .search-category .wpo-search-inner label.form-control { border: none; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .search-category select { border: none; text-transform: capitalize; font-weight: 500; } /* comment form ------------------------------------------------*/ .chosen-container { width: 100% !important; } .input-group-form { border-radius: 3px; background: transparent; margin: 0 0 5px 0; } .input-group-form .form-control-reversed { border: 0px; background: #e5e5e5; color: #cccccc; font-size: 14px; height: 34px; } .input-group-form .form-control-reversed:hover, .input-group-form .form-control-reversed:focus { -webkit-box-shadow: none; box-shadow: none; } .input-group-form .input-group-addon { border: 0; background: #e5e5e5; border-radius-left: 4px; } .btn-compare, .btn-favorites { font-size: 21px; line-height: 1; } .btn-compare .count, .btn-favorites .count { font-size: 13px; display: inline-block; font-weight: 600; color: #fff; background-color: var(--freeio-theme-color); border-radius: 50%; padding: 4px 7px; vertical-align: top; margin-top: -10px; margin-left: -14px; } .btn-underline { text-decoration: underline; } .btn-underline:hover { color: var(--freeio-theme-color); } .btn-view-all-photos { background-color: #fff; } .btn-view-all-photos i { display: inline-block; margin-right: 8px; } @media (max-width: 991px) { .btn-view-all-photos { padding: 5px 10px; } } .btn-view i, .view-my-listings i { display: inline-block; margin-left: 5px; } .btn-view { font-weight: 700; white-space: nowrap; padding: 0; border: 0; background: transparent; color: var(--freeio-link-color); } .btn-view:hover, .btn-view:focus { color: var(--freeio-theme-color); background: transparent; } .btn-show-filter i { display: inline-block; margin-left: 10px; line-height: 1; vertical-align: middle; font-size: 16px; } .btn-app { line-height: 1; color: #fff; background-color: var(--freeio-second-color); padding: 10px 20px; border-radius: 8px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: left; } @media (min-width: 1200px) { .btn-app { padding: 14px 25px; } } .btn-app:hover, .btn-app:focus { color: #fff; background-color: var(--freeio-link-color); } .btn-app .app-icon { font-size: 20px; line-height: 1; width: 40px; padding-right: 20px; flex-shrink: 0; } @media (min-width: 1200px) { .btn-app .app-icon { width: 42px; font-size: 25px; } } .btn-app .inner { padding-left: 20px; flex-grow: 1; border-left: 1px solid rgba(255, 255, 255, 0.3); } .btn-app .name-app { display: block; font-size: 0.9375rem; font-weight: 500; margin-top: 5px; } .btn-app .sub { font-size: 12px; } .btn-app.st_white { background: rgba(255, 255, 255, 0.1); } .btn-app.st_white:hover, .btn-app.st_white:focus { color: #fff; background: rgba(255, 255, 255, 0.2); } .btn-app.st_white .inner { padding: 0; border: 0; } .btn-app.st_green { background: #F1FCFA; color: var(--freeio-link-color); } .btn-app.st_green:hover, .btn-app.st_green:focus { color: var(--freeio-link-color); background: #c7f3eb; } .btn-app.st_green .inner { padding: 0; border: 0; } .btn-app.st_dark { background: #222222; } .btn-app.st_dark:hover, .btn-app.st_dark:focus { background: var(--freeio-second-color); } .btn-app.st_gray { background: #F0EFEC; color: var(--freeio-link-color); } .btn-app.st_gray:hover, .btn-app.st_gray:focus { color: #fff; background: var(--freeio-second-color); } .btn-light-theme { border: 0; text-transform: uppercase; background-color: var(--freeio-theme-color-010); color: var(--freeio-theme-color); padding: 11px 35px; } .btn-light-theme:hover, .btn-light-theme:focus { color: #fff; background-color: var(--freeio-theme-color); } .filter { padding: 8px 20px; border: 0; background-color: #F4F4F4; color: var(--freeio-text-color); } @media (min-width: 1200px) { .filter { padding: 8px 1.875rem; } } .filter i { margin-right: 10px; display: inline-block; line-height: 1; vertical-align: middle; } .filter:hover, .filter:focus { color: #fff; background-color: var(--freeio-theme-color); } .save-search-btn, .reset-search-btn { white-space: nowrap; } .save-search-btn i, .reset-search-btn i { display: inline-block; margin-right: 5px; vertical-align: middle; } .mobile-menu-icon { display: inline-block; position: relative; width: 20px; height: 16px; line-height: 1; border-top: 2px solid #222222; } .mobile-menu-icon:after, .mobile-menu-icon:before { content: ''; position: absolute; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #222222; bottom: 0; right: 0; width: 100%; height: 2px; } .mobile-menu-icon:after { width: 15px; height: 2px; } .mobile-menu-icon:before { width: 100%; height: 2px; bottom: 50%; } .mobile-menu-icon:hover:after { width: 100%; } /* 4. layout */ /*------------------------------------*\ apus-topbar \*------------------------------------*/ .mm-menu .wpml-ls-legacy-dropdown a, .topbar-right-inner .wpml-ls-legacy-dropdown a { border: none !important; padding-top: 0; padding-bottom: 2px; background: transparent !important; } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { background: #fff; border: none; padding: 5px 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { padding: 5px 10px; } .mm-menu .wpml-ls-legacy-dropdown, .topbar-right-inner .wpml-ls-legacy-dropdown { width: auto; } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { min-width: 140px; } /*------------------------------------*\ Header \*------------------------------------*/ body.page-template-page-dashboard #apus-header, body.fix-header #apus-header { position: fixed; z-index: 5; top: 0; left: 0; width: 100%; } .together-sidebar-account { font-size: 20px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .together-sidebar-account:hover { color: var(--freeio-theme-color); } .top-wrapper-menu { position: relative; } .top-wrapper-menu:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 15px; } .top-wrapper-menu .space { margin: 0 7px; opacity: 0.2; filter: alpha(opacity=20); } .top-wrapper-menu .name-wrapper { color: var(--freeio-link-color); padding-left: 15px; font-weight: 500; line-height: 1.7; } .top-wrapper-menu .balance-available { font-weight: 400; font-size: 13px; } .top-wrapper-menu .icon-down { font-size: 12px; } .top-wrapper-menu .inner-top-menu { margin-top: 10px; padding: 0.9375rem; position: absolute; top: 100%; right: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); background: #fff; border: 1px solid #E9E9E9; border-radius: 4px; z-index: 4; min-width: 300px; max-height: 85vh; overflow-y: auto; scrollbar-width: thin; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } @media (min-width: 1200px) { .top-wrapper-menu .inner-top-menu { padding: 1.875rem; } } .top-wrapper-menu:hover .inner-top-menu { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .top-wrapper-menu .avatar-wrapper { width: 50px; height: 50px; overflow: hidden; background: #fff; border-radius: 50%; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; } .top-wrapper-menu .avatar-wrapper img { margin: 0; } .top-wrapper-menu .btn-account { font-weight: 500; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 4px 25px; border-radius: 4px; color: var(--freeio-link-color); border: 2px solid transparent; background: #fff; vertical-align: middle; } .top-wrapper-menu .btn-account:hover, .top-wrapper-menu .btn-account:focus { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .top-wrapper-menu .btn-account + .btn-account { margin-left: 0.9375rem; } @media (min-width: 1200px) { .top-wrapper-menu .btn-account + .btn-account { margin-left: 1.875rem; } } .logged-in-wrapper { text-align: center; font-size: 17px; font-weight: 500; } .logged-in-wrapper .button { color: #dc3545; } .header-default { background: #fff; border-bottom: 1px solid #E9E9E9; padding: 25px 0; } @media (min-width: 1200px) { .header-default .megamenu > li { margin-right: 32px; } .header-default .megamenu > li:last-child { margin-right: 0; } } .header-mobile { padding: 20px 0; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background: #fff; border-bottom: 1px solid #E9E9E9; } .header-mobile .btn-showmenu { margin-left: 1.875rem; line-height: 1; } .header-mobile .btn-account { background: transparent !important; border: 0; padding: 0; color: var(--freeio-link-color); } .header-mobile .btn-account:hover, .header-mobile .btn-account:focus { color: var(--freeio-theme-color); } .sticky-header { position: fixed !important; z-index: 5; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); background: #fff; } .sticky-header.sticky-header-hidden { -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); -o-transform: translateY(-110%); transform: translateY(-110%); } .sticky-header .vertical-wrapper.show-always .content-vertical { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .sticky-header .vertical-wrapper.show-always:hover .content-vertical { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .header_transparent .apus-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 7; } .header_transparent:not(.fix-header) .main-sticky-header:not(.sticky-header) section.elementor-element:not(.no-transparent) { background: transparent !important; } .header_transparent:not(.fix-header) .main-sticky-header:not(.sticky-header) section.elementor-element:not(.no-transparent) .apus-user-register, .header_transparent:not(.fix-header) .main-sticky-header:not(.sticky-header) section.elementor-element:not(.no-transparent) .apus-user-login { color: #fff; } .header_transparent:not(.fix-header) .no_keep_header section.elementor-element:not(.no-transparent) { background: transparent !important; } .header_transparent .main-sticky-header:not(.sticky-header) .megamenu > li > a { color: #fff; } body.header_fixed .apus-header { position: fixed; width: 100%; background: #fff; top: 0; left: 0; } .main-sticky-header { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .header-button-woo > div { margin-left: 25px; } .header-button-woo > div:last-child { margin-left: 0; } .header-sidebar { position: fixed; width: 100px; z-index: 91; left: 0; top: 0; min-height: 100vh; background: #000; color: #fff; } .header-sidebar a { color: #fff; } .header-sidebar a:hover, .header-sidebar a:active { color: var(--freeio-theme-color); } .header-sidebar .show-main-menu { width: 100px; height: 100px; line-height: 100px; border-width: 0 0 1px; border-color: #E9E9E9; color: #fff; background: #000000; } .header-sidebar .apus-topcart { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; border-top: 1px solid #333333; } .header-sidebar .apus-topcart .count { color: #fff; font-size: 12px; text-transform: uppercase; } .header-sidebar .apus-topcart .dropdown-menu { bottom: 0; top: inherit; left: 100%; } .header-sidebar .service { color: #999999; white-space: nowrap; position: absolute; top: 50%; z-index: 9; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; left: 50px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: 0 11px; } .header-sidebar .service > * { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header-sidebar .service p { margin: 0; } .over-dark { cursor: not-allowed; display: block; visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0; right: 0; z-index: 6; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.7); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .over-dark.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } /*------------------------------------*\ Breadcrumb \*------------------------------------*/ .apus-breadcrumb { margin: 0 0 1.875rem; text-align: left; font-size: 0.9375rem; } .apus-breadcrumb .breadcrumb-title { margin: 0; font-weight: 300; font-size: 48px; } .apus-breadcrumb nav { text-align: left; line-height: 30px; } .apus-breadcrumb nav a { color: #000; } /*------------------------------------*\ Content \*------------------------------------*/ .apus-content { background: #fff; } /*------------------------------------*\ Pagination \*------------------------------------*/ .navigation { display: block; clear: both; } .pagination, .pagination-links, .apus-pagination { width: 100%; padding: 0.625rem 0; margin: 0; text-align: center; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; align-items: center; -ms-align-items: center; -webkit-align-items: center; } @media (min-width: 1200px) { .pagination, .pagination-links, .apus-pagination { padding: 1.25rem 0; } } .pagination li, .pagination-links li, .apus-pagination li { display: inline-block; vertical-align: middle; margin: 0; } .pagination li > span, .pagination li > a, .pagination-links li > span, .pagination-links li > a, .apus-pagination li > span, .apus-pagination li > a { text-align: center; font-weight: 500; font-size: 0.9375rem; margin: 0 5px; display: inline-block; float: none; color: var(--freeio-link-color); border-radius: 50% !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; min-width: 40px; line-height: 40px; padding: 0 5px; border: 0; background: #fff; position: relative; overflow: hidden; } .pagination li > span:focus, .pagination li > span:hover, .pagination li > span.current, .pagination li > a:focus, .pagination li > a:hover, .pagination li > a.current, .pagination-links li > span:focus, .pagination-links li > span:hover, .pagination-links li > span.current, .pagination-links li > a:focus, .pagination-links li > a:hover, .pagination-links li > a.current, .apus-pagination li > span:focus, .apus-pagination li > span:hover, .apus-pagination li > span.current, .apus-pagination li > a:focus, .apus-pagination li > a:hover, .apus-pagination li > a.current { color: #fff; background: var(--freeio-theme-color); } .pagination > span, .pagination > a, .pagination-links > span, .pagination-links > a, .apus-pagination > span, .apus-pagination > a { text-align: center; font-weight: 500; font-size: 0.9375rem; margin: 0 5px; display: inline-block; float: none; color: var(--freeio-link-color); border-radius: 50% !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; min-width: 40px; line-height: 40px; padding: 0 5px; border: 0; background: #fff; position: relative; overflow: hidden; } .pagination > span:focus, .pagination > span:hover, .pagination > span.current, .pagination > a:focus, .pagination > a:hover, .pagination > a.current, .pagination-links > span:focus, .pagination-links > span:hover, .pagination-links > span.current, .pagination-links > a:focus, .pagination-links > a:hover, .pagination-links > a.current, .apus-pagination > span:focus, .apus-pagination > span:hover, .apus-pagination > span.current, .apus-pagination > a:focus, .apus-pagination > a:hover, .apus-pagination > a.current { color: #fff; background: var(--freeio-theme-color); } .pagination .prev, .pagination .next, .pagination-links .prev, .pagination-links .next, .apus-pagination .prev, .apus-pagination .next { width: 50px; height: 50px; line-height: 48px; border: 1px solid #E9E9E9; } .pagination .prev:focus, .pagination .prev:hover, .pagination .next:focus, .pagination .next:hover, .pagination-links .prev:focus, .pagination-links .prev:hover, .pagination-links .next:focus, .pagination-links .next:hover, .apus-pagination .prev:focus, .apus-pagination .prev:hover, .apus-pagination .next:focus, .apus-pagination .next:hover { color: var(--freeio-link-color); background: #fff; border-color: var(--freeio-link-color); } .pagination ul.page-numbers, .pagination-links ul.page-numbers, .apus-pagination ul.page-numbers { margin: 0; padding: 0; list-style: none; } .pagination i, .pagination-links i, .apus-pagination i { font-weight: 400; } /*------------------------------------*\ Footer \*------------------------------------*/ .apus-footer-mobile { display: none; } .apus-footer { background: transparent; position: relative; color: var(--freeio-text-color); font-size: 0.9375rem; font-weight: 400; } .apus-footer a:not([class]) { color: var(--freeio-link-color); } .apus-footer a:not([class]):hover, .apus-footer a:not([class]):focus, .apus-footer a:not([class]):active { color: var(--freeio-link_hover_color); } .apus-header { background: transparent; position: relative; z-index: 2; color: var(--freeio-text-color); font-size: 0.9375rem; font-weight: 400; } /*------------------------------------*\ Copyright \*------------------------------------*/ .apus-copyright { color: var(--freeio-text-color); font-size: 0.9375rem; font-weight: 400; background: #ffffff; padding-top: 20px; padding-bottom: 20px; position: relative; } .apus-copyright a { color: var(--freeio-link-color); } .apus-copyright a:hover, .apus-copyright a:focus, .apus-copyright a:active { color: var(--freeio-theme-color); } /*------------------------------------*\ Top bar \*------------------------------------*/ .apus-offcanvas-header { padding: 10px 20px 10px 1.875rem; border-bottom: 1px solid #E9E9E9; margin-bottom: 1.875rem; } .apus-offcanvas-header .close-offcanvas { width: 40px; height: 40px; border-radius: 8px; color: var(--freeio-link-color); background: var(--freeio-theme-color-010); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 12px; cursor: pointer; } .apus-offcanvas-header .close-offcanvas:hover, .apus-offcanvas-header .close-offcanvas:focus { color: #fff; background: var(--freeio-theme-color); } .apus-offcanvas-header .title { color: var(--freeio-link-color); font-weight: 500; font-size: 17px; } .apus-offcanvas { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: fixed; top: 0; left: 0; z-index: 1000; width: 400px; max-width: 100%; background: #fff; height: 100vh; overflow-x: auto; display: -webkit-flex; /* Safari */ display: flex; flex-direction: column; -webkit-flex-direction: column; } .apus-offcanvas .apus-offcanvas-body { position: relative; height: calc(100% - 61px); } .apus-offcanvas .offcanvas-bottom, .apus-offcanvas .offcanvas-top { height: 20%; } .apus-offcanvas .offcanvas-middle { height: 60%; padding: 20px 0; overflow-x: hidden; } .apus-offcanvas.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15); } .apus-offcanvas .elementor-column { width: 100% !important; } .apus-offcanvas .elementor-column .elementor-column-wrap, .apus-offcanvas .elementor-column .elementor-widget-wrap { padding: 0 !important; } .apus-offcanvas .elementor-column .widget { margin-bottom: 10px; } .apus-offcanvas .menu-account-mobile { padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #E9E9E9; list-style: none; } .apus-offcanvas .menu-account-mobile > li > a { display: inline-block; width: 100%; padding: 15px 1.875rem; line-height: 1.4em; font-weight: 500; } @media (max-width: 991px) { .topbar-mobile { padding: 10px; } .topbar-mobile .btn { margin-right: 10px; padding: 6px 10px; } .topbar-mobile .top-cart .dropdown-menu { left: 0; right: inherit; } .topbar-mobile .top-cart .dropdown-menu:after, .topbar-mobile .top-cart .dropdown-menu:before { display: none; } } .open-text { color: #198754; } .close-text { color: #dc3545; } #mobile-offcanvas-sidebar { position: fixed; z-index: 999; top: 0px; width: 270px; height: 100%; max-width: 80%; background: #fff; } #mobile-offcanvas-sidebar.mobile-offcanvas-left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } #mobile-offcanvas-sidebar.mobile-offcanvas-left > .mobile-sidebar-btn { left: 100%; } #mobile-offcanvas-sidebar.mobile-offcanvas-right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } #mobile-offcanvas-sidebar.mobile-offcanvas-right > .mobile-sidebar-btn { right: 100%; } #mobile-offcanvas-sidebar .mobile-sidebar-wrapper { display: none; height: 100%; width: 100%; padding: 0 15px; } #mobile-offcanvas-sidebar.active > .mobile-sidebar-wrapper { display: block; } #mobile-offcanvas-sidebar > .mobile-sidebar-btn { position: absolute; top: 100px; } .mobile-sidebar-panel-overlay { position: fixed; top: 0; left: 0; z-index: -5; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .mobile-sidebar-panel-overlay.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); z-index: 5; cursor: not-allowed; } .apus-footer-mobile { position: fixed; z-index: 999; background: rgba(255, 255, 255, 0.9); padding: 10px 20px; bottom: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .apus-footer-mobile .footer-search-mobile { position: absolute; z-index: 999; left: 0; top: -60px; width: 100%; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-footer-mobile .footer-search-mobile.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .apus-footer-mobile > ul { padding: 0; margin: 0; list-style: none; text-align: center; } .apus-footer-mobile > ul > li { text-transform: uppercase; display: inline-block; padding: 0 25px; text-align: center; position: relative; } .apus-footer-mobile > ul > li span { display: block; font-size: 10px; line-height: 1; } .apus-footer-mobile > ul > li .wishlist-icon, .apus-footer-mobile > ul > li .mini-cart { line-height: 1.85; } .apus-footer-mobile > ul > li .wrapper-morelink { opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; right: 0; bottom: 40px; padding: 20px; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); } .apus-footer-mobile > ul > li .wrapper-morelink .footer-morelink { list-style: none; padding: 0; margin: 0; font-size: 10px; } .apus-footer-mobile > ul > li .wrapper-morelink li { padding: 3px 0; white-space: nowrap; display: block; width: 100%; text-align: left; } .apus-footer-mobile > ul > li .wrapper-morelink.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .apus-footer-mobile .mini-cart i { font-size: 15px; } .apus-footer-mobile .mini-cart .count { top: 2px; } .apus-footer-mobile .apus-search-form { min-width: 300px; padding: 10px 30px; background: rgba(255, 255, 255, 0.9); } .apus-footer-mobile .apus-search-form .select-category { display: none; } .apus-footer-mobile .apus-search-form form { border: none; margin: 0; } .apus-footer-mobile .apus-search-form form .form-control { border: 1px solid #E9E9E9; } .close-sidebar-btn, .mobile-sidebar-btn { cursor: pointer; font-weight: 600; margin-bottom: 10px; font-size: 14px; display: inline-block; } .mobile-sidebar-btn { padding: 8px; margin: 0; color: #fff !important; background: var(--freeio-theme-color); position: fixed; top: 30%; z-index: 6; font-size: 18px; line-height: 1; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .mobile-sidebar-btn:hover, .mobile-sidebar-btn:focus { opacity: 1; filter: alpha(opacity=100); } .mobile-sidebar-btn.btn-left { right: 0; border-radius: 4px 0 0 4px; } .mobile-sidebar-btn.btn-right { border-radius: 0 4px 4px 0; left: 0; } .close-sidebar-btn:active, .close-sidebar-btn:hover { color: #dc3545; } .close-sidebar-btn { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #E9E9E9; width: 100%; text-align: center; color: #dc3545; } @media (max-width: 991px) { .sidebar:not(.sidebar-listing-detail) { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; z-index: 8; top: 0px; width: 330px; height: 100vh; max-width: 90%; position: fixed; padding: 15px; background: #fff; overflow-y: auto; } .sidebar:not(.sidebar-listing-detail).sidebar-left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sidebar:not(.sidebar-listing-detail).sidebar-left.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .sidebar:not(.sidebar-listing-detail).sidebar-right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .sidebar:not(.sidebar-listing-detail).sidebar-right.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .apus-header .wrapper-topmenu:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; background: transparent; z-index: 9; } .apus-header .wrapper-topmenu .dropdown-menu-right { top: calc(100% + 10px); } .apus-topbar .wrapper-topmenu:hover > a { color: #fff; } .wrapper-top-cart .overlay-dropdown-menu-right { position: fixed; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 98; } .wrapper-top-cart .overlay-dropdown-menu-right.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .wrapper-top-cart > .dropdown-menu-right { max-width: 70%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; position: fixed; z-index: 999; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; top: 0; right: 0; background: #fff; width: 420px; height: 100%; padding: 1.875rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_heading { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex: 0 0 auto; -webkit-flex: 0 0 auto; } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_heading > h3 { margin: 0 0 20px; font-size: 22px; padding: 0 0 20px; border-bottom: 1px solid #E9E9E9; width: 100%; cursor: pointer; color: #dc3545; } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_content_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; height: 100%; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content .cart_list { flex: 1 1 auto; -webkit-flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content .cart-bottom { flex-direction: column; -webkit-flex-direction: column; flex: 0 0 auto; -webkit-flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .wrapper-top-cart > .dropdown-menu-right.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .wrapper-top-cart .cart_list .variation { margin: 0; } .wrapper-top-cart .cart_list .variation > * { display: inline-block; vertical-align: middle; } .wrapper-top-cart .cart_list .variation > * p { margin: 0; } .wrapper-top-cart .buttons .btn-block { margin-bottom: 10px; } /* 5. menu */ .megamenu { padding: 0; float: none; } .megamenu .menu-item-description { font-size: 14px; text-transform: capitalize; } .megamenu > li { display: inline-block; padding: 0; margin: 0; vertical-align: top; float: none; position: relative; margin-right: 18px; } @media (min-width: 1200px) { .megamenu > li { margin-right: 28px; } } .megamenu > li:last-child { margin-right: 0; } .megamenu > li:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 2px; background: transparent; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .megamenu > li:after { content: ''; display: block; position: absolute; width: 100%; height: 20px; top: 100%; left: 0; } .megamenu > li > a { display: inline-block; font-size: 0.9375rem; font-weight: 500; background: transparent !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; text-transform: capitalize; padding: 6px 0; } .megamenu > li > a .fa, .megamenu > li > a img { max-width: 50px; margin-left: 3px; } .megamenu > li > a:hover, .megamenu > li > a:active, .megamenu > li > a:focus { color: var(--freeio-link_hover_color); } .megamenu > li:hover > a, .megamenu > li.active > a { color: var(--freeio-link_hover_color); } .megamenu > li:hover:before, .megamenu > li.active:before { width: 100%; } .megamenu > li.aligned-left > .dropdown-menu { left: 0; } .megamenu > li.aligned-right > .dropdown-menu { left: auto; right: 0; } .megamenu > li > .dropdown-menu { min-width: 240px; } .megamenu .dropdown-menu { border-radius: 4px !important; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); padding: 0px; border: 1px solid #E9E9E9; font-weight: 500; } .megamenu .dropdown-menu .text-label { font-size: 12px; vertical-align: super; margin-left: 5px; color: var(--freeio-theme-color); } .megamenu .dropdown-menu .text-label.label-hot { color: #dc3545; } .megamenu .dropdown-menu .text-label.label-new { color: #198754; } .megamenu .dropdown-menu .current-menu-item > a { color: #fff; } .megamenu .dropdown-menu li > a { background: transparent; position: relative; text-transform: capitalize; padding: 8px 30px; width: 100%; display: inline-block; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; color: var(--freeio-link-color); white-space: nowrap; } .megamenu .dropdown-menu li > a:before { content: ''; position: absolute; top: 0; left: -1px; width: 2px; height: 100%; background: var(--freeio-theme-color); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .megamenu .dropdown-menu li > a:hover, .megamenu .dropdown-menu li > a:active { color: var(--freeio-link-color); background: #F0EFEC; } .megamenu .dropdown-menu li > a:hover:before, .megamenu .dropdown-menu li > a:active:before { opacity: 1; filter: alpha(opacity=100); } .megamenu .dropdown-menu li > a b { display: none; } .megamenu .dropdown-menu li > a:after { position: absolute; top: 18px; right: 20px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .megamenu .dropdown-menu li:hover > a, .megamenu .dropdown-menu li.current-menu-item > a, .megamenu .dropdown-menu li.open > a, .megamenu .dropdown-menu li.active > a { color: var(--freeio-link-color); background: #F0EFEC; } .megamenu .dropdown-menu li:hover > a:before, .megamenu .dropdown-menu li.current-menu-item > a:before, .megamenu .dropdown-menu li.open > a:before, .megamenu .dropdown-menu li.active > a:before { opacity: 1; filter: alpha(opacity=100); } .megamenu .dropdown-menu .widget-title, .megamenu .dropdown-menu .widgettitle { margin: 0 0 10px; font-size: 18px; padding: 0; text-align: left; } .megamenu .dropdown-menu .widget-title:before, .megamenu .dropdown-menu .widget-title:after, .megamenu .dropdown-menu .widgettitle:before, .megamenu .dropdown-menu .widgettitle:after { display: none; } .megamenu .dropdown-menu .dropdown-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); transform-origin: 0 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1); box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1); position: absolute; display: block; left: 100%; top: -1px; background: #fff; min-width: 225px; margin: 0; } .megamenu .dropdown-menu li:hover > .dropdown-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .megamenu .widget { margin-bottom: 0; } .megamenu .widget-nav-menu .menu li { margin-bottom: 0; } .megamenu > li > a > .text-label { font-size: 11px; padding: 0px 5px; background: #0dcaf0; color: #fff; position: absolute; right: -15px; top: -10px; line-height: 2; display: inline-block; text-transform: capitalize; border-radius: 2px; } .megamenu > li > a > .text-label.label-hot { background: #dc3545; } .megamenu > li > a > .text-label.label-hot:before { border-color: #dc3545 transparent transparent #dc3545; } .megamenu > li > a > .text-label.label-new { background: #198754; } .megamenu > li > a > .text-label.label-new:before { border-color: #198754 transparent transparent #198754; } .megamenu > li > a > .text-label:before { content: ''; position: absolute; z-index: 9; top: 100%; letter-spacing: 7px; border-width: 3px; border-style: solid; border-color: #0dcaf0 transparent transparent #0dcaf0; } .megamenu.effect1 > li > .dropdown-menu { display: block; background: #fff; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transform-origin: 0 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); position: absolute; top: 100%; } .megamenu.effect1 > li:hover > .dropdown-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .megamenu.effect2 > li > .dropdown-menu { display: block; background: #fff; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transform-origin: 0 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); position: absolute; top: 100%; } .megamenu.effect2 > li > .dropdown-menu > li { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .megamenu.effect2 > li:hover > .dropdown-menu { margin-top: 0; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .megamenu.effect2 > li:hover > .dropdown-menu > li { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .megamenu.effect3 > li > .dropdown-menu { display: block; background: #fff; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-box-shadow: none; box-shadow: none; position: absolute; top: 100%; -webkit-animation: fadeleft 0.3s ease-in-out 0s; animation: fadeleft 0.3s ease-in-out 0s; } .megamenu.effect3 > li:hover > .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-animation: faderight 0.3s ease-in-out 0s; animation: faderight 0.3s ease-in-out 0s; } .navbar-offcanvas { padding: 0; font-size: 0.9375rem; display: block; } .navbar-offcanvas .sliding-menu__panel { padding: 0; margin: 0; } .navbar-offcanvas .sliding-menu { text-align: left; } .navbar-offcanvas .sliding-menu li a, .navbar-offcanvas .sliding-menu li .sliding-menu__nav { font-size: 0.9375rem; font-weight: 500; background-color: #fff; color: var(--freeio-link-color); position: relative; padding: 15px 30px; text-align: left; } .navbar-offcanvas .sliding-menu li a:after, .navbar-offcanvas .sliding-menu li .sliding-menu__nav:after { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: var(--freeio-theme-color); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); } .navbar-offcanvas .sliding-menu .sliding-menu__nav::before { font-family: 'themify'; content: "\e649"; font-size: 0.8125rem; margin: 0 0 0 1em; float: right; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .navbar-offcanvas .sliding-menu .active > .sliding-menu__nav, .navbar-offcanvas .sliding-menu .active > a { color: var(--freeio-link-color); background: #F0EFEC; } .navbar-offcanvas .sliding-menu .active > .sliding-menu__nav:after, .navbar-offcanvas .sliding-menu .active > a:after { opacity: 1; filter: alpha(opacity=100); } .navbar-offcanvas .sliding-menu .sliding-menu__back { background-color: #222222 !important; color: #fff !important; border-radius: 8px; margin: 0 30px 10px; padding: 15px 20px !important; width: calc(100% - 60px); } .navbar-offcanvas .sliding-menu .sliding-menu__back:before { margin-left: 0; content: "\e64a"; } .navbar-offcanvas .dropdown-menu { margin: 0; } .navbar-offcanvas .dropdown-menu > li a { background: transparent !important; } .navbar-offcanvas .dropdown-menu > li.active > a, .navbar-offcanvas .dropdown-menu > li > a:hover, .navbar-offcanvas .dropdown-menu > li > a:focus { color: var(--freeio-link-color); text-decoration: underline; } .navbar-offcanvas .dropdown-menu [class*="col-sm"] { width: 100%; } .navbar-offcanvas .dropdown-menu .dropdown-menu-inner { padding: 0 1.875rem; } .navbar-offcanvas .dropdown-menu .widgettitle { font-weight: 500; margin: 0 0 10px; } .navbar-offcanvas .dropdown-menu .dropdown-menu { left: 100%; top: 0; } .navbar-offcanvas li:hover .dropdown-menu { display: block; } .navbar-offcanvas .aligned-fullwidth > .dropdown-menu { width: 100%; } .mobile-vertical-menu .navbar-nav li { border-bottom: 1px dashed #E9E9E9; } .mobile-vertical-menu .navbar-nav li:last-child { border-bottom: 0; } .mobile-vertical-menu .navbar-nav li > a { padding: 5px 0; } .mobile-vertical-menu .text-label { font-size: 12px; vertical-align: super; margin-left: 5px; color: var(--freeio-theme-color); font-family: var(--freeio-main-font); } .mobile-vertical-menu .text-label.label-hot { color: #dc3545; } .mobile-vertical-menu .text-label.label-new { color: #198754; } #apus-mobile-menu .btn-toggle-canvas { color: #dc3545; font-size: 1rem; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; cursor: pointer; } #apus-mobile-menu .btn-toggle-canvas:hover, #apus-mobile-menu .btn-toggle-canvas:active { color: #dc3545; } #apus-mobile-menu .offcanvas-head strong { margin: 0 5px; } #apus-mobile-menu .widget-nav-menu .menu li { margin-bottom: 5px; } .main-mobile-menu { float: none; } .main-mobile-menu > li { float: none; } .main-mobile-menu .has-submenu > .sub-menu { padding-left: 1.875rem; list-style: none; display: none; } .main-mobile-menu .has-submenu > .sub-menu li > .icon-toggle { top: 1px; padding: 0 5px; } .main-mobile-menu .has-submenu > .sub-menu li a { font-size: 15px; padding: 2px 0; } .main-mobile-menu .widget .widget-title, .main-mobile-menu .widget .widgettitle, .main-mobile-menu .widget .widget-heading { margin: 0 0 10px; font-size: 16px; padding: 0 0 8px; text-align: inherit; } .main-mobile-menu .sub-menu { max-width: 100%; } .main-mobile-menu .shop-list-small { margin-bottom: 10px; } .main-mobile-menu .text-label { font-size: 12px; vertical-align: super; margin-left: 5px; color: var(--freeio-theme-color); font-family: var(--freeio-main-font); } .main-mobile-menu .text-label.label-hot { color: #dc3545; } .main-mobile-menu .text-label.label-new { color: #198754; } .menu-setting-menu-container .apus-menu-top { margin: 0; padding: 0; list-style: none; line-height: 2; } .menu-setting-menu-container .apus-menu-top li a { padding: 0 15px; width: 100%; } .menu-setting-menu-container .apus-menu-top ul { padding-left: 15px; } .wrapper-topmenu .dropdown-menu { border-radius: 0; } .topmenu-menu { width: 100%; list-style: none; padding: 0; margin: 0; } .topmenu-menu i { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: var(--freeio-second-color); font-size: 20px; line-height: 1; margin-right: 8px; display: inline-block; vertical-align: middle; } @media (min-width: 1200px) { .topmenu-menu i { margin-right: 15px; } } .topmenu-menu > li { float: none; white-space: nowrap; margin-bottom: 2px; } .topmenu-menu > li > a { border-radius: 4px; background: transparent; padding: 10px 0.9375rem; display: inline-block; width: 100%; } @media (min-width: 1200px) { .topmenu-menu > li > a { padding: 12px 1.875rem; } } .topmenu-menu > li:hover > a, .topmenu-menu > li.active > a { background: #222; } .topmenu-menu > li:hover > a, .topmenu-menu > li:hover > a i, .topmenu-menu > li.active > a, .topmenu-menu > li.active > a i { color: #fff; } .mm-menu { background: #fff; color: var(--freeio-text-color); font-weight: 600; font-size: 13px; text-transform: uppercase; border: none; border-radius: 0; } .mm-menu .mm-listview .mm-next::before { border: none; } .mm-menu .elementor-column-wrap { padding: 0 !important; } .mm-menu .mm-panel { width: 100% !important; } .mm-menu .mm-panel .dropdown-menu-inner { padding-top: 20px; margin: -20px -20px 20px; } .mm-menu .menu li { line-height: 50px; margin: 0 !important; border-bottom: 1px solid #E9E9E9; } .mm-menu .menu li:last-child { border-bottom: 0; } .mm-menu .menu li a { padding: 0 !important; } .mm-menu .menu li a:before { display: none !important; } .mm-menu .menu li.active > a { color: var(--freeio-theme-color); } .mm-menu .elementor-widget-wrap { padding-right: 20px !important; padding-left: 20px !important; } .mm-menu .mm-listview > li > a { color: var(--freeio-link-color); background: transparent !important; line-height: 2.2; } .mm-menu .mm-listview > li > a:hover, .mm-menu .mm-listview > li > a:focus { color: var(--freeio-theme-color); } .mm-menu .mm-listview > li > a .text-label { font-size: 11px; padding: 0px 5px; background: #0dcaf0; position: absolute; right: 50px; top: 0; line-height: 2; display: inline-block; text-transform: capitalize; border-radius: 2px; } .mm-menu .mm-listview > li > a .text-label.label-hot { background: #dc3545; } .mm-menu .mm-listview > li > a .text-label.label-hot:before { border-color: #dc3545 transparent transparent #dc3545; } .mm-menu .mm-listview > li > a .text-label.label-new { background: #198754; } .mm-menu .mm-listview > li > a .text-label.label-new:before { border-color: #198754 transparent transparent #198754; } .mm-menu .mm-listview > li > a .text-label:before { content: ''; position: absolute; z-index: 9; top: 100%; left: 7px; border-width: 3px; border-style: solid; border-color: #0dcaf0 transparent transparent #0dcaf0; } .mm-menu .mm-listview .menu-item-description { font-size: 12px; } .mm-menu .mm-listview > li:after { display: none; } .mm-menu .mm-listview > li .mm-next:after { border-color: var(--freeio-link-color); } .mm-menu .mm-listview > li .mm-next:hover:after, .mm-menu .mm-listview > li .mm-next:focus:after { border-color: var(--freeio-theme-color); } .mm-menu .mm-listview > li.active > a { color: var(--freeio-theme-color); } .mm-menu .mm-listview > li.active > .mm-next:after { border-color: var(--freeio-theme-color); } .mm-menu .mm-btn:before { border-color: var(--freeio-link-color); -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .mm-menu .mm-btn:hover:before, .mm-menu .mm-btn:focus:before { border-color: var(--freeio-theme-color); } .mm-menu .mm-title { background: #E6E9EC; padding: 15px 0; font-weight: 600; font-size: 16px; height: auto; color: var(--freeio-link-color) !important; } .mm-menu .mm-navbar { padding: 0; } .mm-menu .mm-navbar .mm-btn { top: 7px; } .mm-menu .widget .widget-title, .mm-menu .widget .widgettitle, .mm-menu .widget .widget-heading { border: none; padding: 0; margin-bottom: 10px; } .mm-menu .widget .widget-title:before, .mm-menu .widget .widgettitle:before, .mm-menu .widget .widget-heading:before { display: none; } .mm-menu li.text-title { font-weight: 700; font-size: 15px; padding: 15px; color: var(--freeio-link-color); text-align: center; border: 0 !important; } .mm-menu li.text-title ~ li { font-size: 13px; padding-left: 20px; } .mm-menu li.text-title ~ li a { padding: 7px; text-transform: capitalize !important; } .mm-menu li.text-title ~ li i { margin-right: 7px; } .mm-panels > .mm-panel > .mm-listview { padding-top: 12px; font-size: 13px; padding-bottom: 40px; } .mm-panels > .mm-panel > .mm-listview > li { border-bottom: 1px solid #E9E9E9; } .mm-panels > .mm-panel > .mm-listview > li:last-child { border-bottom: 0; } .mm-panels > .mm-panel > .mm-listview > li.space-20 { border: none; } .mobile-submit { display: block; position: absolute; z-index: 1; width: 100%; background: #fff; padding: 15px; bottom: 0; left: 0; } .top-menu > li > a { padding: 0 15px; text-transform: capitalize; } #mm-blocker { z-index: 999990; background-color: rgba(13, 38, 59, 0.7); } .mm-menu.mm-offcanvas { z-index: 999991; max-width: 65%; } .mm-menu.mm-offcanvas .social-top:after { display: none; } .mm-menu.mm-offcanvas .social-top a { display: inline-block; font-size: 16px; } .mm-menu.mm-offcanvas .social-top a:hover, .mm-menu.mm-offcanvas .social-top a:active { color: var(--freeio-theme-color); } .mm-menu.mm-offcanvas .widget { margin: 0; } .mm-menu.mm-offcanvas .topbar-right-wrapper { padding: 10px; } .mm-menu.mm-offcanvas .topbar-right-wrapper > * { margin-bottom: 15px; } .mm-menu.mm-offcanvas .topbar-right-wrapper > *:last-child { margin: 0; } .mm-menu.mm-offcanvas .topbar-right-wrapper:after { display: none; } .mm-menu.mm-offcanvas .woocommerce-currency-switcher-form ul.dd-options { margin-top: 0; } html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-listview .mm-next { padding: 0 !important; } .mm-menu.mm-offcanvas { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); border-right: 1px solid #E9E9E9; } @media (max-width: 1200px) { .mm-menu.mm-offcanvas { display: block; } } .mm-menu.mm-offcanvas.mm-opened { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #mm-blocker { cursor: not-allowed; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li > a { font-weight: 400; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li > a i { margin-right: 5px; min-width: 20px; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .fa-minus { color: var(--freeio-theme-color); } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .sub-menu { max-width: 100%; display: none; padding: 0 15px; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title { padding: 0; border: none; margin: 0 0 10px; font-size: 16px; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle:before, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle:after, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title:before, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title:after { display: none; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .dropdown-menu-inner { padding-left: 20px; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .menu li a { padding: 0; font-size: 14px; } .mobile-vertical-menu .widget { margin-bottom: 10px; } .wrapper-menu-dashboard { -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; background-color: #1D293E; position: fixed; left: 0; top: 0; width: 100%; z-index: 3; } .menu-dashboard { overflow-x: auto; } .menu-dashboard a { display: inline-block; white-space: nowrap; width: 100%; background-color: transparent; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 1rem; padding: 10px; color: #fff !important; } @media (min-width: 1200px) { .menu-dashboard a { padding: 15px 10px; } } .menu-dashboard a i { display: inline-block; margin-right: 7px; font-size: 18px; } .menu-dashboard li { flex: 1 1 auto; text-align: center; margin-right: 2px; } .menu-dashboard li:last-child { margin-right: 0; } .menu-dashboard li:hover > a, .menu-dashboard li.active > a { background-color: rgba(255, 255, 255, 0.15); } /* 6. pages */ .home-page-default { padding-top: 1.875rem; padding-bottom: 1.875rem; } @media (min-width: 1200px) { .home-page-default { padding-top: 70px; padding-bottom: 70px; } } .main-page .page-links { clear: both; overflow: hidden; padding: 1.875rem 0; margin: 0; } .main-page #comments { padding-top: 30px; clear: both; } .main-content { padding-bottom: 1.875rem; } @media (min-width: 1200px) { .main-content { padding-bottom: 60px; } } .apus-breadscrumb + .home-page-default { padding-top: 0; } .main-content-detail { padding-bottom: 40px; } @media (min-width: 768px) { .main-content-detail { padding-bottom: 50px; } } @media (min-width: 1200px) { .main-content-detail { padding-bottom: 100px; } } body.no-footer #apus-footer { display: none !important; } .wrapper-main-page.container-fluid { padding-left: 0; padding-right: 0; } .wrapper-main-page.container-fluid > .row { margin-left: 0; margin-right: 0; } .wrapper-main-page.container-fluid > .row > div { padding-left: 0; padding-right: 0; } div.wpcf7-validation-errors { margin: 0; padding: 15px; } .contact-form-content { padding: 1.875rem; background: white; min-height: 260px; } .contact-form-content .rounded { margin-right: 10px; color: #fff; width: 40px; height: 40px; background: #cccccc; } .contact-form-content .rounded .fa, .contact-form-content .rounded .icon { font-size: 16px; margin: 13px; } .page-404 { position: relative; } .page-404 .not-found { padding: 30px 0; } @media (min-width: 1200px) { .page-404 .not-found { padding: 100px 0; } } .page-404 .description { color: var(--freeio-link-color); margin-top: 10px; } .page-404 .return { margin-top: 0.9375rem; } @media (min-width: 1200px) { .page-404 .return { margin-top: 1.875rem; } } .page-404 .title-big { font-size: 25px; margin: 15px 0 0; } @media (min-width: 1200px) { .page-404 .title-big { font-size: 32px; margin-top: 40px; } } .page-404 img { max-width: 80%; } @media (max-width: 767px) { .page-404 { text-align: center; } .page-404 .inner-right { margin-top: 1.875rem; } } @media (min-width: 1200px) { .page-404 .btn { min-width: 270px; text-align: center; } } .page-404 .container { max-width: 1320px; } .top_profile { padding: 30px 30px 25px; border-bottom: 1px solid #dee6ed; } .top_profile .user-logo { margin: 0 0 25px; } .top_profile .logo-inner { width: 150px; height: 150px; padding: 5px; border-radius: 50%; background: #fff; overflow: hidden; margin: auto; } .top_profile .title { font-size: 18px; margin: 0; } .top_profile .categories a { color: var(--freeio-text-color); } .top_profile .categories a:hover, .top_profile .categories a:focus { color: var(--freeio-link-color); } /* 7. post */ /* * General Post Style using for all with naming class entry */ .post.no-results { text-align: center; margin: 0 0 30px; } .post.no-results .widget_search { margin: 25px auto 0; max-width: 600px; } .post.no-results .title-no-results { color: var(--freeio-text-color); margin: 0 0 10px; color: var(--freeio-link-color); font-size: 25px; } @media (min-width: 1200px) { .post.no-results .title-no-results { font-size: 30px; } } @media (min-width: 1200px) { .post.no-results { margin: 0 0 50px; } } .entry-title { font-size: 18px; margin: 0; word-wrap: break-word; } @media (min-width: 1200px) { .entry-title { font-size: 28px; } } .detail-title { font-weight: 700; margin: 0 0 15px; font-size: 22px; } @media (min-width: 1200px) { .detail-title { font-size: 32px; } } .entry-create { margin: 0 0 15px; } .entry-create > * { margin-right: 2px; } .entry-create .author { font-style: italic; text-transform: capitalize; } .comment-form-cookies-consent [type="checkbox"] { margin-right: 7px; } .entry-link { margin-top: 20px; } .entry-link .readmore { color: var(--freeio-theme-color); text-transform: capitalize; font-weight: 500; font-size: -1.0625rem; } .entry-link .readmore:hover { color: #000; } .entry-meta { margin: 0; } .entry-meta .fa, .entry-meta .icon { margin-right: 3px; } .wp-block-quote, blockquote { margin: 1.875rem 0; position: relative; border-radius: 0; font-weight: 500; font-style: italic; color: var(--freeio-link-color); font-size: 0.9375rem; padding: 20px; border-width: 0 0 0 3px; border-style: solid; border-color: var(--freeio-link-color); background: #FFEDE8; } @media (min-width: 1200px) { .wp-block-quote, blockquote { padding: 40px 60px 35px; margin: 50px 0; } } .wp-block-quote cite, blockquote cite { font-size: 17px; font-style: normal; color: var(--freeio-link-color); margin-top: 5px; display: inline-block; font-weight: 500; } @media (min-width: 768px) { .wp-block-quote cite, blockquote cite { margin-top: 15px; } } .wp-block-quote p:last-child, blockquote p:last-child { margin-bottom: 0; } .entry-vote { z-index: 1; display: table; text-align: center; top: 20px; position: absolute; background: rgba(0, 0, 0, 0.5); width: 44px; height: 44px; right: 20px; } .entry-vote .entry-vote-inner { color: #fff; display: table-cell; vertical-align: middle; font-weight: 700; } .entry-vote.vote-perfect .entry-vote-inner { color: #dc3545; } .entry-vote.vote-good .entry-vote-inner { color: #ffc107; } .entry-vote.vote-average .entry-vote-inner { color: #91e536; } .entry-vote.vote-bad .entry-vote-inner { color: #fd7e14; } .entry-vote.vote-poor .entry-vote-inner { color: #198754; } .post-layout { margin-bottom: 1.875rem; } @media (min-width: 1200px) { .post-layout { margin-bottom: 3.75rem; } } .blog-title { margin-bottom: 1.875rem; } .comment-form { margin-bottom: 10px; } .comment-form label { font-weight: 500; color: var(--freeio-link-color); margin: 0 0 7px; } .comment-form .comment-form-cookies-consent { margin-bottom: 1.875rem !important; } .comment-form .comment-form-cookies-consent label { margin-bottom: 0; display: inline; font-weight: 400; } .comment-form .form-group { margin-bottom: 1.25rem; position: relative; } .comment-form .form-control { margin: 0; } @media (min-width: 1200px) { .comment-form .form-control { height: 55px; } } .comment-form textarea.form-control { height: 120px; resize: none; } @media (min-width: 1200px) { .comment-form textarea.form-control { height: 190px; } } .comment-form .form-submit { margin-bottom: 0; } .comment-form #cancel-comment-reply-link { color: #dc3545; } @media (min-width: 1200px) { .comment-form #submit { min-width: 200px; text-align: center; } } .comment-form .group-upload [class="hidden"] { display: none; } .comment-form .group-upload button { border: 1px solid var(--freeio-theme-color); padding: 0.5rem 1rem; background-color: #fff; color: var(--freeio-theme-color); border-radius: 8px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .comment-form .group-upload button { padding: 1rem 2rem; min-width: 300px; text-align: center; } } .comment-form .group-upload button:hover, .comment-form .group-upload button:focus { background-color: var(--freeio-theme-color); color: #fff; border-color: var(--freeio-theme-color); } .comment-form .group-upload button .upload-file-btn { margin-top: 5px; } .comment-form .group-upload button i { margin-right: 5px; } .commentform.reset-button-default { padding-top: 0.625rem; } /* Post type: List widget list*/ .posts-list { list-style: none; padding: 0; margin: 0; } .posts-list > li { margin: 0 0 20px; } .posts-list > li:last-child { margin: 0; } .posts-list .entry-title { line-height: 1.5; font-size: 0.9375rem; font-weight: 500; margin: 0 0 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .posts-list .image { width: 85px; padding-right: 15px; } .posts-list .image + .inner { flex: 1; -webkit-box-flex: 1; -ms-flex: 1; } .posts-list .image .image-inner { max-height: 70px; overflow: hidden; border-radius: 8px; } .posts-list .date { font-size: 14px; } .post-layout .post-sticky { background: #dc3545; color: #fff; display: inline-block; padding: 0 15px; margin: 5px 0; font-size: 14px; } .post-layout .entry-title .stick-icon { display: inline-block; line-height: 1; margin-right: 5px; } .post-layout .top-image { overflow: hidden; border-radius: 8px; position: relative; } .post-layout .top-image img { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .post-layout .top-image .entry-thumb { margin: 0; } .post-layout iframe { max-width: 100%; } .post-layout .col-content { padding-top: 20px; } .post-layout.sticky .entry-title a { color: var(--freeio-theme-color); } .post-layout .top-detail-info { margin-bottom: 10px; } @media (min-width: 1200px) { .post-layout .top-detail-info { margin-bottom: 20px; } } .post-layout .more-bottom { margin-top: 15px; } @media (min-width: 1200px) { .post-layout .more-bottom { margin-top: 20px; } } .post-layout .description { color: var(--freeio-link-color); margin-top: 18px; } .post-layout:hover .top-image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .post-layout:hover .entry-title a { color: var(--freeio-theme-color); text-decoration: underline; } .post-grid { margin-bottom: 0.9375rem; background: #fff; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } @media (min-width: 1200px) { .post-grid { margin-bottom: 1.875rem; } } .post-grid .col-content { padding: 10px 15px 15px; } @media (min-width: 1200px) { .post-grid .col-content { padding: 20px 30px 25px; } } .post-grid .top-image { border-radius: 0; } .post-grid .entry-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; } @media (min-width: 1200px) { .post-grid .entry-title { font-size: 20px; } } .post-grid .date { margin-bottom: 7px; } .post-grid .description { margin-top: 7px; } .post-grid.v1 { border-radius: 4px; } .post-grid.v1 .col-content { border-width: 0 1px 1px; border-style: solid; border-color: #E9E9E9; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border-radius: 0 0 4px 4px; } .post-grid.v1:hover { -webkit-box-shadow: 10px 10px 0 0 #FFEDE8; box-shadow: 10px 10px 0 0 #FFEDE8; } .post-grid.v1:hover .col-content { border-color: #222; } .post-grid.v2 { border: 1px solid #E9E9E9; } @media (min-width: 1200px) { .post-grid.v2 { border-radius: 12px; } } .post-grid.v2 .entry-title { font-size: 17px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; } .post-grid.v2 .author { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; } .post-grid.v2 .author + .inner { padding-left: 15px; } .post-grid.v2 .author-name { color: var(--freeio-text-color); } .post-grid.v2 .author-name:hover, .post-grid.v2 .author-name:focus { color: var(--freeio-link-color); } .post-grid.v2 .col-content { padding: 15px; } @media (min-width: 1200px) { .post-grid.v2 .col-content { padding: 20px 30px; } } .post-grid.v3 { background: transparent; border-radius: 0; } .post-grid.v3, .post-grid.v3 a, .post-grid.v3 .description { color: #fff !important; } .post-grid.v3 .col-content { padding: 18px 0 0; } .post-grid.v3 .top-image { border-radius: 4px; } .post-grid.v4 { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .post-grid.v4 .top-image { border-radius: 4px; } .post-grid.v4 .col-content { padding: 18px 0 0; } .post-grid.v4 .entry-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1200px) { .post-grid.v4 .entry-title { font-size: 32px; font-weight: 700; margin-bottom: 15px; } } .post-list-item-v2 .avatar-img { border-radius: 50%; display: block; margin-right: 10px; overflow: hidden; width: 50px; } @media (min-width: 1200px) { .post-list-item-v2 .avatar-img { margin-right: 20px; width: 60px; } } .post-list-item-v2 .name-author { font-weight: 500; color: var(--freeio-link-color); text-transform: capitalize; } .post-list-item-v2 .date { font-size: 14px; } .post-list-item-v2 .col-content { padding: 15px 0 0; } .post-list-item-v2 .top-image { width: 100%; } @media (min-width: 768px) { .post-list-item-v2 .top-image { width: 330px; } .post-list-item-v2 .top-image + .col-content { padding: 15px 15px 15px 60px; } } .post-list-item-v2 .author { margin-top: 15px; } @media (min-width: 1200px) { .post-list-item-v2 .author { margin-top: 30px; } } .post-list-item-v2 .list-categories { margin: 0 0 10px; } @media (min-width: 1200px) { .post-list-item-v2 .list-categories { margin-bottom: 15px; } } .post-list-item-v2 .list-categories .categories-name { font-size: 14px; color: var(--freeio-text-color); } .post-list-item-v2 .list-categories .categories-name:hover, .post-list-item-v2 .list-categories .categories-name:focus { color: var(--freeio-link-color); } .post-list-item-v3 { margin-bottom: 15px; } @media (min-width: 1200px) { .post-list-item-v3 { margin-bottom: 1.875rem; } } .post-list-item-v3 .col-content { padding: 0 0 0 15px; } @media (min-width: 1200px) { .post-list-item-v3 .col-content { padding: 0 0 0 35px; } } .post-list-item-v3 .top-image { border-radius: 4px; } .post-list-item-v3 .entry-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; font-weight: 500; } @media (min-width: 1200px) { .post-list-item-v3 .entry-title { font-size: 20px; } } .post-list-item-v3 .date { font-size: 14px; margin-bottom: 8px; } /* Post type: By Category */ .categories-blog-list { list-style: none; padding: 0 0 1px; margin: 0 0 1.875rem; border-bottom: 1px solid #E9E9E9; overflow-x: auto; } .categories-blog-list li { margin: 0 15px 0 0; } @media (min-width: 1200px) { .categories-blog-list li { margin-right: 35px; } } .categories-blog-list li a { display: inline-block; position: relative; padding: 10px 0; font-size: 17px; font-weight: 500; color: var(--freeio-text-color); white-space: nowrap; } .categories-blog-list li a:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: var(--freeio-link-color); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .categories-blog-list li a:hover, .categories-blog-list li a:focus, .categories-blog-list li a.active { color: var(--freeio-link-color); } .categories-blog-list li a:hover:before, .categories-blog-list li a:focus:before, .categories-blog-list li a.active:before { width: 100%; } .top-blog-info { padding: 25px 0; margin-bottom: 20px; border-bottom: 1px solid #E9E9E9; } .top-blog-info i { margin-right: 10px; } .top-blog-info .categories { margin-right: 35px; } .top-blog-info .author a { color: var(--freeio-theme-color); } .top-blog-info a { color: var(--freeio-text-color); } .top-blog-info a:hover, .top-blog-info a:active { color: var(--freeio-theme-color); } .category-posts { position: relative; } .category-posts::after { content: ""; top: 20px; position: absolute; right: 0; width: 1px; height: 1000px; background: #E9E9E9; } .category-posts .post { border-bottom: 1px solid #E9E9E9; } .category-posts .category-posts-label { padding: 1px 3px; border-radius: 0; background: var(--freeio-theme-color); font-weight: 400; text-transform: uppercase; } .category-posts .category-posts-label a { color: #fff; } .category-posts .entry-meta::after { display: none; } .category-posts .posts-more .post:last-child { border: 0px; } .category-posts .posts-more .entry-title a { color: #f8f9fa; } .category-posts .posts-more .entry-title a:hover { color: var(--freeio-theme-color); } /*------------------------------------*\ Comment List \*------------------------------------*/ .comment-list { padding: 0; margin: 0; list-style: none; color: var(--freeio-link-color); } .comment-list .comment-respond { margin-bottom: 20px; } @media (min-width: 1200px) { .comment-list .comment-respond { margin-bottom: 40px; } } .comment-list .comment-respond small { margin-left: 5px; } .comment-list .comment-respond #submit { min-width: auto !important; } .comment-list .comment-respond textarea#comment { height: 150px; } @media (min-width: 1200px) { .comment-list .comment-respond textarea#comment { height: 260px; border-radius: 16px; } } .comment-list #cancel-comment-reply-link { color: #dc3545; } .comment-list .comment-author { font-size: 13px; font-weight: 500; } .comment-list .comment-author > * { margin-right: 15px; } .comment-list .comment-author > *:last-child { margin-right: 0; } .comment-list .name-comment { color: var(--freeio-link-color); margin: 4px 0; font-weight: 500; text-transform: capitalize; line-height: 1.4; font-size: 0.9375rem; } .comment-list .name-comment + .star-rating { margin-left: 15px; } .comment-list .date { font-size: 14px; } .comment-list .children { list-style: none; margin: 0; padding: 0; padding-left: 15px; } @media (min-width: 1200px) { .comment-list .children { padding-left: 70px; } } .comment-list .comment-edit-link { color: #dc3545; } .comment-list .comment-reply-link { color: #02ccad; white-space: nowrap; } .comment-list .comment-text { clear: both; padding-top: 10px; } @media (min-width: 1200px) { .comment-list .comment-text { padding-top: 15px; } } .comment-list .comment-text p:last-child { margin: 0; } .comment-list div.avatar { width: 50px; height: 50px; overflow: hidden; float: left; } @media (min-width: 768px) { .comment-list div.avatar { width: 60px; height: 60px; } } .comment-list div.avatar img { margin: 0; border-radius: 50%; } .comment-list div.avatar + .comment-box { overflow: hidden; padding-left: 15px; } @media (min-width: 1200px) { .comment-list div.avatar + .comment-box { padding-left: 20px; } } .comment-list .the-comment { margin: 0 0 20px; } @media (min-width: 1200px) { .comment-list .the-comment { margin: 0 0 40px; } } .comment-respond #commentform { margin-bottom: 0; } .logged-in-as a + a { color: #dc3545; } /*------------------------------------*\ Single post \*------------------------------------*/ .social-networks li { padding-left: 10px; padding-right: 10px; } .social-networks li:last-child a { margin-right: 0; } .social-networks li a { font-size: 14px; } .social-networks li a:hover { color: var(--freeio-theme-color); } @media (min-width: 1200px) { .detail-post #comments { padding-top: 20px; } } .post-navigation { position: relative; } @media (min-width: 1200px) { .post-navigation { padding: 5px 0; } } .post-navigation .screen-reader-text { display: none; } .post-navigation .nav-links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: -15px; margin-right: -15px; } .post-navigation .nav-links > * { width: 50%; padding-left: 15px; padding-right: 15px; } .post-navigation .nav-links > * i { font-weight: 400; font-size: 0.75rem; margin-right: 3px; } .post-navigation .nav-links > *.nav-next { text-align: right; margin-left: auto; } .post-navigation .nav-links > *.nav-next i { margin: 0; margin-left: 3px; } .post-navigation .nav-links > *.nav-next .title-direct { float: right; } .post-navigation .nav-links > * > a:hover .navi { color: var(--freeio-theme-color); } .post-navigation .nav-links .title-direct { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 80%; color: var(--freeio-link-color); } .post-navigation .nav-links .navi { font-size: 17px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: var(--freeio-link-color); font-weight: 500; text-transform: capitalize; margin-bottom: 2px; } .author-info { padding: 20px 0; } @media (min-width: 1200px) { .author-info { padding: 40px 0; } } .author-info .author-title { font-size: 17px; margin: 0 0 10px; text-transform: capitalize; } .author-info .avatar-img { width: 70px; height: 70px; overflow: hidden; border-radius: 50%; } .author-info .description { color: var(--freeio-link-color); padding-left: 0.9375rem; } @media (min-width: 1200px) { .author-info .description { padding-left: 1.875rem; } } .wrapper-posts-related { background-color: #F1FCFA; padding: 1.875rem 0; } @media (min-width: 768px) { .wrapper-posts-related { padding: 50px 0; } } @media (min-width: 1200px) { .wrapper-posts-related { padding: 100px 0; } } .wrapper-posts-related .post-grid { margin-bottom: 0; } .related-posts .title { font-size: 22px; margin: 0 0 20px; } @media (min-width: 1200px) { .related-posts .title { margin-bottom: 40px; font-size: 28px; } } /*------------------------------------*\ Blog Masonry Page \*------------------------------------*/ .gallery { margin-left: -15px; margin-right: -15px; overflow: hidden; } .gallery .gallery-item { float: left; margin-bottom: 15px; padding-right: 15px; padding-left: 15px; position: relative; } .gallery .gallery-item figcaption { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; max-height: 50%; font-size: 12px; background: rgba(0, 0, 0, 0.5); margin-left: 15px; margin-right: 15px; opacity: 0; filter: alpha(opacity=0); padding: 8px 15px; } .gallery .gallery-item:hover figcaption { opacity: 1; filter: alpha(opacity=100); } .gallery.gallery-columns-9 .gallery-item { width: 11%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-7 .gallery-item { width: 14%; } .gallery.gallery-columns-6 .gallery-item { width: 16.5%; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-3 .gallery-item { width: 33%; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .comment-navigation { overflow: hidden; padding: 20px 0; } .comment-navigation .nav-links > div { display: inline-block; } .comment-navigation .nav-links > div + div { line-height: 1.1; margin-left: 15px; padding-left: 15px; border-left: 2px solid #E9E9E9; } .header-info-blog-inner { margin: 0 0 1.875rem; } @media (min-width: 1200px) { .header-info-blog-inner { margin-bottom: 3.75rem; } } .header-info-blog .entry-thumb img { overflow: hidden; } @media (min-width: 1200px) { .header-info-blog .entry-thumb img { border-radius: 16px; } } .top-detail-info { font-size: 14px; } .top-detail-info > * { display: inline-block; vertical-align: middle; margin-right: 1rem; } @media (min-width: 1200px) { .top-detail-info > * { margin-right: 1.875rem; } } .top-detail-info > *:last-child { margin-right: 0; } .top-detail-info a { color: var(--freeio-text-color); } .top-detail-info a:hover, .top-detail-info a:focus { color: var(--freeio-link-color); } .top-detail-info .avatar-img { border-radius: 50%; display: block; margin-right: 10px; overflow: hidden; flex-shrink: 0; -webkit-flex-shrink: 0; -o-flex-shrink: 0; -ms-flex-shrink: 0; } .main-content-detail.main .inner-content-bottom { max-width: 925px; margin-left: auto; margin-right: auto; } .main-content-detail .inner-content-bottom { margin-top: 1.875rem; } @media (min-width: 1200px) { .main-content-detail .inner-content-bottom { margin-top: 40px; } } .detail-post iframe { max-width: 100%; } .detail-post .bottom-info { margin-bottom: 20px; } .detail-post .bottom-info .suffix { font-style: italic; } .detail-post .bottom-info .author { text-transform: uppercase; } .detail-post .bottom-info > div { display: inline-block; vertical-align: middle; } .detail-post .bottom-info a { color: var(--freeio-text-color); } .detail-post .bottom-info a:hover, .detail-post .bottom-info a:active { color: var(--freeio-theme-color); } .detail-post .tag-social { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; padding: 20px 0; } @media (min-width: 1200px) { .detail-post .tag-social { padding: 40px 0; } } .detail-post .entry-tags-list { display: block; margin: 10px 0 0; position: relative; } .detail-post .post-navigation { border-width: 1px 0; border-style: solid; border-color: #E9E9E9; padding: 20px 0; margin-top: -1px; } @media (min-width: 1200px) { .detail-post .post-navigation { padding: 40px 0; } } .detail-post .entry-description { color: var(--freeio-link-color); margin-bottom: 1.875rem; } @media (min-width: 1200px) { .detail-post .entry-description { margin-bottom: 40px; } } .author-post .avatar { border-radius: 50%; } .author-post .avatar-img { padding-right: 8px; float: left; } .author-post .name-author { display: inline-block; margin-top: 9px; } .author-wrapper .avatar-img { overflow: hidden; border-radius: 50%; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -ms-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; } .author-wrapper .avatar-img img { margin: 0 !important; } .author-wrapper .author-title { font-size: 0.9375rem; font-weight: 400; margin: 0; text-transform: capitalize; } .author-wrapper .author-title a { color: #777777; } .author-wrapper .author-title a:hover, .author-wrapper .author-title a:focus { color: var(--freeio-link-color); } .author-wrapper .right-inner { padding-left: 10px; } .comment-reply-title { font-size: 18px; margin: 0 0 10px; } @media (min-width: 1200px) { .comment-reply-title { margin-bottom: 20px; font-size: 20px; } } .comment-reply-title #cancel-comment-reply-link { color: #dc3545; } .comments-title { font-size: 18px; margin: 0 0 20px; } @media (min-width: 1200px) { .comments-title { margin-bottom: 30px; font-size: 20px; } } /* 8. effect */ .effect-1 { position: relative; } .effect-1:after { content: ''; display: block; width: 0px; height: 1px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 0; bottom: 0; right: 0; background: transparent; margin: auto; } .effect-1:hover:after { width: 100%; height: 1px; background: var(--freeio-theme-color); } .zoom-2 { overflow: hidden; display: block; border-radius: 3px; } .zoom-2 img { position: relative; width: 100%; height: auto; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .zoom-2:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .close .fa { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .close:hover .fa { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .image-overlay-1:after, .image-overlay-1:before { content: ""; display: block; position: absolute; z-index: 100; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .image-overlay-1:after { top: -100%; } .image-overlay-1:before { bottom: -100%; } .image-overlay-1:hover:after { top: -50%; opacity: 1; filter: alpha(opacity=100); } .image-overlay-1:hover:before { bottom: -50%; opacity: 1; filter: alpha(opacity=100); } @keyframes scale { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8) translateY(50px); -moz-transform: scale(0.8) translateY(50px); -ms-transform: scale(0.8) translateY(50px); -o-transform: scale(0.8) translateY(50px); transform: scale(0.8) translateY(50px); transition-property: opacity, transform; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes scale { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8) translateY(50px); -moz-transform: scale(0.8) translateY(50px); -ms-transform: scale(0.8) translateY(50px); -o-transform: scale(0.8) translateY(50px); transform: scale(0.8) translateY(50px); transition-property: opacity, transform; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes fancy { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(110px) rotateY(20deg); -moz-transform: translateY(110px) rotateY(20deg); -ms-transform: translateY(110px) rotateY(20deg); -o-transform: translateY(110px) rotateY(20deg); transform: translateY(110px) rotateY(20deg); transform-origin: left; transition-property: opacity, transform; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } } @keyframes fancy { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(110px) rotateY(20deg); -moz-transform: translateY(110px) rotateY(20deg); -ms-transform: translateY(110px) rotateY(20deg); -o-transform: translateY(110px) rotateY(20deg); transform: translateY(110px) rotateY(20deg); transform-origin: left; transition-property: opacity, transform; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes slide-up { 0% { -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-up { 0% { -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-left { 0% { -webkit-transform: translate3d(3rem, 0, 0); transform: translate3d(3rem, 0, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-left { 0% { -webkit-transform: translate3d(3rem, 0, 0); transform: translate3d(3rem, 0, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translate3d(-3rem, 0, 0); transform: translate3d(-3rem, 0, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-right { 0% { -webkit-transform: translate3d(-3rem, 0, 0); transform: translate3d(-3rem, 0, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-down { 0% { -webkit-transform: translate3d(0, -3rem, 0); transform: translate3d(0, -3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-down { 0% { -webkit-transform: translate3d(0, -3rem, 0); transform: translate3d(0, -3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .scale { animation-name: scale; } .fancy { animation-name: fancy; } .slide-up { animation-name: slide-up; } .slide-left { animation-name: slide-left; } .slide-right { animation-name: slide-right; } .slide-down { animation-name: slide-down; } .delay-1 { transition-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* 10. widgets layout */ .vertical-wrapper { position: relative; } .vertical-wrapper .action-vertical { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: inline-block; padding: 6px 22px; background: rgba(255, 255, 255, 0.1); border-radius: 40px; font-weight: 500; font-size: 0.9375rem; cursor: pointer; } .vertical-wrapper .action-vertical i { display: inline-block; margin-right: 10px; font-weight: 400; line-height: 1; vertical-align: middle; } .vertical-wrapper .content-vertical { padding: 0; display: none; position: absolute; top: 100%; left: 0; width: 100% !important; z-index: 3; min-width: 330px; margin-top: 10px; } .apus-vertical-menu { padding: 0; background: #fff; margin: 0; list-style: none; border-radius: 4px; border: 1px solid #E9E9E9; } .apus-vertical-menu > li { display: block; width: 100%; } .apus-vertical-menu > li > a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; position: relative; width: 100%; padding: 0 20px; line-height: 50px; background: transparent; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 1200px) { .apus-vertical-menu > li > a { line-height: 55px; } } .apus-vertical-menu > li > a:before { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; position: absolute; top: 0; left: -1px; width: 2px; height: 100%; background: var(--freeio-theme-color); opacity: 0; filter: alpha(opacity=0); } .apus-vertical-menu > li > a:after { margin-left: auto; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-vertical-menu > li > a > i, .apus-vertical-menu > li > a > img { font-size: 22px; margin-right: 12px; width: 22px; display: inline-block; color: var(--freeio-second-color); line-height: 1; vertical-align: middle; } .apus-vertical-menu > li .apus-container { padding: 10px 35px; } .apus-vertical-menu > li:hover > a, .apus-vertical-menu > li.active > a { color: var(--freeio-link-color); background: #F0EFEC; } .apus-vertical-menu > li:hover > a:before, .apus-vertical-menu > li.active > a:before { opacity: 1; filter: alpha(opacity=100); } .apus-vertical-menu li:hover > .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .apus-vertical-menu .text-label { font-size: 12px; vertical-align: super; margin-left: 5px; color: var(--freeio-theme-color); font-family: var(--freeio-main-font); } .apus-vertical-menu .text-label.label-hot { color: #dc3545; } .apus-vertical-menu .text-label.label-new { color: #198754; } .apus-vertical-menu .dropdown-menu { min-width: 240px; min-height: 100%; visibility: hidden; padding: 0.9375rem; font-size: 14px; border-radius: 4px; display: block; border: 1px solid #E9E9E9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } @media (min-width: 1200px) { .apus-vertical-menu .dropdown-menu { padding: 1.875rem; } } .apus-vertical-menu .dropdown-menu > li > a { color: var(--freeio-link-color); background: transparent !important; padding: 0; } .apus-vertical-menu .dropdown-menu > li > a > i, .apus-vertical-menu .dropdown-menu > li > a > img { font-size: 20px; margin-right: 10px; width: 15px; display: inline-block; } .apus-vertical-menu .dropdown-menu > li:hover > a, .apus-vertical-menu .dropdown-menu > li.active > a, .apus-vertical-menu .dropdown-menu > li:active > a { color: var(--freeio-theme-color); } .apus-vertical-menu .dropdown-menu .wpb_button, .apus-vertical-menu .dropdown-menu .wpb_content_element, .apus-vertical-menu .dropdown-menu ul.wpb_thumbnails-fluid > li, .apus-vertical-menu .dropdown-menu .widget { margin: 0; } .apus-vertical-menu .dropdown-menu .widget .widget-title, .apus-vertical-menu .dropdown-menu .widget .widgettitle, .apus-vertical-menu .dropdown-menu .widget .widget-heading { margin: 0 0 10px; font-size: 18px; padding: 0; } .apus-vertical-menu .dropdown-menu .widget .widget-title:after, .apus-vertical-menu .dropdown-menu .widget .widget-title:before, .apus-vertical-menu .dropdown-menu .widget .widgettitle:after, .apus-vertical-menu .dropdown-menu .widget .widgettitle:before, .apus-vertical-menu .dropdown-menu .widget .widget-heading:after, .apus-vertical-menu .dropdown-menu .widget .widget-heading:before { display: none; } .apus-vertical-menu .aligned-left:hover > a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .apus-vertical-menu .aligned-left > .dropdown-menu { top: 0; left: 100%; margin: 0 0 0 -1px; } .apus-vertical-menu .aligned-right:hover > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .apus-vertical-menu .aligned-right > .dropdown-menu { top: 0; right: 100%; left: inherit; margin: 0 -1px 0 0; } .apus_custom_menu.center { text-align: center; } .apus_custom_menu.center li { display: inline-block; margin: 0 15px; } .apus_custom_menu.left { text-align: left; } .apus_custom_menu.right { text-align: right; } .apus_custom_menu.inline li { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 20px; } @media (min-width: 1200px) { .apus_custom_menu.inline li { margin-right: 40px; } } .apus_custom_menu.inline li:last-child { margin: 0; } .slick-carousel { position: relative; margin-right: -8px; margin-left: -8px; } @media (min-width: 768px) { .slick-carousel { margin-right: -15px; margin-left: -15px; } } .slick-carousel .slick-arrow { background: #fff; padding: 0; display: inline-block; font-size: 12px; width: 35px; height: 35px; line-height: 35px; opacity: 0.8; filter: alpha(opacity=80); color: var(--freeio-link-color); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; border: 1px solid #E9E9E9; border-radius: 50%; -webkit-box-shadow: 0 10px 35px 0 rgba(5, 16, 54, 0.1); box-shadow: 0 10px 35px 0 rgba(5, 16, 54, 0.1); } @media (min-width: 1200px) { .slick-carousel .slick-arrow { width: 50px; height: 50px; line-height: 50px; font-size: 14px; opacity: 1; filter: alpha(opacity=100); } } .slick-carousel .slick-arrow .textnav { display: none; } .slick-carousel .slick-arrow:hover, .slick-carousel .slick-arrow:focus { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); opacity: 1; filter: alpha(opacity=100); } .slick-carousel .slick-prev { left: 0px; } @media (min-width: 1460px) { .slick-carousel .slick-prev { left: -10px; } } .slick-carousel .slick-next { right: 0px; } @media (min-width: 1460px) { .slick-carousel .slick-next { right: -10px; } } .slick-carousel .slick-slide { outline: none !important; padding-left: 8px; padding-right: 8px; } @media (min-width: 768px) { .slick-carousel .slick-slide { padding-left: 15px; padding-right: 15px; } } .slick-carousel.no-gap { margin: 0; } .slick-carousel.no-gap .slick-slide { padding-left: 0; padding-right: 0; } .slick-carousel.gap-10 { margin-left: -5px; margin-right: -5px; } .slick-carousel.gap-10 .slick-slide { padding-left: 5px; padding-right: 5px; } .slick-carousel.gap-2 { margin-left: -1px; margin-right: -1px; } .slick-carousel.gap-2 .slick-slide { padding-left: 1px; padding-right: 1px; } .slick-carousel.show-text .textnav { display: inline-block; margin: 0 2px; } .slick-carousel.show-text .slick-arrow { width: auto; height: auto; background: transparent !important; font-weight: 500; font-size: 12px; color: var(--freeio-link-color); } .slick-carousel.show-text .slick-arrow:hover, .slick-carousel.show-text .slick-arrow:active, .slick-carousel.show-text .slick-arrow:focus { color: var(--freeio-theme-color); } .slick-carousel.show-text .slick-prev { left: 0; right: inherit; } .slick-carousel.show-text .slick-next { right: 0; left: inherit; } .slick-carousel .slick-track { margin: inherit; } .slick-carousel.style_white .slick-dots li button { background: #fff !important; } .slick-carousel.st_bottom { padding-bottom: 40px; } @media (min-width: 1200px) { .slick-carousel.st_bottom { padding-bottom: 100px; } } .slick-carousel.st_bottom .slick-arrow { top: inherit; bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .slick-carousel.st_bottom .slick-arrow:hover, .slick-carousel.st_bottom .slick-arrow:focus { background: #222; color: #fff; border-color: #222; } .slick-carousel.st_bottom .slick-prev { left: 15px; } .slick-carousel.st_bottom .slick-next { left: 60px; right: inherit; } @media (min-width: 1200px) { .slick-carousel.st_bottom .slick-next { left: 80px; } } .slick-carousel .slick-dots { margin: 0 !important; padding: 10px 0 0; text-align: center; list-style: none; line-height: 1; } @media (min-width: 1200px) { .slick-carousel .slick-dots { padding: 1.875rem 0 0; } } .slick-carousel .slick-dots li { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; display: inline-block; cursor: pointer; margin: 0 5px; border: 0; padding: 0; background: transparent; } .slick-carousel .slick-dots li button { border: none; display: block; text-indent: -9999em; width: 8px; height: 8px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); padding: 0; background: #C0C0C0; border-radius: 8px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .slick-carousel .slick-dots li.slick-active button { background: #222222; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-carousel.st_white .slick-dots li.slick-active, .slick-carousel.st_white .slick-dots li button { background-color: #fff !important; } .widget-googlemap { position: relative; } .widget-googlemap .apus-google-map { z-index: 1; } .widget-googlemap .map-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-googlemap .content-info { position: relative; z-index: 9; background: rgba(17, 17, 17, 0.8); padding: 30px; } @media (min-width: 1024px) { .widget-googlemap .content-info { padding: 65px 65px 40px; } } .widget-googlemap .description { margin: 0 0 35px; } .widget-googlemap .info-wrapper { margin: 0 0 40px; } .widget-googlemap .info-wrapper:nth-child(2n) { font-weight: normal; } .widget-googlemap .info-wrapper .icon { width: 70px; height: 70px; line-height: 76px; text-align: center; border: 2px dashed #3f4143; border-radius: 50%; float: left; margin-right: 20px; } .widget-googlemap .info-wrapper .icon i { font-size: 28px; } .widget-googlemap .info-wrapper .des { color: #fff; overflow: hidden; margin: 6px 0 0; } .widget-googlemap .info-top { border-bottom: 2px dashed #414445; overflow: hidden; } .widget-googlemap .info-bottom { margin: 40px 0; } .widget-googlemap .info-bottom a { display: inline-block; text-align: center; line-height: 42px; width: 42px; height: 42px; border-radius: 50%; color: #101416; background: #3f4143; } .widget-googlemap .info-bottom a:hover, .widget-googlemap .info-bottom a:active { background-color: var(--freeio-theme-color); color: #0e1113; } .widget-googlemap .info-bottom a + a { margin-left: 12px; } .widget-socials .social { padding: 0; list-style: none; margin: 0; } .widget-socials .social > li { padding: 0; display: inline-block; margin-right: 5px; } .widget-socials .social > li:last-child { margin: 0; } .widget-socials .social a { font-size: -0.0625rem; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: var(--freeio-theme-color); color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .widget-socials .social a { width: 40px; height: 40px; line-height: 40px; } } .widget-socials .social a:hover, .widget-socials .social a:focus { color: #fff; background: var(--freeio-theme-hover-color); } .widget-socials.st_normal .social > li { margin-right: 1rem; } @media (min-width: 1200px) { .widget-socials.st_normal .social > li { margin-right: 1.5625rem; } } .widget-socials.st_normal .social > li:last-child { margin-right: 0; } .widget-socials.st_normal .social a { width: auto; height: auto; line-height: 1.85; background-color: transparent; color: var(--freeio-link-color); } .list-icon { margin-bottom: 0.75rem; } .list-icon:last-child { margin-bottom: 0; } .list-icon .title { margin: 0; } .list-icon .box-content { padding-left: 10px; } @media (min-width: 1200px) { .list-icon .box-content { padding-left: 20px; } } a.direction { text-decoration: underline; color: var(--freeio-theme-color); } a.direction:hover, a.direction:focus { color: var(--freeio-theme-color); text-decoration: none; } .vertical-icon { position: relative; display: block; width: 25px; height: 12px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; cursor: pointer; } .vertical-icon:after, .vertical-icon:before { content: ''; position: absolute; right: 0; bottom: 0; width: 20px; height: 2px; background-color: var(--freeio-link-color); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .vertical-icon:after { width: 25px; height: 2px; top: 0; bottom: inherit; } .vertical-icon:focus:before, .vertical-icon:hover:before { width: 100%; } .navbar-wrapper .close-navbar-sidebar { cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; color: var(--freeio-link-color); background-color: var(--freeio-second-color) !important; position: absolute; z-index: 1; text-align: center; border-radius: 50%; top: 10px; right: 10px; width: 30px; height: 30px; line-height: 30px; } @media (min-width: 1200px) { .navbar-wrapper .close-navbar-sidebar { font-size: 15px; top: 40px; right: 40px; width: 42px; height: 42px; line-height: 42px; } } .navbar-wrapper .close-navbar-sidebar:hover, .navbar-wrapper .close-navbar-sidebar:focus { opacity: 1; filter: alpha(opacity=100); } .navbar-wrapper .navbar-sidebar-wrapper { z-index: 3; position: fixed; overflow-y: auto; scrollbar-width: thin; right: 0; top: 0; -webkit-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); width: 450px; max-width: 80%; height: 100vh; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .navbar-wrapper .navbar-sidebar-wrapper.active { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .navbar-wrapper .navbar-sidebar-overlay { background: rgba(10, 35, 87, 0.3); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; cursor: no-drop; visibility: hidden; z-index: 2; } .navbar-wrapper .navbar-sidebar-overlay.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .navbar-wrapper.st_left .navbar-sidebar-wrapper { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); right: initial; left: 0; } .navbar-wrapper.st_left .navbar-sidebar-wrapper.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .wpml-ls-legacy-dropdown { width: auto; } .wpml-ls-legacy-dropdown > ul { list-style: none; padding: 0; margin: 0; position: relative; } .wpml-ls-legacy-dropdown a { display: block; padding: 3px 10px; border: 0; background-color: transparent; line-height: 1.87; } .wpml-ls-legacy-dropdown a span { vertical-align: baseline; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { padding: 0; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover a.wpml-ls-item-toggle { color: #fff; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { position: absolute; z-index: 2; top: inherit; bottom: 100%; width: 100%; background-color: #fff; border: 1px solid #E9E9E9; border-radius: 4px; font-size: 14px; list-style: none; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin: 0 0 13px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); min-width: 130px; padding: 15px 20px; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { padding: 0; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before { content: ''; position: absolute; top: 100%; left: 20px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { background-color: rgba(255, 255, 255, 0.05); position: relative; color: rgba(255, 255, 255, 0.7); padding: 7px 20px; font-size: 14px; border-radius: 4px; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before { content: ''; position: absolute; width: 100%; height: 13px; bottom: 100%; left: 0; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: inline-block; margin-left: 0.4em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover { color: #fff; } .widget_icl_lang_sel_widget.st_normal .wpml-ls-current-language a.wpml-ls-item-toggle { border: 1px solid #E9E9E9; color: var(--freeio-text-color); background: #fff; } .widget_icl_lang_sel_widget.st_normal .wpml-ls-current-language:hover a.wpml-ls-item-toggle { color: var(--freeio-second-color); border-color: #222; background: #fff; } .social-link { display: inline-block; margin: 0 5px; padding: 0; } .social-link li { display: inline-block; margin: 0 5px; } .social-link li a { background: #f4f4f4 none repeat scroll 0 0; border-radius: 100%; color: var(--freeio-text-color); display: inline-block; height: 40px; line-height: 38px; text-align: center; width: 40px; border: 1px solid #E9E9E9; } .social-link.lighten li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; color: #ffffff; } .widget-gallery .image { position: relative; } .widget-gallery .image:before { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--freeio-theme-color); opacity: 0; filter: alpha(opacity=0); z-index: 2; } .widget-gallery .image .content-cover { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); position: absolute; text-align: center; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; } .widget-gallery .image:hover:before { opacity: 0.9; filter: alpha(opacity=90); } .widget-gallery .image:hover .content-cover { opacity: 1; filter: alpha(opacity=100); } .widget-gallery .popup-image-gallery { width: 60px; height: 60px; line-height: 60px; display: inline-block; text-align: center; background: #fff; font-size: 24px; color: var(--freeio-theme-color); border-radius: 50%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget-gallery .popup-image-gallery:hover, .widget-gallery .popup-image-gallery:active { color: var(--freeio-theme-color); background: #e6e6e6; } .widget-gallery .title { font-size: 24px; font-size: var(--freeio-main-font); margin: 0; color: #fff; } .widget-gallery .description { color: #e0dede; font-size: 12px; margin-bottom: 20px; } .widget-gallery .gutter-default { margin-left: 0; margin-right: 0; } .widget-gallery .gutter-default > div { padding-right: 0; padding-left: 0; } .widget-gallery.gutter30 .title { font-size: 18px; } .widget-gallery.gutter30 .image { margin-bottom: 30px; } .widget-gallery.gutter30 .description { margin-bottom: 10px; } .widget-gallery.gutter30 .gutter-default { margin-left: -15px; margin-right: -15px; } .widget-gallery.gutter30 .gutter-default > div { padding-right: 15px; padding-left: 15px; } .item-features-inner .title { font-weight: 500; font-size: 17px; margin: 12px 0 0; } @media (min-width: 1200px) { .item-features-inner .title { font-size: 20px; } } .item-features-inner .top-inner { display: inline-block; } .item-features-inner .features-box-image { position: relative; font-size: 30px; line-height: 1; color: #1F4B3F; } @media (min-width: 1200px) { .item-features-inner .features-box-image { font-size: 40px; } } .item-features-inner .sub-circle { display: inline-block; position: absolute; border-radius: 50%; background: #FBF7ED; width: 25px; height: 25px; bottom: -5px; right: -5px; z-index: -1; } @media (min-width: 1200px) { .item-features-inner .sub-circle { width: 40px; height: 40px; right: -15px; } } .item-features-inner .description { color: var(--freeio-link-color); margin-top: 12px; } .item-features-inner.style2 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .item-features-inner.style2 .features-box-image { font-size: 30px; } .item-features-inner.style2 .title { margin: 0; } .item-features-inner.style2 .top-inner { flex-shrink: 0; margin-top: 3px; } .item-features-inner.style2 .features-box-content { flex-grow: 1; padding-left: 20px; } .item-features-inner.style2 .description { margin-top: 7px; } .item-features-inner.style3 { text-align: center; } .item-features-inner.style3 .features-box-image { width: 80px; height: 80px; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 25px 70px 0 rgba(1, 33, 58, 0.07); box-shadow: 0 25px 70px 0 rgba(1, 33, 58, 0.07); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .item-features-inner.style3 .features-box-image { width: 110px; height: 110px; margin-bottom: 25px; } } .item-features-inner.style3:hover .features-box-image { background: var(--freeio-theme-color); color: #fff; } .item-features-inner.style4 .features-box-image { width: 70px; height: 70px; overflow: hidden; border-radius: 50%; background: #E5F0E3; color: #325854; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media (min-width: 1200px) { .item-features-inner.style4 .features-box-image { margin-bottom: 20px; } } .item-features-inner.style5 { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background: #fff; text-align: center; border: 1px solid #E9E9E9; border-radius: 8px; padding: 0.9375rem; } @media (min-width: 1200px) { .item-features-inner.style5 { padding: 40px 1.875rem; border-radius: 12px; } } .item-features-inner.style5 .top-inner { margin-bottom: 15px; } @media (min-width: 1200px) { .item-features-inner.style5 .top-inner { margin-bottom: 25px; } } .item-features-inner.style5:hover { -webkit-box-shadow: 0 25px 70px 0 rgba(1, 33, 58, 0.07); box-shadow: 0 25px 70px 0 rgba(1, 33, 58, 0.07); } .widget-testimonials .star { color: #E59819; } .widget-testimonials .star .inner { width: 79px; position: relative; margin-left: 10px; font-size: 10px; color: #c1cde4; letter-spacing: 5px; } .widget-testimonials .star .inner:before { content: "\f005\f005\f005\f005\f005"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .widget-testimonials .star .text { font-size: 14px; font-weight: 500; } .widget-testimonials .w-percent { color: #E59819; position: absolute; top: 0; left: 0; overflow: hidden; } .widget-testimonials .w-percent:before { content: "\f005\f005\f005\f005\f005"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .widget-testimonials.style1 .slick-carousel .slick-dots { padding: 15px 0 0; } .widget-testimonials.style3 .slick-carousel .slick-dots { text-align: inherit; padding: 1.875rem 0.9375rem 0; } @media (min-width: 1200px) { .widget-testimonials.style3 .slick-carousel .slick-dots { padding-top: 100px; } } .testimonials-item { position: relative; padding: 0.9375rem; background: #fff; border-radius: 16px; border: 1px solid transparent; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); margin-bottom: 15px; } @media (min-width: 1200px) { .testimonials-item { padding: 1.875rem 1.875rem 20px; } } .testimonials-item .avarta { overflow: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 50%; width: 60px; height: 60px; background-color: #fff; position: relative; } .testimonials-item .name-client { font-weight: 500; font-size: 0.9375rem; margin: 0 0 3px; } .testimonials-item .description { margin-top: 0.9375rem; font-size: 18px; font-weight: 500; color: var(--freeio-link-color); } @media (min-width: 1200px) { .testimonials-item .description { font-size: 20px; } } .testimonials-item .job { color: var(--freeio-text-color); font-size: 13px; } .testimonials-item .star { display: inline-flex; align-items: center; padding: 0 7px; background: #ff9800; color: #ffffff; font-size: 13px; border-radius: 3px; margin-top: 3px; } .testimonials-item .star i { margin-right: 4px; font-size: 10px; } .testimonials-item .info-testimonials { flex-grow: 1; padding-left: 20px; } .testimonials-item .title { font-size: 18px; font-weight: 500; margin: 0 0 18px; } .testimonials-item .inner-bottom { padding-top: 20px; margin-top: 20px; border-top: 1px solid #E9E9E9; } .testimonials-item.style5 { background: #333; } .testimonials-item.style5 .description, .testimonials-item.style5 .job, .testimonials-item.style5 .name-client { color: #fff; } .testimonials-item.style5 .inner-bottom { border-color: rgba(255, 255, 255, 0.1); } .testimonials-item.style5 .title { margin: 0; } @media (min-width: 1200px) { .testimonials-item.style5 .description { margin: 25px 0; } } .testimonials-item2 .description { line-height: 1.5; font-size: 18px; font-weight: 700; color: var(--freeio-link-color); max-width: 920px; margin: 0 auto 1.875rem; } @media (min-width: 1200px) { .testimonials-item2 .description { margin-bottom: 45px; font-size: 28px; } } .testimonials-item2 .name-client { font-size: 17px; font-weight: 500; margin: 0 0 2px; } .wrapper-testimonial-thumbnail { max-width: 500px; margin: 15px auto 0; } @media (min-width: 1200px) { .wrapper-testimonial-thumbnail { margin-top: 1.875rem; } } .wrapper-testimonial-thumbnail .slick-carousel { margin-left: -5px; margin-right: -5px; } .wrapper-testimonial-thumbnail .slick-carousel .slick-slide { padding-left: 5px; padding-right: 5px; } .wrapper-testimonial-thumbnail .avarta { cursor: pointer; max-width: 100%; margin: auto; width: 70px; height: 70px; overflow: hidden; border: 2px solid transparent; border-radius: 50%; padding: 8px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 1200px) { .wrapper-testimonial-thumbnail .avarta { width: 92px; height: 92px; } } .wrapper-testimonial-thumbnail .avarta img { border-radius: 50%; } .wrapper-testimonial-thumbnail .avarta:hover, .wrapper-testimonial-thumbnail .avarta:focus { border-color: var(--freeio-theme-color); } .wrapper-testimonial-thumbnail .slick-current .avarta { border-color: var(--freeio-theme-color); } .wrapper-testimonial-thumbnail.style6 { max-width: auto; margin: 0; } .wrapper-testimonial-thumbnail.style6 .slick-current .avarta { border-color: var(--freeio-link-color); } .wrapper-testimonial-thumbnail.style6 .avarta:hover, .wrapper-testimonial-thumbnail.style6 .avarta:focus { border-color: var(--freeio-link-color); } .testimonials-item6 .description { line-height: 1.5; font-size: 18px; font-weight: 700; color: var(--freeio-link-color); margin-bottom: 1.875rem; } @media (min-width: 1200px) { .testimonials-item6 .description { margin-bottom: 45px; font-size: 28px; } } .testimonials-item6 .name-client { font-size: 17px; font-weight: 500; margin: 0 0 2px; } .testimonials-item6 .top-icon { margin-bottom: 15px; } @media (min-width: 1200px) { .testimonials-item6 .top-icon { margin-bottom: 1.875rem; } } @media (max-width: 991px) { .style6-testimonial .wrapper-testimonial-thumbnail { order: 2; padding-top: 20px; max-width: 300px; } } .testimonials-item3 .wrapper-avarta { width: 100px; height: 100px; border-radius: 50%; } @media (min-width: 1200px) { .testimonials-item3 .wrapper-avarta { width: 170px; height: 170px; } } .testimonials-item3 .wrapper-avarta img { border-radius: 50%; } .testimonials-item3 .flex-shrink-0 + .info-testimonials { padding-left: 15px; } @media (min-width: 1200px) { .testimonials-item3 .flex-shrink-0 + .info-testimonials { padding-left: 1.875rem; } } .testimonials-item3 .title { color: var(--freeio-theme-color); font-size: 25px; margin: 0 0 20px; } @media (min-width: 1200px) { .testimonials-item3 .title { font-size: 32px; } } .testimonials-item3 .name-client { font-size: 0.9375rem; font-weight: 500; margin: 20px 0 5px; } @media (min-width: 1200px) { .testimonials-item3 .name-client { margin: 35px 0 5px; } } .testimonials-item3 .job { font-size: 14px; } .testimonials-item3 .star { margin: 0 0 10px; } .testimonials-item3 .description { font-size: 1rem; font-weight: 500; color: var(--freeio-link-color); } @media (min-width: 1200px) { .testimonials-item3 .description { font-size: 20px; } } .testimonials-item4 .description { max-width: 920px; font-weight: 700; line-height: 1.6; color: var(--freeio-link-color); font-size: 20px; margin: 0 auto 1.875rem; } @media (min-width: 1200px) { .testimonials-item4 .description { font-size: 28px; margin-bottom: 60px; } } .wrapper-testimonial-thumbnail4 { max-width: 1170px; margin-right: auto; margin-left: auto; } .slick-center .item-testimonials4 { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .item-testimonials4 { cursor: pointer; border: 1px solid #E9E9E9; background: #fff; border-radius: 100px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 10px; margin-bottom: 15px; } .item-testimonials4 .wrapper-avarta { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .item-testimonials4 .inner-right { padding-left: 20px; } .item-testimonials4 .name-client { font-size: 0.9375rem; font-weight: 500; margin: 0 0 5px; } .item-testimonials4 .job { font-size: 14px; } .widget-nav-menu .menu li { margin: 0 0 10px; } .widget-nav-menu .menu li > a { position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: inline-block; } .widget-nav-menu .menu li:hover > a, .widget-nav-menu .menu li.current-cat-parent > a, .widget-nav-menu .menu li.current-cat > a { color: var(--freeio-link_hover_color); } .widget-nav-menu .menu li:last-child { margin: 0; } .widget-nav-menu.st_line .menu li { margin-bottom: 0; display: inline-block; vertical-align: middle; margin-right: 15px; } @media (min-width: 1200px) { .widget-nav-menu.st_line .menu li { margin-right: 40px; } } .widget-nav-menu.st_line .menu li:last-child { margin-right: 0; } .widget-nav-menu.st_circle li a { text-decoration: none !important; } .widget-nav-menu.st_circle li a:before { content: ''; width: 6px; height: 6px; background-color: #CCCCCC; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 12px; margin-top: -3px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-nav-menu.st_circle li a:hover:before, .widget-nav-menu.st_circle li a:focus:before { background-color: var(--freeio-link_hover_color); } .widget-nav-menu.st_circle li:hover > a:before, .widget-nav-menu.st_circle li.current-cat-parent > a:before, .widget-nav-menu.st_circle li.current-cat > a:before, .widget-nav-menu.st_circle li.active > a:before { background-color: var(--freeio-link_hover_color); } .widget-nav-menu.st_underline .menu { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .widget-nav-menu.st_underline .menu li { margin-bottom: 0; display: inline-block; vertical-align: middle; margin-right: 15px; } @media (min-width: 1200px) { .widget-nav-menu.st_underline .menu li { margin-right: 35px; } } .widget-nav-menu.st_underline .menu li:last-child { margin-right: 0; } .widget-nav-menu.st_underline .menu li > a { white-space: nowrap; padding: 10px 0; display: inline-block; position: relative; } .widget-nav-menu.st_underline .menu li > a:before { content: ''; position: absolute; background: var(--freeio-link-color); width: 100%; height: 2px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; bottom: -1px; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .widget-nav-menu.st_underline .menu li:hover > a:before, .widget-nav-menu.st_underline .menu li.current-cat-parent > a:before, .widget-nav-menu.st_underline .menu li.current-cat > a:before, .widget-nav-menu.st_underline .menu li.active > a:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } form.mc4wp-form [type="email"] { outline: none; border-color: transparent !important; color: var(--freeio-link-color); } form.mc4wp-form [type="email"]::-webkit-input-placeholder { /* Edge */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-link-color); } form.mc4wp-form [type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 1; filter: alpha(opacity=100); color: var(--freeio-link-color); } form.mc4wp-form [type="email"]::placeholder { opacity: 1; filter: alpha(opacity=100); color: var(--freeio-link-color); } form.mc4wp-form .input-group { padding: 5px; background-color: #fff; border-radius: 8px; border: 1px solid transparent; } @media (min-width: 1200px) { form.mc4wp-form .input-group { padding: 10px; } } form.mc4wp-form .form-control { background: transparent; } form.mc4wp-form [type="submit"] { border-radius: 8px !important; } .widget-brand { text-align: center; } .widget-brand .item img { max-width: 80%; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0.7; filter: alpha(opacity=70); } .widget-brand .item img:hover, .widget-brand .item img:focus { opacity: 1; filter: alpha(opacity=100); } .widget-brand .slick-track { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -ms-align-items: center; } .widget-brand.st2 .slick-list { padding-top: 10px; } .widget-brand.st2 .item img { opacity: 1; filter: alpha(opacity=100); } .widget-brand.st2 .item:hover img, .widget-brand.st2 .item:focus img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .text-theme { color: var(--freeio-theme-color) !important; } .text-link { color: var(--freeio-link-color) !important; } .text-hover-link { color: var(--freeio-link_hover_color) !important; } .text-white { color: #fff !important; } .text-white-70 { color: rgba(255, 255, 255, 0.7) !important; } .bg-theme { background: var(--freeio-theme-color); } .border-theme { border-color: var(--freeio-theme-color); } .radius-3x { border-radius: 3px !important; } .radius-50 { border-radius: 50px !important; } .deleted_wpb_single_image { position: relative; overflow: hidden; } .deleted_wpb_single_image:before { position: absolute; z-index: 2; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; width: 100%; height: 100%; background: var(--freeio-theme-color); opacity: 0; filter: alpha(opacity=0); top: 0; left: 0; } .deleted_wpb_single_image:after { position: absolute; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; top: 1.875rem; left: 1.875rem; right: 1.875rem; bottom: 1.875rem; border: 1px solid #fff; z-index: 3; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .deleted_wpb_single_image:hover:before { opacity: 0.5; filter: alpha(opacity=50); } .deleted_wpb_single_image:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .widget-team .team-item { border-radius: 4px; overflow: hidden; position: relative; margin: 0 0 15px; } .widget-team .team-item:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(39, 42, 51, 0.7); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .widget-team .team-item img { -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .widget-team .name-team { font-size: 17px; font-weight: 500; margin: 0 0 5px; } .widget-team .social { position: absolute; left: 0; width: 100%; z-index: 1; list-style: none; margin: 0; top: 50%; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: center; } .widget-team .social li { display: inline-block; margin-right: 10px; } @media (min-width: 1200px) { .widget-team .social li { margin-right: 20px; } } .widget-team .social li:last-child { margin-right: 0; } .widget-team .social li a { color: #fff !important; } .widget-team:hover .team-item img { -webkit-transform: scale(1.15) rotate(-1deg); -moz-transform: scale(1.15) rotate(-1deg); -ms-transform: scale(1.15) rotate(-1deg); -o-transform: scale(1.15) rotate(-1deg); transform: scale(1.15) rotate(-1deg); } .widget-team:hover .team-item:before { opacity: 1; filter: alpha(opacity=100); } .widget-team:hover .social { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .widget_apus_vertical_menu { border-left: 4px solid #2e2d2d; } .widget_apus_vertical_menu .widget-title { font-size: 16px; font-weight: normal; margin: 0 0 10px; padding: 15px 1.875rem 0; } .widget_apus_vertical_menu .apus-vertical-menu { border: none; } .widget_apus_vertical_menu .apus-vertical-menu > li { margin-left: -4px; } .widget_apus_vertical_menu .apus-vertical-menu > li > a { border-left: 4px solid transparent; font-size: 16px; padding: 0 1.875rem; } .widget_apus_vertical_menu .apus-vertical-menu > li.active > a, .widget_apus_vertical_menu .apus-vertical-menu > li:hover > a { border-color: var(--freeio-theme-color); } .nav.tabs-product { border: none; margin: 0 0 1rem; padding: 10px 0; background: #fff; } @media (min-width: 1200px) { .nav.tabs-product { margin-bottom: 2rem; padding: 0; } } .nav.tabs-product > li { display: inline-block; float: none; margin-bottom: 5px; margin-right: 0.9375rem; } @media (min-width: 1200px) { .nav.tabs-product > li { margin-right: 3.125rem; } } .nav.tabs-product > li > a { border: none !important; text-transform: capitalize; font-weight: 500; line-height: 1; color: var(--freeio-text-color); display: inline-block; background: transparent; position: relative; padding: 0 0 10px; } @media (min-width: 1200px) { .nav.tabs-product > li > a { font-size: 17px; } } .nav.tabs-product > li > a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--freeio-link-color); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .nav.tabs-product > li > a.active { color: var(--freeio-link-color); } .nav.tabs-product > li > a.active:before { width: 100%; } .updow:hover .top-img img, .updow:hover .img img, .updow:hover .image-wrapper img { -webkit-animation: updow 0.8s ease-in-out 0s infinite; animation: updow 0.8s ease-in-out 0s infinite; } .updow-infinite img { -webkit-animation: updow 1s ease-in-out 0s infinite; animation: updow 1s ease-in-out 0s infinite; } @-webkit-keyframes updow { 50% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 0%, 100% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes updow { 50% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 0%, 100% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes fadeleft { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); -o-transform: translate(-15px, 0); transform: translate(-15px, 0); } } @keyframes fadeleft { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); -o-transform: translate(-15px, 0); transform: translate(-15px, 0); } } @-webkit-keyframes faderight { from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(15px, 0); -ms-transform: translate(15px, 0); -o-transform: translate(15px, 0); transform: translate(15px, 0); } to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes faderight { from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(15px, 0); -ms-transform: translate(15px, 0); -o-transform: translate(15px, 0); transform: translate(15px, 0); } to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .mb0 { margin-bottom: 0px !important; } .width-full { width: 100% !important; } .custom-menu { list-style: none; padding: 0; margin: 0; } .custom-menu li { padding-left: 22px; margin-bottom: 18px; position: relative; line-height: 1.4; } .custom-menu li:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #221f1f; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .custom-menu li:last-child { margin: 0; } .custom-menu li i { margin-right: 15px; font-size: 18px; } @media (min-width: 1200px) { .custom-menu li i { font-size: 23px; } } .custom-menu li a { color: var(--freeio-text-color); } .custom-menu li a:focus, .custom-menu li a:hover { color: var(--freeio-link-color); } .custom-menu li:hover:before, .custom-menu li.active:before { opacity: 1; filter: alpha(opacity=100); } .banner-item { min-height: 100px; position: relative; z-index: 0; overflow: hidden; border-radius: 8px; text-align: center; display: block; } .banner-item .title { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; margin: 0; padding: 1.25rem; font-size: 1.125rem; color: #fff; } .banner-item-link { display: block; position: relative; } .banner-item-link:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(39, 42, 51, 0.3); } .banner-item-link img { -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; } .banner-item-link:hover img, .banner-item-link:focus img { -webkit-transform: scale(1.1) rotate(-1deg); -moz-transform: scale(1.1) rotate(-1deg); -ms-transform: scale(1.1) rotate(-1deg); -o-transform: scale(1.1) rotate(-1deg); transform: scale(1.1) rotate(-1deg); } .widget-banner-account { text-align: center; background-color: #0d6efd; padding: 30px 15px; min-height: 300px; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; /* Safari 6.1+ */ } @media (min-width: 1200px) { .widget-banner-account { padding: 50px 30px; min-height: 470px; } } .widget-banner-account .title-account { color: #fff; margin: 0; font-size: 30px; margin: 0 0 12px; } @media (min-width: 1200px) { .widget-banner-account .title-account { font-size: 50px; } } .widget-banner-account .description { color: #fff; margin: 0 0 30px; } /*-----------------------------*\ Widget video \*-----------------------------*/ .video-wrapper-inner .video-icon { position: relative; width: 40px; height: 40px; font-size: 1rem; border-radius: 50%; border: 2px solid #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: transparent; color: var(--freeio-link-color); text-align: center; margin: 10px; } @media (min-width: 1200px) { .video-wrapper-inner .video-icon { width: 60px; height: 60px; font-size: 20px; } } .video-wrapper-inner .video-icon:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #fff; opacity: 0.2; filter: alpha(opacity=20); border-radius: 50%; -webkit-animation: scaleicon 2s ease-in-out 0s infinite alternate; animation: scaleicon 2s ease-in-out 0s infinite alternate; } .video-wrapper-inner .popup-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .video-wrapper-inner .title { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; font-weight: 500; margin: 0; font-size: 1rem; padding-left: 10px; white-space: nowrap; } .video-wrapper-inner:hover .title, .video-wrapper-inner:focus .title { color: var(--freeio-theme-color); } .video-wrapper-inner:hover .video-icon, .video-wrapper-inner:focus .video-icon { background-color: var(--freeio-theme-color); border-color: var(--freeio-theme-color); color: #fff; } .video-wrapper-inner.style1 .popup-video { position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .video-wrapper-inner.style1 .video-icon { margin: 0; font-size: 14px; width: 40px; height: 40px; } .video-wrapper-inner.style1 .title { font-size: 0.9375rem; } .item-address .description { color: var(--freeio-link-color); } .item-address .top-inner { font-size: 40px; line-height: 1; } .item-address .top-inner + .address-box-content { padding-left: 15px; } .item-address .title { font-weight: 500; font-size: 17px; margin: 0 0 2px; } .widget-address-box.style2 .item { margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .widget-address-box.style2 .item { margin-bottom: 1.875rem; } } .widget-address-box.style2 .item:last-child { margin-bottom: 0; } form.wpcf7-form label { font-weight: 500; color: var(--freeio-link-color); margin: 0 0 2px; } form.wpcf7-form .form-control { margin-bottom: 15px; } @media (min-width: 1200px) { form.wpcf7-form .form-control { margin-bottom: 25px; } } form.wpcf7-form textarea.form-control { height: 180px; } @media (min-width: 1200px) { form.wpcf7-form textarea.form-control { height: 290px; margin-bottom: 1.875rem; } } @media (min-width: 1200px) { form.wpcf7-form .btn { min-width: 260px; text-align: center; } } form.wpcf7-form p:last-child { margin-bottom: 0; } .elementor-icon-box-title { margin-top: 0; } .list-circle { list-style: none; padding: 0; } .list-circle li { margin-bottom: 10px; position: relative; padding-left: 20px; } @media (min-width: 1200px) { .list-circle li { margin-bottom: 17px; } } .list-circle li:before { content: ''; background-color: #696969; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 10px; left: 0; } .list-circle.column2 { max-width: 600px; } .tick { margin: 0; padding: 0; list-style: none; } .tick li { margin: 0 0 10px; } @media (min-width: 1200px) { .tick li { margin-bottom: 15px; } } .tick li:last-child { margin-bottom: 0; } .tick li i { margin-right: 15px; vertical-align: sub; } .tick-2 { margin: 0; padding: 0; list-style: none; } .tick-2 li { margin: 0 0 15px; } @media (min-width: 1200px) { .tick-2 li { margin-bottom: 25px; } } .tick-2 li:last-child { margin-bottom: 0; } .tick-2 li i { display: inline-block; text-align: center; margin-right: 15px; vertical-align: top; color: #1F4B3F; font-size: 10px; width: 25px; height: 25px; background: #fff; border-radius: 50%; line-height: 27px; } .tick-2.st-yellow i { color: #fff; background: #C8973B; } .tick-2.st-green i { color: #fff; background: #5BBB7B; } .list-circle-check { list-style: none; padding: 0; } @media (min-width: 768px) { .list-circle-check { column-count: 2; } } .list-circle-check li { margin-bottom: 10px; } @media (min-width: 1200px) { .list-circle-check li { margin-bottom: 17px; } } .list-circle-check li:before { font-size: 8px; content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; vertical-align: text-bottom; margin-right: 10px; background-color: #696969; width: 18px; height: 18px; border-radius: 50%; line-height: 18px; text-align: center; color: #fff; } .list-border-check { list-style: none; padding: 0; } .list-border-check li { margin-bottom: 12px; padding-left: 28px; position: relative; } @media (min-width: 1200px) { .list-border-check li { margin-bottom: 20px; } } .list-border-check li:before { position: absolute; top: 4px; left: 0; font-size: 8px; content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; vertical-align: text-bottom; margin-right: 10px; background-color: var(--freeio-theme-color-015); width: 18px; height: 18px; border-radius: 50%; line-height: 18px; text-align: center; color: var(--freeio-theme-color); } @media (min-width: 768px) { .column2 { column-count: 2; } } .fw-500 { font-weight: 500; } .max-930 { max-width: 930px; margin-left: auto; margin-right: auto; } .max-650 { max-width: 650px; } .elementor-widget-accordion.st-green .elementor-active { background: #F1FCFA; } .elementor-widget-accordion.st-green .elementor-accordion-item + .elementor-accordion-item .elementor-tab-title.elementor-active { margin-top: 20px; } @media (min-width: 1200px) { .elementor-widget-accordion.st-green .elementor-accordion-item + .elementor-accordion-item .elementor-tab-title.elementor-active { margin-top: 40px; } } .st_inherit .elementor-counter .elementor-counter-title { text-align: inherit; } .st_inherit .elementor-counter .elementor-counter-number-prefix, .st_inherit .elementor-counter .elementor-counter-number-suffix { flex-grow: inherit; -webkit-flex-grow: inherit; -ms-flex-grow: inherit; } .st-top-white .swiper-container-horizontal > .swiper-pagination-bullets, .st-top-white .swiper-pagination-custom, .st-top-white .swiper-pagination-fraction { bottom: 15px; } @media (min-width: 768px) { .st_underline.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start !important; } .st_underline.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title { padding: 0 0 15px; margin-bottom: 20px; display: inline-block; } .st_underline.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title:before { content: ''; width: 0; height: 2px; background: #222; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: absolute; bottom: 0; left: 0; top: inherit !important; } .st_underline.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before { width: calc(100% + 12px); height: 2px; } } .radius-sm { border-radius: 4px; } .elementor-icon-list-text, .elementor-icon-list-icon i { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .nowrap { white-space: nowrap !important; } .bg-under-yellow { background-image: linear-gradient(to right, #F4FEA8 0%, #F4FEA8 100%); background-repeat: repeat-x; background-position: left bottom 3px; background-size: 100% 20px; } .header-notice-wrapper { font-size: 14px; font-weight: 500; color: var(--freeio-link-color); text-align: center; padding: 15px 0; } .header-notice-wrapper .header-notice-dismiss-btn { position: absolute; top: 15px; right: 25px; } .header-notice-wrapper .header-notice-dismiss-btn:hover, .header-notice-wrapper .header-notice-dismiss-btn:focus { color: #dc3545; } /* 11. widgets */ /*------------------------------------*\ Widget \*------------------------------------*/ .widget label { font-weight: 400; } .widget .widget_sp_image-image-link { display: block; overflow: hidden; position: relative; } .widget.widget_text img { margin: 15px 0; height: auto; } .widget.widget_recent_comments ul li { background: none; } .widget.widget_recent_reviews ul.product_list_widget { list-style: none; } .widget.widget_recent_reviews ul.product_list_widget li { padding: 15px; overflow: hidden; } .widget.widget_recent_reviews ul.product_list_widget li a img { float: left; margin-right: 10px; } .widget.widget_product_search .woocommerce-product-search { padding: 20px 15px; } .widget.widget_product_search .woocommerce-product-search label.screen-reader-text { display: none; } .widget.yith-woocompare-widget .products-list { padding-top: 20px; padding-bottom: 20px; } .widget.yith-woocompare-widget a.clear-all { margin-bottom: 20px; margin-left: 15px; } .widget.yith-woocompare-widget a.compare { margin-bottom: 20px; margin-right: 15px; } .widget.widget_shopping_cart .widget_shopping_cart_content { padding: 20px 15px; overflow: hidden; } .widget.widget_recent_entries ul li a { display: block; } .widget.widget_calendar table { margin: 0; width: 100%; } .calendar_wrap caption { background: #212121; color: #fff; padding: 5px; } .calendar_wrap td, .calendar_wrap th { text-align: center; } .calendar_wrap tfoot { display: none; } .calendar_wrap #today { font-weight: normal; color: var(--freeio-theme-color); } .form-contact .title { font-size: 17px; margin: 11.5px 0 28px; } .form-contact input:not(.btn), .form-contact textarea { padding: 10px 30px; width: 100%; color: var(--freeio-text-color); } .form-contact .contant-inner > * { margin: 0 0 20px; } .contact-topbar > * { margin-right: 1.875rem; } .contact-topbar > *:last-child { margin: 0; } .contact-topbar > * i { margin-right: 6px; } .widget_pages ul, .widget_nav_menu ul, .widget_meta ul, .widget_archive ul, .widget_recent_entries ul, .widget_categories ul { padding: 0; margin: 0; list-style: none; } .widget_pages ul ul, .widget_nav_menu ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_entries ul ul, .widget_categories ul ul { padding-left: 20px; margin-top: 15px; } .widget_pages ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_categories ul li { list-style: none; margin-bottom: 15px; } .widget_pages ul li:last-child, .widget_nav_menu ul li:last-child, .widget_meta ul li:last-child, .widget_archive ul li:last-child, .widget_recent_entries ul li:last-child, .widget_categories ul li:last-child { margin-bottom: 0; } .widget_pages ul li a, .widget_nav_menu ul li a, .widget_meta ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .widget_categories ul li a { color: var(--freeio-text-color); } .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_archive ul li a:before, .widget_recent_entries ul li a:before, .widget_categories ul li a:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #CCCCCC; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: inline-block; vertical-align: middle; margin-right: 0.4rem; } @media (min-width: 1200px) { .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_archive ul li a:before, .widget_recent_entries ul li a:before, .widget_categories ul li a:before { margin-right: 0.625rem; } } .widget_pages ul li:hover > a, .widget_pages ul li.current-cat-parent > a, .widget_pages ul li.current-cat > a, .widget_nav_menu ul li:hover > a, .widget_nav_menu ul li.current-cat-parent > a, .widget_nav_menu ul li.current-cat > a, .widget_meta ul li:hover > a, .widget_meta ul li.current-cat-parent > a, .widget_meta ul li.current-cat > a, .widget_archive ul li:hover > a, .widget_archive ul li.current-cat-parent > a, .widget_archive ul li.current-cat > a, .widget_recent_entries ul li:hover > a, .widget_recent_entries ul li.current-cat-parent > a, .widget_recent_entries ul li.current-cat > a, .widget_categories ul li:hover > a, .widget_categories ul li.current-cat-parent > a, .widget_categories ul li.current-cat > a { color: var(--freeio-theme-color); } .widget_pages ul li:hover > a:before, .widget_pages ul li.current-cat-parent > a:before, .widget_pages ul li.current-cat > a:before, .widget_nav_menu ul li:hover > a:before, .widget_nav_menu ul li.current-cat-parent > a:before, .widget_nav_menu ul li.current-cat > a:before, .widget_meta ul li:hover > a:before, .widget_meta ul li.current-cat-parent > a:before, .widget_meta ul li.current-cat > a:before, .widget_archive ul li:hover > a:before, .widget_archive ul li.current-cat-parent > a:before, .widget_archive ul li.current-cat > a:before, .widget_recent_entries ul li:hover > a:before, .widget_recent_entries ul li.current-cat-parent > a:before, .widget_recent_entries ul li.current-cat > a:before, .widget_categories ul li:hover > a:before, .widget_categories ul li.current-cat-parent > a:before, .widget_categories ul li.current-cat > a:before { background-color: var(--freeio-theme-color); } ul#recentcomments, ol.wp-block-latest-comments { padding: 0; } ul#recentcomments li, ol.wp-block-latest-comments li { line-height: 1.85; } .special .post-info { position: relative; } .special .post-info:before { border-width: 14px 20px; border-style: solid; border-color: #f4f4f4 transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; z-index: 2; } .special .special-items > div:nth-child(2n) .post-info { position: relative; } .special .special-items > div:nth-child(2n) .post-info:before { border-color: transparent transparent #f4f4f4; top: inherit; bottom: 100%; } /*------------------------------------*\ Widget Contact Us \*------------------------------------*/ .contact { margin: 0; padding: 0; } .contact::after { display: block; clear: both; content: ""; } .contact dt { float: left; width: 30px; height: auto; } .contact dd { overflow: hidden; margin-bottom: 5px; } .contact .contact-icon { display: block; text-align: center; background: var(--freeio-theme-color); float: left; width: 22px; height: 22px; border-radius: 2px; } .contact .contact-icon .fa { color: #fff; font-size: 0.9375rem; margin: 0 0 0 4px; } /*------------------------------------*\ Widget Mailchip \*------------------------------------*/ .mail-form .input-group { width: 100%; margin: 0 0 10px; } /*------------------------------------*\ Widget Sidebar \*------------------------------------*/ .apus-sidebar select, .apus-sidebar table { width: 100%; } .apus-sidebar .post-widget .blog-title, .apus-sidebar .post-widget h6 { margin: 0 0 5px; line-height: 1.4; font-weight: 400; height: 40px; overflow: hidden; font-family: var(--bs-font-sans-serif); } /*------------------------------------*\ search \*------------------------------------*/ .apus-search-form .select-category { display: inline-block; float: left; overflow: hidden; position: relative; min-width: 200px; padding-right: 12px; outline: none !important; } .apus-search-form .select-category:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; background: #dddddd; width: 1px; height: 20px; } .apus-search-form .select-category .dropdown_product_cat { border: 0; outline: none !important; width: calc(100% + 38px); height: 48px; padding: 0 20px; } .apus-search-form .title-top-search { font-size: 24px; color: var(--freeio-link-color); } .apus-search-form .close-search-fix { font-size: 24px; color: #dc3545; cursor: pointer; } .apus-search-form .close-search-fix:hover, .apus-search-form .close-search-fix:active { color: #bd2130; } .apus-search-form .select2-container .select2-selection--single { background: #fff; height: 48px; margin: 0; font-size: 16px; color: var(--freeio-link-color); outline: none !important; } .apus-search-form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; } .apus-search-form form { border: 1px solid #E9E9E9; display: table; width: 100%; } .apus-search-form form .main-search, .apus-search-form form .btn, .apus-search-form form > .select-category { display: table-cell !important; vertical-align: middle; float: none !important; } .apus-search-form form .btn { height: 50px; line-height: 1; margin-top: -1px; margin-bottom: -1px; margin-right: -1px; } .apus-search-form form .btn i { font-size: 18px; } .apus-search-form form .btn i + span { margin-left: 5px; } .apus-search-form form .btn.st_small { padding-left: 15px; padding-right: 15px; } .apus-search-form form .form-control { border: none; padding-left: 20px; padding-right: 20px; border-radius: 0; } .apus-search-form form .form-control { height: 48px; } .apus-search-form form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d1d1d1; } .apus-search-form form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #d1d1d1; } .apus-search-form form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #d1d1d1; } .apus-search-form form .form-control:-moz-placeholder { /* Firefox 18- */ color: #d1d1d1; } .apus-search-form form .form-control:focus { color: var(--freeio-link-color); } .apus-search-form .hidden-search { cursor: pointer; float: right; font-size: 35px; line-height: 1.4; color: #dc3545; display: inline-block; margin-left: 30px; } .apus-search-form .main-search { width: 100%; position: relative; } .apus-search-form .main-search .autocomplete-list { text-align: left; margin-top: 1px; position: absolute; top: 100%; left: 0; width: 100%; z-index: 8; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); max-height: 350px; overflow: auto; } .apus-search-form div.twitter-typeahead { width: 100%; position: relative; } .apus-search-form div.twitter-typeahead span.twitter-typeahead { vertical-align: top; width: 100%; } .apus-search-form div.twitter-typeahead:before { content: ''; position: absolute; top: 13px; right: 10px; width: 18px; height: 100%; background: url(../images/loading-quick.gif) no-repeat scroll 0 0/18px auto; opacity: 0; filter: alpha(opacity=0); z-index: 9; } .apus-search-form div.twitter-typeahead.loading:before { opacity: 1; filter: alpha(opacity=100); } .apus-search-form .tt-menu { background: #fff; width: 100%; padding: 0; margin-top: 1px; } .apus-search-form .tt-menu > * { position: relative; z-index: 9; } .apus-search-form .tt-menu a.media { display: block; margin: 0; padding: 12px; } .apus-search-form .tt-menu a.media img { max-width: 60px; } .apus-search-form .tt-menu h4 { font-size: 14px; margin: 0; } .apus-search-form .tt-menu h4 strong { font-weight: normal; color: var(--freeio-theme-color); } .apus-search-form .tt-menu .price { font-size: 13px; margin: 0; } .apus-search-form .tt-menu .tt-dataset-search > *:first-child { display: none; } .apus-search-form.style2 form { border: none; background: rgba(255, 255, 255, 0.1); border-radius: 50px; position: relative; padding-right: 40px; } .apus-search-form.style2 form .form-control { border: none !important; height: 45px; background-color: transparent; color: #fff; } .apus-search-form.style2 form .form-control:focus { color: #fff; } .apus-search-form.style2 form .btn { line-height: 32px; height: 35px; font-size: 16px; position: absolute; top: 6px; padding: 0 9px; right: 5px; border-radius: 50% !important; } .apus-search-form.style2 form .btn i { font-size: 16px; } .apus-search-form .autocomplete-list { padding: 15px; border-radius: 2px; } @media (min-width: 1200px) { .apus-search-form .autocomplete-list { padding: 20px; } } .apus-search-form .autocomplete-list-item { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #E9E9E9; } @media (min-width: 1200px) { .apus-search-form .autocomplete-list-item { padding: 0 0 15px; margin: 0 0 15px; } } .apus-search-form .autocomplete-list-item:last-child { border: none; padding: 0; margin: 0; } .apus-search-form .autocomplete-list-item .autocompleate-media { display: block; } .apus-search-form .autocomplete-list-item .autocompleate-media:hover .name-product { color: var(--freeio-link-color); } .apus-search-form .autocomplete-list-item img { width: 60px; max-width: none; } .apus-search-form .autocomplete-list-item .price { color: var(--freeio-text-color); } .apus-search-form .autocomplete-list-item .name-product { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin: 0 0 3px; font-size: 15px; font-family: var(--freeio-main-font); font-weight: normal; color: var(--freeio-text-color); text-transform: capitalize; } .apus-search-form .autocomplete-list-item .name-product strong { color: #dc3545; } .apus-search-nocategory { background: #f0f2f9; border-radius: 50px; } .apus-search-nocategory .form-control { background: #f0f2f9; border-color: #f0f2f9; color: #999591; border: none; max-width: 185px; font-size: 12px; } .apus-search-nocategory .btn { padding-left: 12px; padding-right: 12px; background: transparent; color: var(--freeio-link-color); font-size: 16px; border-radius: 50% !important; border: none; } .apus-search-nocategory .btn:hover, .apus-search-nocategory .btn:active { color: #fff; background: var(--freeio-theme-color); } .apus-search-nocategory { background: #f0f2f9; border-radius: 50px; } .apus-search-nocategory .form-control { background: #f0f2f9; border-color: #f0f2f9; color: #999591; border: none; max-width: 185px; font-size: 12px; } .apus-search-nocategory .btn { padding-left: 12px; padding-right: 12px; background: transparent; color: var(--freeio-link-color); font-size: 16px; border-radius: 50% !important; border: none; } .apus-search-nocategory .btn:hover, .apus-search-nocategory .btn:active { color: #fff; background: var(--freeio-theme-color); } .widget_search form { position: relative; } @media (min-width: 1200px) { .widget_search form .form-control { height: 55px; border-radius: 8px; } } .widget_search form .btn-search { padding: 3px; background: transparent; color: var(--freeio-link-color); font-size: 19px; border: 0; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .widget_search form .btn-search:hover, .widget_search form .btn-search:focus { color: var(--freeio-second-color); } /*------------------------------------*\ Tags Widget \*------------------------------------*/ .wp-block-tag-cloud, .entry-tags-list, .tagcloud { margin: 0; } .wp-block-tag-cloud a, .entry-tags-list a, .tagcloud a { text-transform: capitalize; margin-bottom: 0.6rem; margin-right: 0.4rem; font-size: 13px !important; font-weight: 500; display: inline-block; padding: 0 20px; line-height: 34px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; color: var(--freeio-link-color); background: #FFEDE8; border-radius: 34px; } .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a.active, .entry-tags-list a:hover, .entry-tags-list a:focus, .entry-tags-list a.active, .tagcloud a:hover, .tagcloud a:focus, .tagcloud a.active { color: var(--freeio-link-color); background: #FFEDE8; text-decoration: underline; } .wp-block-tag-cloud a:last-child, .entry-tags-list a:last-child, .tagcloud a:last-child { margin-right: 0; } .widget-logo { padding: 1.875rem; } .widget-logo .item-brand > a { display: block; } .widget-logo .carousel-control { opacity: 0; filter: alpha(opacity=0); } .widget-logo:hover .carousel-control { opacity: 1; filter: alpha(opacity=100); } .apus-search-top .button-show-search { font-size: 18px; -webkit-box-shadow: none; box-shadow: none; border: none; color: var(--freeio-text-color); line-height: 1; padding: 0 5px; background: transparent !important; } .apus-search-top .button-show-search:hover, .apus-search-top .button-show-search:active { color: var(--freeio-theme-color); } .apus-search-top .content-form { -webkit-box-shadow: none; box-shadow: none; margin: 0; border: none; padding: 0; min-width: 280px; } /*-----------------------------*\ Widget Vertical Menu \*-----------------------------*/ .vertical-menu { display: none !important; padding: 0; background: #fff; z-index: 999; } .vertical-menu > .nav { position: relative; width: 100%; height: auto; } .vertical-menu > .nav .open > a, .vertical-menu > .nav .open > a:hover, .vertical-menu > .nav .open > a:focus, .vertical-menu > .nav .active > a, .vertical-menu > .nav .active > a:hover, .vertical-menu > .nav .active > a:focus { color: var(--freeio-theme-color); } .vertical-menu > .nav > li { float: none; position: static; border-bottom: 1px solid #E9E9E9; } .vertical-menu > .nav > li.active > a { color: var(--freeio-theme-color); background: #fafafa; } .vertical-menu > .nav > li > a { color: #414141; padding: 15px 20px; font-weight: 500; font-size: 12px; text-transform: uppercase; white-space: nowrap; } .vertical-menu > .nav > li > a:hover { color: var(--freeio-theme-color); background: #fafafa; } .vertical-menu > .nav > li > a .fa { font-size: 15px; min-width: 15px; margin-right: 12px; } .vertical-menu > .nav > li .dropdown-menu { min-width: 230px; min-height: 100%; border-radius: 0; } .vertical-menu > .nav .product-block { padding: 0 !important; overflow: hidden; display: block; } .vertical-menu .dropdown-menu { margin: 0; padding: 1.875rem; border: none; top: 0; } .vertical-menu .dropdown-menu::after { display: block; clear: both; content: ""; } .vertical-menu .dropdown-menu ul { padding: 0; list-style: none; } .vertical-menu .dropdown-menu ul li { line-height: 34px; } .vertical-menu .dropdown-menu ul li a { color: #414141; } .vertical-menu .dropdown-menu ul li a:hover, .vertical-menu .dropdown-menu ul li a.active { color: var(--freeio-theme-color); } .vertical-menu .dropdown-menu ul ul { padding-left: 15px; } .vertical-menu .dropdown-menu .widget-title { border: none; font-size: 16px; padding: 0 0 15px; color: var(--freeio-link-color); } .vertical-menu .dropdown-menu .woocommerce .product-wrapper { -webkit-box-shadow: none !important; box-shadow: none !important; } .vertical-menu.menu-left .dropdown-menu { left: 100% !important; right: auto !important; } .vertical-menu.menu-right .dropdown-menu { left: auto !important; right: 100% !important; } .vertical-menu .icon-ver { margin-right: 10px; } #recentcomments { list-style: none; } #recentcomments > li { margin: 0 0 1em; } #recentcomments > li:last-child { margin: 0; } .widget_rss ul { list-style: none; padding: 0; } .widget_rss ul li { margin-bottom: 1rem; } .widget_rss ul li:last-child { margin-bottom: 0; } .widget-quicklink-menu { background-color: #f6f6f6; line-height: 35px; } .widget-quicklink-menu .quicklink-heading { background-color: #333333; color: #ffffff; display: inline-block; font-size: 10px; margin: 0 20px 0 0; padding: 12px 15px 12px 25px; position: relative; text-transform: uppercase; font-family: var(--freeio-main-font); } .woo-onsale .onsale { display: none; } .woo-onsale .product-sale-label { position: absolute; width: 36px; height: 36px; background-color: #fb4949; color: #fff; top: 10px; right: 10px; border-radius: 50%; line-height: 36px; font-size: 12px; font-weight: 400; } .widget-tabs .widget-title { display: inline-block; } .widget-tabs .nav-tabs { border: none; display: inline-block; vertical-align: middle; margin: 0 0 7px; } .widget-tabs .nav-tabs.tabs-list-v2 { margin: 0 0 15px; } .widget-tabs .carousel-controls { top: -42px; } .widget-infor .media .fa, .widget-infor .media .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: var(--freeio-theme-color); background: #252525; } .contant-info .title { margin: 0 0 20px; font-size: 30px; } .contant-info .info-description { margin: 0 0 30px; } .contant-info .media-heading { font-size: 20px; font-weight: 600; margin: 0 0 5px; } .contant-info .media { margin-top: 30px; } .contant-info .media:hover .fa { border-color: #dc3545; color: #dc3545; } .contant-info .media-left { padding-right: 20px; } .contant-info .media-left .fa { border: 2px solid #0d6efd; border-radius: 50%; color: #0d6efd; font-size: 25px; height: 58px; line-height: 52px; text-align: center; width: 58px; } .widget_text select, .widget_categories select, .widget_archive select { width: 100%; padding: 8px 15px; height: 50px; border: 1px solid #E9E9E9; border-radius: 8px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background: url("../images/select.png") #fff right 15px center no-repeat; } .widget-twitter .twitter-timeline { display: block !important; } .widget-twitter .timeline-Tweet-media { display: none; } .widget_apus_instagram { margin: 0; } .widget_apus_instagram .widget-title { font-size: 35px; font-weight: 300; margin: 0 0 60px; padding: 0; text-align: center; text-transform: inherit; } .widget_apus_instagram .widget-title a { font-weight: 400; color: var(--freeio-theme-color); } .widget_apus_instagram .instagram-pics a { display: block; position: relative; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .widget_apus_instagram .instagram-pics a:hover, .widget_apus_instagram .instagram-pics a:active { outline: 8px solid var(--freeio-theme-color); outline-offset: -8px; } .widget_apus_instagram .instagram-pics a:hover:before, .widget_apus_instagram .instagram-pics a:active:before { opacity: 0; filter: alpha(opacity=0); } .widget_apus_instagram .instagram-pics a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-ticket-pricing { background: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 2px dashed #E9E9E9; border-radius: 50px; overflow: hidden; } @media (min-width: 1200px) { .widget-ticket-pricing .product-block-pricing { max-width: 170px; margin: auto; } } .widget-ticket-pricing .column { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; overflow: hidden; border: 2px dashed #E9E9E9; border-radius: 50px; margin: -2px 0; padding: 0 10px !important; } .widget-ticket-pricing .column:last-child, .widget-ticket-pricing .column:first-child { border: none; margin: 0; } .widget-ticket-pricing.style-style2 { border: 1px solid #E9E9E9; overflow: visible; } .widget-ticket-pricing.style-style2 .column { border: 1px solid #E9E9E9; margin: -1px 0; } .widget-ticket-pricing.style-style2 .column:last-child, .widget-ticket-pricing.style-style2 .column:first-child { margin: 0; border: none; } .widget-ticket-pricing.style-style2 .column:hover { border-color: var(--freeio-theme-color); } .widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing .price { border: 1px solid var(--freeio-theme-color); } .widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing:before { border-bottom: 1px solid var(--freeio-theme-color); } .widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing .price { border: 1px solid #E9E9E9; } .widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing:before { border-bottom: 1px solid #E9E9E9; } .widget-ticket-pricing.style-style3 { border: none; overflow: visible; } .widget-ticket-pricing.style-style3 .column { border: none; overflow: visible; margin: 20px 0; } .product-block-pricing .name { font-size: 22px; font-family: var(--freeio-main-font); margin: 37px 0 30px; font-weight: 400; text-align: center; } .product-block-pricing .wrapper-pricing { text-align: center; position: relative; } .product-block-pricing .wrapper-pricing:before { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 1000px; height: 2px; border-bottom: 2px dashed #E9E9E9; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -150px; z-index: 1; content: ''; } .product-block-pricing .wrapper-pricing .price { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 2px dashed #E9E9E9; border-radius: 50%; padding: 8px; background: #fff; display: inline-block; z-index: 2; position: relative; } .product-block-pricing .woocommerce-Price-amount { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100px; height: 100px; line-height: 100px; display: inline-block; text-align: center; font-size: 30px; font-weight: normal; color: var(--freeio-link-color); background: #f1f1f1; border-radius: 50%; } .product-block-pricing .woocommerce-Price-amount > span { font-weight: 300; } .product-block-pricing .block-inner-content .desc { margin: 20px 0 35px; } .product-block-pricing .block-inner-content .desc strong { color: var(--freeio-link-color); } .product-block-pricing .block-inner-content ul { margin: 0; padding: 0; list-style: none; } .product-block-pricing .block-inner-content ul li { margin: 0 0 5px; } .product-block-pricing .block-inner-content ul i { margin-right: 15px; color: var(--freeio-theme-color); } .product-block-pricing .button { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .product-block-pricing .groups-button { margin: 40px 0 45px; } .product-block-pricing .groups-button .button.added { display: none; } .product-block-pricing .groups-button .added_to_cart.wc-forward { display: inline-block; padding: 3.9rem 0.65rem; white-space: nowrap; vertical-align: middle; font-size: 14px; font-weight: normal; text-transform: uppercase; border-radius: 25px; background: var(--freeio-theme-color); color: #fff; } .product-block-pricing .groups-button .added_to_cart.wc-forward:hover, .product-block-pricing .groups-button .added_to_cart.wc-forward:active { color: #fff; background: var(--freeio-theme-hover-color); } .product-block-pricing:hover .woocommerce-Price-amount { background-color: var(--freeio-theme-color); color: #fff; } .product-block-pricing:hover .button { color: #fff !important; } .product-block-pricing:hover .button:before { opacity: 0; filter: alpha(opacity=0); } .popupnewsletter-wrapper .mfp-content { width: 590px; max-width: 90%; } .popupnewsletter-wrapper .apus-mfp-close { background: #dc3545; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 16px; line-height: 47px; border-radius: 50%; -webkit-transform: translate(22px, -22px); -ms-transform: translate(22px, -22px); -o-transform: translate(22px, -22px); transform: translate(22px, -22px); opacity: 1; filter: alpha(opacity=100); } .popupnewsletter-wrapper .apus-mfp-close:hover, .popupnewsletter-wrapper .apus-mfp-close:focus { background: #d32535; } .popupnewsletter-wrapper .modal-content { border-radius: 0; padding: 260px 60px 40px; text-align: center; } .popupnewsletter-wrapper .modal-content h3 { font-size: 20px; margin: 0 0 15px; } @media (min-width: 1200px) { .popupnewsletter-wrapper .modal-content h3 { font-size: 30px; } } .popupnewsletter-wrapper .modal-content .description { font-family: var(--freeio-main-font); font-size: 16px; margin: 0 0 20px; } .popupnewsletter-wrapper .modal-content form { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: 1px solid #E9E9E9; width: 325px; background: #f5f6f7; clear: both; margin: 0 auto 20px; border-radius: 46px; position: relative; padding-right: 46px; } @media (min-width: 1200px) { .popupnewsletter-wrapper .modal-content form { margin: 0 auto 40px; } } .popupnewsletter-wrapper .modal-content form:hover { border-color: #d0d0d0; } .popupnewsletter-wrapper .modal-content form .form-control { background: #f5f6f7; width: 100%; border: none; border-radius: 46px; height: 44px; display: block; } .popupnewsletter-wrapper .modal-content form .input-group { position: static; width: 100%; display: block; } .popupnewsletter-wrapper .modal-content form .input-group > * { display: block; float: none; position: static; } .popupnewsletter-wrapper .modal-content form [type="submit"] { position: absolute; border: none; padding: 0; z-index: 2 !important; top: -1px; right: -1px; z-index: 1; width: 46px; height: 46px; line-height: 46px; border-radius: 46px; display: inline-block; color: transparent; background: var(--freeio-theme-color); } .popupnewsletter-wrapper .modal-content form [type="submit"]:before { content: "\f1d8"; font-family: 'FontAwesome'; font-size: 18px; color: #fff; display: inline-block; width: 45px; text-align: center; } .popupnewsletter-wrapper .modal-content form [type="submit"]:hover, .popupnewsletter-wrapper .modal-content form [type="submit"]:focus { background-color: var(--freeio-theme-hover-color); } .popupnewsletter-wrapper .close-dont-show:hover, .popupnewsletter-wrapper .close-dont-show:focus { color: #dc3545; } .form-login-register-inner { background-color: #fff; border-radius: 8px; padding: 0.9375rem; border: 1px solid #E9E9E9; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } @media (min-width: 1200px) { .form-login-register-inner { padding: 1.875rem; } } .form-login-register-inner .title { font-size: 18px; margin: 0 0 20px; } .form-login-register-inner #register-phone-cc + .select2 { width: 95px !important; } .form-login-register-inner #register-phone-cc + .select2 .select2-selection--single { border-radius: 4px 0 0 4px; } .form-login-register-inner #register-phone-cc + .select2 .select2-selection--single .select2-selection__rendered { padding: 10px 8px; } .form-login-register-inner #register-phone { width: calc(100% - 95px) !important; border-radius: 0 4px 4px 0; border-left: 0; -webkit-box-shadow: none; box-shadow: none; } .form-login-register-inner [for="user-remember-field"] { font-weight: 400; } .form-login-register-inner .lostpassword-link { margin-top: 15px; } .form-login-register-inner .top-login { background-color: #F4F4F4; border-radius: 8px 8px 0 0; padding: 10px 20px; margin: -20px -20px 20px; } @media (min-width: 1200px) { .form-login-register-inner .top-login { padding: 21px 40px; margin: -40px -40px 40px; } } .form-login-register-inner .nav-tabs { border: 0; } .form-login-register-inner .nav-tabs li + li { margin-left: 45px; } @media (min-width: 1200px) { .form-login-register-inner .nav-tabs li + li { margin-left: 25px; } } .form-login-register-inner .nav-tabs a { font-size: 1.125rem; font-weight: 500; color: var(--freeio-text-color); } .form-login-register-inner .nav-tabs a.active { color: var(--freeio-link-color); } @media (min-width: 576px) { .form-login-register-inner .forgot-password-text { text-align: right; } } @media (min-width: 1200px) { .form-login-register-inner [name="submitRegister"], .form-login-register-inner [name="submit"] { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; } } .form-login-register-inner .close-magnific-popup { color: var(--freeio-link-color); font-size: 1rem; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .form-login-register-inner .close-magnific-popup:hover, .form-login-register-inner .close-magnific-popup:focus { color: #dc3545; } .form-forgot-password-inner { display: none; } .register-form-otp { display: none; } .register-form-otp .resend { margin-top: 10px; } .register-form-otp .sent-txt { text-align: center; margin-bottom: 10px; } .register-form-otp .sent-txt strong { font-size: 18px; } .register-form-otp .sent-txt .no-change { color: #000; font-weight: 600; cursor: pointer; } .otp-input-cont { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; -webkit-justify-content: center; width: 100%; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .otp-input-cont input { border-radius: 4px; border: 1px solid #E9E9E9 !important; -webkit-box-shadow: none; box-shadow: none; width: calc(20% - 20px); margin: 3px 10px 0; text-align: center; padding: 7px; outline: none; } .wrapper-tab-account { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; background-color: #F6F8F9; border-radius: 8px 8px 0 0; } .wrapper-tab-account .nav-tabs { border: 0; } .wrapper-tab-account .nav-tabs > li { margin: 0; } .wrapper-tab-account .nav-tabs > li > a { border: 0 !important; margin: 0; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 15px 20px; background-color: transparent; color: var(--freeio-link-color) !important; } @media (min-width: 1200px) { .wrapper-tab-account .nav-tabs > li > a { padding: 19px 30px; } } .wrapper-tab-account .nav-tabs > li.active > a:focus, .wrapper-tab-account .nav-tabs > li.active > a { background-color: #fff; } .wrapper-tab-account .close-advance-popup { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 30px; height: 30px; color: var(--freeio-link-color); background-color: #E6E9EC; text-align: center; line-height: 30px; border-radius: 50%; display: inline-block; } @media (min-width: 1200px) { .wrapper-tab-account .close-advance-popup { right: 30px; } } .wrapper-tab-account .close-advance-popup i { font-size: 10px; } .wrapper-tab-account .close-advance-popup:hover, .wrapper-tab-account .close-advance-popup:focus { background-color: #dc3545; color: #fff; } .wrapper-tab-account + .tab-content { padding-top: 50px; } .login-form-wrapper .wp_freeio_freelancer_show, .register-form .wp_freeio_freelancer_show { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .login-form-wrapper .form-control, .register-form .form-control { margin-bottom: 20px; color: var(--freeio-link-color); } @media (min-width: 1200px) { .login-form-wrapper .form-control, .register-form .form-control { height: 55px; } } .login-form-wrapper .lostpassword-link .back-link, .register-form .lostpassword-link .back-link { color: var(--freeio-theme-color); text-decoration: underline; display: inline-block; margin-top: 15px; font-weight: 500; } .login-form-wrapper .remember, .register-form .remember { font-weight: 400; margin: 0; cursor: pointer; } .login-form-wrapper .select2-selection__arrow, .register-form .select2-selection__arrow { display: none; } .login-form-wrapper [type="checkbox"], .register-form [type="checkbox"] { margin-right: 2px; } .login-form-wrapper .info, .register-form .info { font-size: 14px; margin-bottom: 10px; } .login-form-wrapper .link-right, .register-form .link-right { text-align: right; } .login-form-wrapper .create-account, .register-form .create-account { margin: 0 0 5px; } .login-form-wrapper .create-account .create, .register-form .create-account .create { font-weight: 500; } .login-form-wrapper .forgotpassword-form-wrapper, .register-form .forgotpassword-form-wrapper { display: none; } .login-form-wrapper #recaptcha-contact-form, .register-form #recaptcha-contact-form { min-height: 88px; } .login-form-wrapper #recaptcha-contact-form > div, .register-form #recaptcha-contact-form > div { margin: 0 auto 10px; } .login-form-wrapper .line-header, .register-form .line-header { text-align: center; margin: 1.875rem 0; position: relative; } .login-form-wrapper .line-header span, .register-form .line-header span { position: relative; text-transform: uppercase; color: var(--freeio-link-color); font-size: 1rem; display: inline-block; padding: 0 10px; background: #fff; } .login-form-wrapper .line-header:before, .register-form .line-header:before { content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #E9E9E9; } .login-form-wrapper label, .register-form label { font-size: 0.9375rem; font-weight: 500; color: var(--freeio-link-color); margin: 0 0 5px; } .login-form-wrapper .show_hide_password, .register-form .show_hide_password { display: block; position: relative; } .login-form-wrapper .show_hide_password .toggle-password, .register-form .show_hide_password .toggle-password { cursor: pointer; position: absolute; z-index: 1; top: 50%; right: 0.9375rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .login-form-wrapper .title, .register-form .title { font-weight: 500; font-size: 20px; margin: 0 0 20px; } .login-form-wrapper .des-forgot, .register-form .des-forgot { color: var(--freeio-link-color); margin: 0 0 10px; } .login-form-wrapper [type="submit"], .register-form [type="submit"] { margin-top: 10px; } .sign-in-demo-notice { padding: 10px 15px; margin-bottom: 15px; border-radius: 4px; background: #F6F8F9; line-height: 2; } @media (min-width: 1200px) { .sign-in-demo-notice { padding: 20px 30px; } } .sign-in-demo-notice strong { color: var(--freeio-link-color); font-weight: 600; } .forgotpassword-form, .job-apply-email-form, .change-password-form, .delete-profile-form, .register-form, .login-form { position: relative; } .forgotpassword-form:before, .job-apply-email-form:before, .change-password-form:before, .delete-profile-form:before, .register-form:before, .login-form:before { display: block; content: ''; position: absolute; top: 0; left: -1px; width: calc(100% + 2px); height: 100%; background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/32px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 2; visibility: hidden; } .forgotpassword-form.loading:before, .job-apply-email-form.loading:before, .change-password-form.loading:before, .delete-profile-form.loading:before, .register-form.loading:before, .login-form.loading:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .inner-social { overflow: hidden; clear: both; margin: 0 -10px -20px; } .inner-social > div { margin-bottom: 20px; text-align: center; padding-right: 10px; padding-left: 10px; } .inner-social > div a { display: inline-block; width: 100%; padding: 10px 20px; border-radius: 8px; border: 1px solid var(--freeio-theme-color); color: var(--freeio-theme-color); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .inner-social > div a { padding: 15px 30px; } } .inner-social > div a:hover { background-color: var(--freeio-theme-color); color: #fff !important; } .inner-social > div a > i { font-size: 16px; margin-right: 10px; } .inner-social > div a.facebook-login-btn { border-color: #1967D2; color: #1967D2; } .inner-social > div a.facebook-login-btn:hover, .inner-social > div a.facebook-login-btn:focus { background-color: #1967D2; } .inner-social > div a.twitter-login-btn { border-color: #1DA1F2; color: #1DA1F2; } .inner-social > div a.twitter-login-btn:hover, .inner-social > div a.twitter-login-btn:focus { background-color: #1DA1F2; } .inner-social > div a.google-login-btn { border-color: #D93025; color: #D93025; } .inner-social > div a.google-login-btn:hover, .inner-social > div a.google-login-btn:focus { background-color: #D93025; } .inner-social > div[class*="btn-wrapper"] { width: 33.33%; float: left; } @media (max-width: 575px) { .inner-social > div[class*="btn-wrapper"] { width: 50%; } } .wp-block-search .wp-block-search__label { font-size: 1.125rem; margin: 0 0 18px; text-transform: capitalize; color: var(--freeio-heading-color); font-weight: 500; line-height: 1.2; } .wp-block-search .wp-block-search__input { height: 50px; outline: none !important; padding: 5px 20px; border: 1px solid #E9E9E9; border-radius: 8px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .wp-block-search .wp-block-search__input:hover, .wp-block-search .wp-block-search__input:focus { border-color: #b6b6b6; } .wp-block-search .wp-block-search__button { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; height: 50px; padding: 0 20px; border: 0; background: var(--freeio-theme-color); color: #fff; border-radius: 8px; } .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus { background: var(--freeio-theme-hover-color); } .from-to-text-wrapper { position: relative; } .from-to-text-wrapper .heading-filter-price { display: none; } .from-to-text-wrapper .price-input-wrapper input.form-control { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -ms-appearance: textfield; -o-appearance: textfield; } .from-to-text-wrapper .price-text-wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; width: 100%; } .contact-form-wrapper .button { width: 100%; position: relative; } @media (min-width: 1200px) { .contact-form-wrapper .button { padding-top: 0.875rem; padding-bottom: 0.875rem; } } .contact-form-wrapper .button:before { display: block; content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/20px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 1; visibility: hidden; } .contact-form-wrapper.loading .button:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .contact-form-wrapper .ga-recaptcha { margin-bottom: 10px; } .contact-form-wrapper .btn-whatsapp { width: 100%; margin-top: 15px; } .listing-detail-price > div { margin-top: 0.75rem; } .listing-detail-price > div:first-child { margin-top: 0; } .listing-detail-price .value { color: var(--freeio-link-color); } .listing-detail-price .claim-this-business-btn { color: var(--freeio-theme-color); } .claim-listing-form-wrapper .title { margin: 0 0 1.25rem; text-align: center; font-size: 1.25rem; } .claim-listing-form-wrapper .form-group { margin-bottom: 1.25rem; } .listing-detail-author .author-thumbnail { width: 70px; height: 70px; overflow: hidden; border-radius: 50%; } .listing-detail-author .author-thumbnail + .author-content { padding-left: 1.125rem; } .listing-detail-author .name { font-size: 1rem; margin: 0 0 3px; } .phone-wrapper.phone-hide .phone { display: none; } .phone-wrapper.phone-hide .phone-show span { display: inline-block; vertical-align: top; font-size: 11px; font-weight: 700; border-radius: 2px; padding: 1px 6px; color: #fff; background-color: #24324A; text-transform: capitalize; cursor: pointer; margin-left: 2px; } .phone-wrapper.phone-hide.show .phone { display: inline-block; } .phone-wrapper.phone-hide.show .phone-show { display: none; } .flex-phone i { font-size: 14px; margin-right: 8px; } .leaflet-marker-icon > div > span { width: 47px; height: 47px; line-height: 47px; text-align: center; background: var(--freeio-theme-color); color: #fff; border-radius: 50%; font-size: 0.9375rem; font-weight: 700; position: relative; display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .leaflet-marker-icon > div > span:hover, .leaflet-marker-icon > div > span:focus { -webkit-box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); } .leaflet-container .leaflet-pane .map-popup { width: 42px; height: 42px; margin-top: -42px; margin-left: -21px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-end; -webkit-align-items: flex-end; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; } .leaflet-container .leaflet-pane .map-popup:before { display: none !important; } .leaflet-container .leaflet-pane .map-popup .icon-wrapper { color: #fff; background-color: #1F4B3F; font-size: 1rem; line-height: 1; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; border-radius: 50% !important; width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align-items: center; -ms-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; -webkit-box-shadow: 0 0 0 5px rgba(31, 75, 63, 0.4); box-shadow: 0 0 0 5px rgba(31, 75, 63, 0.4); } .leaflet-container .leaflet-pane .map-popup .icon-wrapper img { max-width: 100% !important; max-height: 100% !important; border-radius: 50%; } .leaflet-container .leaflet-pane .map-popup .icon-wrapper:hover, .leaflet-container .leaflet-pane .map-popup .icon-wrapper:focus { -webkit-box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); } .leaflet-container .leaflet-pane .map-popup.map-popup-selected .icon-wrapper { -webkit-box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); box-shadow: 0 0 0 10px rgba(31, 75, 63, 0.4); } .cmb-form .icon-wrapper:before, .single-listing-map .icon-wrapper:before { animation: scale_icon_map 1.5s ease-in-out 0s infinite normal; -webkit-animation: scale_icon_map 1.5s ease-in-out 0s infinite normal; } #listings-google-maps, .main-items-wrapper { position: relative; } #listings-google-maps.loading:before, .main-items-wrapper.loading:before { content: ''; background-position: center 200px; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .btn-remove-compare-all, .loadmore-message-btn, .loadmore-replied-btn, .reply-message-btn { position: relative; border: 0 !important; } .btn-remove-compare-all:before, .loadmore-message-btn:before, .loadmore-replied-btn:before, .reply-message-btn:before { position: absolute; top: 50%; left: 50%; font-size: 14px; opacity: 0; filter: alpha(opacity=0); color: var(--freeio-link-color); content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; margin: -14px -8px; } .btn-remove-compare-all.loading, .loadmore-message-btn.loading, .loadmore-replied-btn.loading, .reply-message-btn.loading { background: rgba(255, 255, 255, 0.8) !important; color: transparent !important; } .btn-remove-compare-all.loading:before, .loadmore-message-btn.loading:before, .loadmore-replied-btn.loading:before, .reply-message-btn.loading:before { opacity: 0.8; filter: alpha(opacity=80); animation: rotate_icon 1500ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1500ms linear 0s normal none infinite running; } #listings-google-maps.loading:before { z-index: 999; background-color: rgba(255, 255, 255, 0.75); } .avatar-wrapper .avatar-img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(13, 38, 59, 0.2); box-shadow: 0 0 10px 0 rgba(13, 38, 59, 0.2); } .avatar-wrapper .avatar-img img { margin: 0; } .avatar-wrapper .avatar-img + .name-author { width: calc(100% - 40px); padding-left: 10px; } .avatar-wrapper .name-author { color: var(--freeio-link-color); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .listing-postdate { white-space: nowrap; } .box-white-detail { padding: 15px; background: #fff; margin-bottom: 20px; } @media (min-width: 1200px) { .box-white-detail { padding: 25px 30px; margin-bottom: 30px; } } .box-white-detail .title { font-size: 20px; margin: 0 0 15px; } .title-wrapper { margin: 0 0 15px; } @media (min-width: 1200px) { .title-wrapper { margin-bottom: 20px; } } .title-wrapper > * { margin: 0 !important; display: inline-block; vertical-align: middle; } .title-wrapper > * + * { margin-left: 7px !important; } span.featured { display: inline-block; font-size: 10px; width: 20px; height: 20px; background: #5BBB7B; color: #fff; border-radius: 50%; line-height: 20px; text-align: center; margin-left: 7px; } .review-stars-rated { position: relative; overflow: hidden; width: 85px; } .review-stars-rated .review-stars { list-style: none; padding: 0; margin: 0; color: #dadde6; white-space: nowrap; overflow: hidden; font-size: 10px; letter-spacing: 2px; } .review-stars-rated .review-stars li { display: inline-block; } .review-stars-rated .review-stars.filled { color: #E1C03F; position: absolute; top: 0; left: 0; } .review-stars-rated-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .review-stars-rated-wrapper .nb-review { margin-left: 7px; } .review-stars-rated-wrapper i, .review-stars-rated-wrapper .nb-pre-review { margin-right: 7px; } .wrapper_rating_avg .rating_avg { margin-right: 7px; font-weight: 500; font-size: 14px; color: #E1C03F; } .review-avg { color: var(--freeio-link-color); font-weight: 500; margin-right: 15px; } .review-avg i { font-size: 10px; display: inline-block; margin-right: 10px; color: #E1C03F; margin-bottom: 4px; vertical-align: middle; } .comment-form-rating, .review-stars-wrap { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; clear: both; cursor: pointer; } .comment-form-rating .review-stars, .review-stars-wrap .review-stars { color: #e1e1e1; list-style: none; padding: 0; margin: 0; font-size: 13px; letter-spacing: 6px; } .comment-form-rating .review-stars li, .review-stars-wrap .review-stars li { float: left; } .comment-form-rating .review-stars li.active, .review-stars-wrap .review-stars li.active { color: #e1e1e1; } .comment-form-rating .review-stars.filled, .review-stars-wrap .review-stars.filled { color: #E1C03F; position: absolute; top: 0; left: 0; } .box-info-white { position: relative; z-index: 1; margin-bottom: 1.875rem; } @media (min-width: 1200px) { .box-info-white { margin-bottom: 60px; } } .box-info-white .title { font-weight: 500; font-size: 20px; margin: 0 0 15px; } @media (min-width: 1200px) { .box-info-white .title { margin-bottom: 20px; } } .box-info-white .comment-form { margin: 0; } .max-780 { max-width: 780px; } .detail-average-rating { padding: 0.9375rem; text-align: center; background: #FFEDE8; border-radius: 8px; } @media (min-width: 768px) { .detail-average-rating { width: 40%; padding: 60px 1.875rem; } } .detail-average-rating .average-value { font-size: 35px; font-weight: 600; line-height: 1.2; display: block; color: #E1C03F; } @media (min-width: 768px) { .detail-average-rating .average-value { font-size: 60px; } } .detail-average-rating .total-rating { margin-top: 2px; color: var(--freeio-link-color); } .detail-average-rating .tutor-ratings-stars { font-size: 11px; } @media (min-width: 768px) { .detail-rating { width: calc(100% - 40%); padding: 0 0 0 60px; } } .list-rating .progress { flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; height: 5px; width: calc(100% - 95px); background: rgba(0, 128, 9, 0.07); } .list-rating .progress .progress-bar { background: #E1C03F; } .list-rating .value-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .list-rating .list-number { white-space: nowrap; font-weight: 500; color: var(--freeio-link-color); padding-right: 10px; min-width: 55px; } .list-rating .value { display: inline-block; font-size: 14px; width: 40px; padding-left: 10px; text-align: right; } .item-rating { margin-bottom: 5px; } @media (min-width: 1200px) { .item-rating { margin-bottom: 10px; } } .item-rating:last-child { margin-bottom: 0; } .mobile-groups-button .btn + .btn { margin-left: 0.6rem; } .send-message-btn { display: block; position: relative; } .send-message-btn:before { display: block; content: ''; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/20px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 1; visibility: hidden; } .send-message-btn.loading:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .location-banner-inner-list { border-radius: 8px; overflow: hidden; display: block; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .location-banner-inner-list .inner { border: 1px solid #E9E9E9; padding: 18px 20px; border-radius: 0 0 8px 8px; color: var(--freeio-text-color); } .location-banner-inner-list .title { font-size: 16px; margin: 0 0 7px; } .location-banner-inner-list .number span { font-weight: 600; color: var(--freeio-link-color); } .location-banner-inner-list .median-price span { color: var(--freeio-link-color); font-weight: 600; } .location-banner-inner-list:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(13, 38, 59, 0.07); box-shadow: 0 10px 30px 0 rgba(13, 38, 59, 0.07); } .nav-member { margin-bottom: 15px; border: 0 !important; position: relative; } @media (min-width: 1200px) { .nav-member { margin-bottom: 1.875rem; } } .nav-member > li { margin-bottom: 0 !important; margin-right: 20px; } @media (min-width: 1200px) { .nav-member > li { margin-right: 50px; } } .nav-member > li > a { padding: 0 0 5px; font-size: 15px; font-weight: 600; background-color: transparent !important; border: 0 !important; position: relative; display: inline-block; text-transform: capitalize; color: var(--freeio-text-color); } @media (min-width: 1200px) { .nav-member > li > a { font-size: 18px; } } .nav-member > li > a:before { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; position: absolute; bottom: 0; left: 0; background-color: var(--freeio-link-color); display: block; width: 0; height: 2px; } .nav-member > li:hover > a, .nav-member > li.active > a, .nav-member > li:focus > a { color: var(--freeio-link-color) !important; } .nav-member > li:hover > a:before, .nav-member > li.active > a:before, .nav-member > li:focus > a:before { width: 100%; } .location-single-member { margin-top: 20px; } .location-single-member .title-wrapper { margin: 0 0 20px; } .location-single-member .title-wrapper .title { margin: 0 !important; font-size: 18px; } .saved-search-form label { font-weight: 400; color: var(--freeio-link-color); margin-bottom: 5px; } .saved-search-form:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/30px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 1; visibility: hidden; } .saved-search-form.loading:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .listings-display-mode-wrapper label { margin-bottom: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; margin-right: 8px; } .listings-display-mode-wrapper label [type="radio"] { display: none; } .listings-display-mode-wrapper label i { font-size: 15px; text-align: center; color: var(--freeio-text-color); display: inline-block; line-height: 33px; width: 35px; height: 35px; border: 1px solid #E9E9E9; background-color: #fff; background-color: #fff; border-radius: 8px; } @media (min-width: 1200px) { .listings-display-mode-wrapper label i { line-height: 38px; width: 40px; height: 40px; } } .listings-display-mode-wrapper label input:checked + i { color: var(--freeio-theme-color); } .listings-display-mode-wrapper label:last-child { margin-right: 0; } .my-listings-ordering .text-sort, .my-listings-ordering .label, .sort-my-listings-form .text-sort, .sort-my-listings-form .label, .sort-listings-favorite-form .text-sort, .sort-listings-favorite-form .label, .listings-ordering .text-sort, .listings-ordering .label { font-weight: 400; padding: 0; display: inline-block; vertical-align: middle; } .my-listings-ordering .select2-container--default.select2-container .select2-selection--single, .sort-my-listings-form .select2-container--default.select2-container .select2-selection--single, .sort-listings-favorite-form .select2-container--default.select2-container .select2-selection--single, .listings-ordering .select2-container--default.select2-container .select2-selection--single { height: auto; border: 0; padding: 0; } .my-listings-ordering .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered, .sort-my-listings-form .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered, .sort-listings-favorite-form .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered, .listings-ordering .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { padding-top: 0; padding-bottom: 0; color: var(--freeio-link-color); } .my-listings-ordering .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow, .sort-my-listings-form .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow, .sort-listings-favorite-form .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow, .listings-ordering .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 0; right: 0; } .search-orderby-wrapper { margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .search-orderby-wrapper { margin-bottom: 1.875rem; } } .search-orderby-wrapper .text-sort { margin-right: 10px; color: var(--freeio-link-color); } .search-orderby-wrapper .widget_search { min-width: 300px; } .tabs-account.elementor-tabs-view-horizontal { max-width: 410px; margin: auto; background: #fff; } .tabs-account.elementor-tabs-view-horizontal .elementor-tabs-wrapper { border-bottom: 1px solid #e7ecea; display: flex; display: -webkit-flex; } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-desktop-title { width: 50%; font-size: 0.9375rem; font-weight: 500; color: var(--freeio-link-color); border: 0 !important; margin: 0; position: relative; padding: 19px 25px; text-align: center; } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-desktop-title:before { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: var(--freeio-theme-color); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); display: block; border: 0 !important; } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-desktop-title:after { display: none !important; } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active { color: var(--freeio-theme-color); } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); width: 100%; height: 2px; bottom: 0; left: 0; } .tabs-account.elementor-tabs-view-horizontal .elementor-tab-content { border: 0 !important; padding: 25px 30px 30px; } @media (max-width: 767px) { .tabs-account.elementor-tabs-view-horizontal .elementor-tabs-content-wrapper { border: 0 !important; } .tabs-account.elementor-tabs-view-horizontal .elementor-tabs-content-wrapper .elementor-tab-title { display: none !important; } } .buttons-group-center { padding: 15px 0; text-align: center; } @media (min-width: 1200px) { .buttons-group-center { padding: 1.875rem 0; } } .buttons-group-center [class|="btn"] { display: inline-block; } .buttons-group-center [class|="btn"] i { display: inline-block; position: relative; width: 35px; height: 35px; line-height: 35px; font-size: 18px; background-color: #e3e3e3; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .buttons-group-center [class|="btn"] i { width: 50px; height: 50px; line-height: 50px; font-size: 21px; } } .buttons-group-center [class|="btn"] i:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); color: var(--freeio-text-color); content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 50%; } .buttons-group-center [class|="btn"] > span { display: block; margin-top: 8px; } .buttons-group-center [class|="btn"][class*="added"]:hover i:before, .buttons-group-center [class|="btn"][class*="remove"]:hover i:before { vertical-align: top; font-size: 14px; content: "\f103"; font-family: 'Flaticon'; } .buttons-group-center [class|="btn"][class*="added"] i, .buttons-group-center [class|="btn"][class*="remove"] i, .buttons-group-center [class|="btn"]:hover i, .buttons-group-center [class|="btn"]:focus i { color: #fff; background-color: var(--freeio-theme-color); } .buttons-group-center [class|="btn"].loading i { color: transparent !important; background-color: rgba(255, 255, 255, 0.8) !important; } .buttons-group-center [class|="btn"].loading i:after { opacity: 0.7; filter: alpha(opacity=70); animation: rotate_icon 1500ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1500ms linear 0s normal none infinite running; } .buttons-group-center > div { padding: 0 10px; } @media (min-width: 1200px) { .buttons-group-center > div { padding: 0 25px; } } .send-message-form .form-group { margin-bottom: 1.25rem; } @media (min-width: 992px) { .send-message-form textarea { height: 200px; } } .nav-table { border: 0; padding: 0; margin: 0; } .nav-table > li { margin-bottom: 0 !important; margin-right: 5px; } @media (min-width: 1200px) { .nav-table > li { margin-right: 10px; } } .nav-table > li:last-child { margin-right: 0; } .nav-table > li > a { border: 0 !important; display: inline-block; padding: 0; margin: 0; text-align: center; width: 35px; height: 35px; line-height: 35px; background-color: #0D263B; color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 50%; } @media (min-width: 1200px) { .nav-table > li > a { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } } .nav-table > li > a:hover, .nav-table > li > a:focus { background-color: var(--freeio-theme-color); color: #fff; } .nav-table > li.active > a:hover, .nav-table > li.active > a:focus, .nav-table > li.active > a { background-color: var(--freeio-theme-color); color: #fff; } .tabs-gallery-map { position: relative; } .tabs-gallery-map .nav-table { position: absolute; top: 15px; z-index: 4; right: 15px; } @media (min-width: 1200px) { .tabs-gallery-map .nav-table { top: 30px; right: 30px; } } .tabs-gallery-map #single-tab-listing-street-view-map, .tabs-gallery-map #listings-google-maps { height: 270px; } @media (min-width: 768px) { .tabs-gallery-map #single-tab-listing-street-view-map, .tabs-gallery-map #listings-google-maps { height: 450px; } } @media (min-width: 1200px) { .tabs-gallery-map #single-tab-listing-street-view-map, .tabs-gallery-map #listings-google-maps { height: 700px; } } .tabs-gallery-map .listing-virtual_tour > h3 { display: none; } .listing-virtual_tour iframe { max-width: 100%; border: 0; } .tabs-video-virtual { padding-top: 5px !important; overflow: hidden; } .tabs-video-virtual .listing-section > h3 { display: none; } .feature-cat { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E9E9E9; } @media (min-width: 1200px) { .feature-cat { margin-bottom: 1.875rem; padding-bottom: 1.875rem; } } .feature-cat:last-child { border: 0; padding: 0; margin: 0; } .feature-cat > div { width: 50%; } .feature-cat .title-wrapper { font-weight: 600; color: var(--freeio-link-color); } .columns-gap { list-style: none; padding: 0; margin: 0; } .circle-check { overflow: hidden; clear: both; color: var(--freeio-link-color); padding: 0; list-style: none; margin: 0; } .circle-check ul { padding: 15px 0 0 25px; } .circle-check ul li:last-child { margin-bottom: 0; } .circle-check li { float: left; width: 50%; margin: 0 0 18px; line-height: 1; } @media (min-width: 1200px) { .circle-check li { width: 33%; } } .circle-check [type="radio"], .circle-check [type="checkbox"] { display: none; } .circle-check [type="radio"]:checked + label:before, .circle-check [type="checkbox"]:checked + label:before { background-color: var(--freeio-second-color); border-color: var(--freeio-second-color); background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px; } .circle-check label { cursor: pointer; font-weight: 400; overflow: hidden; } .circle-check label:before { vertical-align: text-top; content: ""; margin-right: 10px; display: inline-block; background-color: transparent; width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--freeio-second-color); } .detail-metas-top { margin-bottom: 25px; } .detail-metas-top > div { display: inline-block; margin-right: 3px; padding: 5px 10px; border-radius: 8px; background-color: #f7f7f7; } @media (min-width: 1200px) { .detail-metas-top > div { padding: 5px 20px; margin-right: 8px; } } .detail-metas-top .type-listing { color: var(--freeio-theme-color); } .embed-responsive { position: relative; overflow: hidden; border-radius: 8px; } .embed-responsive:before { padding-top: 56.25%; content: ""; display: block; } .embed-responsive iframe { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .single-listing-map { min-height: 200px; position: relative; z-index: 1; border-radius: 8px; overflow: hidden; } .single-listing-map + .list-contact-info { margin-top: 1rem; } @media (min-width: 1200px) { .single-listing-map + .list-contact-info { margin-top: 1.875rem; } } .single-listing-google-maps-wrapper { position: relative; overflow: hidden; border-radius: 8px; } .single-listing-google-maps-wrapper .btn { position: absolute; top: 20px; right: 20px; z-index: 2; background-color: #fff; padding: 5px 15px; color: var(--freeio-theme-color); } .single-listing-google-maps-wrapper .btn:hover, .single-listing-google-maps-wrapper .btn:focus { color: var(--freeio-theme-color); text-decoration: underline; } @media (min-width: 1200px) { .single-listing-google-maps-wrapper #single-listing-street-view-map, .single-listing-google-maps-wrapper .single-listing-map { height: 400px; } } .single-listing-google-maps-wrapper #single-listing-street-view-map { display: none; } .list-contact-info li { margin-bottom: 0.75rem; } .list-contact-info li:last-child { margin-bottom: 0; } .list-contact-info i { margin-right: 1.25rem; font-size: 1rem; } .list-contact-info .btn-readmore { margin-left: 2.25rem; } .socials-list { margin-top: 1.25rem; } .socials-list a { display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 0.75rem; text-align: center; background-color: #F4F4F4; color: var(--freeio-text-color); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 50%; } .socials-list a:hover, .socials-list a:focus { background-color: var(--freeio-theme-color); color: #fff; } .socials-list li { display: inline-block; vertical-align: middle; margin-right: 0.5rem; } @media (min-width: 1200px) { .socials-list li { margin-right: 0.75rem; } } .socials-list li:last-child { margin-right: 0; } .menu-price-item .image { width: 80px; height: 80px; overflow: hidden; border-radius: 8px; } .menu-price-item .image + .content { padding-left: 1.25rem; } .menu-price-item .title-price { font-size: 1rem; margin: 0; } .menu-price-item .top-content { margin-bottom: 2px; } .menu-price-item .price { color: var(--freeio-heading-color); font-weight: 500; font-size: 1rem; } .description-inner-wrapper p:last-child { margin-bottom: 0; } .show-more-less-wrapper { margin-top: 12px; } .show-more-less-wrapper a { color: var(--freeio-theme-color); text-decoration: underline; } .show-more-less-wrapper a:hover, .show-more-less-wrapper a:focus { text-decoration: none; } .job-detail-buttons .btn-block + .btn-block { margin-top: 20px; } @media (min-width: 1200px) { .job-detail-buttons .btn { padding-top: 17px; padding-bottom: 17px; } } .job-detail-buttons .btn i { margin-right: 5px; } @media (min-width: 1200px) { .job-detail-buttons .btn i { margin-right: 10px; } } .rating-wrapper { position: relative; } @media (min-width: 768px) { .rating-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } } .rating-wrapper .rating-inner { margin-bottom: 1rem; } @media (min-width: 768px) { .rating-wrapper .rating-inner { width: calc( 50% - 20px); margin-bottom: 1.25rem; } .rating-wrapper .rating-inner:nth-child(2n) { margin-left: 40px; } } .rating-wrapper .rating-inner .active { color: #717171; } .rating-wrapper .review-label img { margin-right: 5px; } .rating-wrapper .review-stars { font-size: 10px; letter-spacing: 5px; color: #e1e1e1; } .rating-wrapper .comment-form-rating { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .rating-wrapper .review-stars { margin-left: auto; } .rating-wrapper ul { padding: 0; margin: 0; display: inline-block; vertical-align: middle; list-style: none; overflow: hidden; cursor: pointer; } .rating-wrapper ul li { float: left; } .list-category-rating { margin-bottom: 1.875rem; } .list-category-rating li { margin-bottom: 1rem; width: 100%; float: left; } @media (min-width: 768px) { .list-category-rating li { margin-bottom: 1.25rem; width: calc(50% - 1rem); } .list-category-rating li:nth-child(2n + 1) { clear: both; margin-right: 2rem; } } .list-category-rating .value { color: var(--freeio-link-color); font-weight: 500; margin-left: 1rem; } .percent-wrapper { width: 150px; height: 5px; border-radius: 5px; background-color: #DFDFDF; } .percent-wrapper .percent { border-radius: 5px; background-color: var(--freeio-theme-color); } .send-private-message-wrapper .title { margin: 0 0 20px; font-size: 20px; } .ui-slider-horizontal { margin-top: 10px; background-color: #E9E9E9; width: 100%; height: 4px; position: relative; z-index: 1; width: calc(100% - 17px) !important; } .ui-slider-horizontal:before { z-index: -1; content: ''; position: absolute; top: 0; width: 14px; height: 100%; background-color: #E9E9E9; left: 100%; } .ui-slider-horizontal .ui-slider-range { background-color: var(--freeio-theme-color); height: 4px; position: absolute; top: 0; left: 0; } .ui-slider-horizontal .ui-slider-handle { outline: none !important; width: 14px; height: 14px; background: #fff; position: absolute; z-index: 1; cursor: pointer; top: 50%; border: 2px solid var(--freeio-theme-color); border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ui-slider-horizontal .ui-slider-handle + .ui-slider-handle { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .ui-slider-horizontal + .inner { margin-top: 0.875rem; } .filter-listing-form input[type="radio"], .filter-listing-form input[type="checkbox"] { margin-right: 5px; } .filter-listing-form .from-to-wrapper { margin-bottom: 20px; } .filter-listing-form .from-to-wrapper .inner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .filter-listing-form .from-to-wrapper .space { display: none; } .filter-listing-form .from-to-wrapper .to-text { margin-left: auto; } .filter-listing-form .from-text, .filter-listing-form .to-text { font-size: 0.875rem; font-weight: 500; line-height: 28px; padding: 0 12px; border-radius: 4px; display: inline-block; background-color: var(--freeio-theme-color-010); color: var(--freeio-theme-color); } .filter-listing-form .select-wrapper { position: relative; z-index: 1; } .filter-listing-form .select-wrapper select { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter-listing-form .from-to-wrapper .inner { margin-left: auto; } .filter-listing-form .form-group-lot_area .inner, .filter-listing-form .form-group-home_area .inner { overflow: hidden; clear: both; } .filter-listing-form .form-group-lot_area .form-control, .filter-listing-form .form-group-home_area .form-control { width: calc(50% - 15px); float: left; } .filter-listing-form .form-group-lot_area .form-control + .form-control, .filter-listing-form .form-group-home_area .form-control + .form-control { float: right; } .filter-listing-form .button { background-color: var(--freeio-theme-color); border-color: var(--freeio-theme-color); color: #fff; width: 100%; } @media (min-width: 1200px) { .filter-listing-form .button { font-size: 16px; } } .filter-listing-form .button:hover, .filter-listing-form .button:focus { color: #fff; background-color: var(--freeio-theme-hover-color); border-color: var(--freeio-theme-hover-color); } .filter-listing-form .filter-advance-fields { display: none; margin-bottom: 20px; } .filter-listing-form .more-advanced { margin-bottom: 20px; } .filter-listing-form .filter-toggle-adv { display: inline-block; font-weight: 700; } .filter-listing-form .filter-toggle-adv i { margin-right: 3px; display: inline-block; } .leaflet-geocode-container i { color: var(--freeio-link-color); display: inline-block; margin-right: 3px; font-size: 14px; } .action-location .leaflet-geocode-container { position: absolute; top: 100%; left: 0; width: 100%; z-index: 4; font-size: 14px; } .action-location .leaflet-geocode-container ul { list-style: none; background: #fff; padding: 15px; margin: 0; font-size: 12px; border-radius: 0 0 3px 3px; border-color: #E9E9E9; border-style: solid; border-width: 0 1px 1px; } .action-location .leaflet-geocode-container ul li { cursor: pointer; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #ececec; } .action-location .leaflet-geocode-container ul li:last-child { margin-bottom: 0; padding: 0; border: 0; } .action-location .leaflet-geocode-container .highlight { font-weight: 500; font-size: 14px; } .action-location.loading .find-me { animation: rotate_icon 1000ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running; } .action-location.loading .find-me:before { content: "\f110" !important; font-weight: 900 !important; font-family: "Font Awesome 5 Free" !important; } .form-group.slider .form-group-inner { display: block; } .form-group.slider .inner { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ -ms-align-items: center; align-items: center; } .form-group.slider .inner > * { display: inline-block; text-align: center; min-width: 92px; padding: 5px 30px; border-radius: 8px; background-color: var(--freeio-theme-color-007); color: var(--freeio-theme-color); font-size: 12px; } .form-group.slider .inner > *:last-child { margin-left: auto; } .widget-listing-search-form { position: relative; } .widget-listing-search-form .title { font-size: 18px; margin: 0 0 20px; } .widget-listing-search-form .reset-search-btn { color: var(--freeio-text-color); text-decoration: underline; } .widget-listing-search-form .reset-search-btn:hover, .widget-listing-search-form .reset-search-btn:focus { text-decoration: none; color: #dc3545; } .widget-listing-search-form.horizontal { padding: 10px; background: #fff; border-radius: 4px; } @media (min-width: 768px) { .widget-listing-search-form.horizontal { padding: 10px 10px 10px 30px; } } .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--multiple { border-color: #fff; color: var(--freeio-link-color); } @media (min-width: 768px) { .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--multiple { min-height: 40px; padding: 0 15px; } .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered { margin-top: 0; } } .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--single { border-color: #fff; color: var(--freeio-link-color); outline: none; } @media (min-width: 768px) { .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--single { height: 40px; padding-top: 1px; padding-bottom: 1px; } } .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--single .select2-selection__placeholder, .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { color: var(--freeio-link-color); } .widget-listing-search-form.horizontal .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 7px; } .widget-listing-search-form.horizontal .form-control { border-color: #fff; color: var(--freeio-link-color); outline: none; } @media (min-width: 768px) { .widget-listing-search-form.horizontal .form-control { height: 40px; padding-top: 0px; padding-bottom: 0px; } } .widget-listing-search-form.horizontal .form-control::-webkit-input-placeholder { /* Edge */ color: var(--freeio-link-color); } .widget-listing-search-form.horizontal .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--freeio-link-color); } .widget-listing-search-form.horizontal .form-control::placeholder { color: var(--freeio-link-color); } @media (min-width: 768px) { .widget-listing-search-form.horizontal .item-column:not(.item-last) { border-right: 1px solid #E9E9E9; } } @media (max-width: 767px) { .widget-listing-search-form.horizontal .list-fileds { margin: 0; } .widget-listing-search-form.horizontal .list-fileds > div { padding: 0; } .widget-listing-search-form.horizontal .item-column:not(.item-last) { border-bottom: 1px solid #E9E9E9; } .widget-listing-search-form.horizontal .item-column:not(.has-icon) .form-control { padding-left: 0; padding-right: 0; } } .widget-listing-search-form.horizontal .form-group-search { padding-left: 0; } .widget-listing-search-form.horizontal .form-group { margin-bottom: 0; } .widget-listing-search-form.style1 { padding: 0.625rem; background-color: #fff; border-radius: 8px; } @media (min-width: 768px) { .widget-listing-search-form.style1 { border-radius: 70px; } } .widget-listing-search-form.style1 .select2-container--default.select2-container .select2-selection--multiple, .widget-listing-search-form.style1 .select2-container--default.select2-container .select2-selection--single, .widget-listing-search-form.style1 .form-control { background-color: #fff; border-color: transparent !important; } .widget-listing-search-form.style1 .main-inner .heading-label { margin: 0; } .widget-listing-search-form.style1 .main-inner .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; margin: 0; } .widget-listing-search-form.style1 .main-inner .form-group .form-group-inner { flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } @media (min-width: 768px) { .widget-listing-search-form.style1 .select2-container--default .select2-selection--single .select2-selection__arrow { width: 8px; right: 0; } } @media (min-width: 1200px) { .widget-listing-search-form.vertical .select2-container--default.select2-container .select2-selection--multiple { min-height: 55px; } .widget-listing-search-form.vertical .select2-container--default.select2-container .select2-selection--single { padding-top: 10px; padding-bottom: 10px; height: 55px; } .widget-listing-search-form.vertical .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 15px; } } .widget-listing-search-form.vertical .form-group { margin-bottom: 12px; padding-bottom: 22px; border-bottom: 1px solid #E9E9E9; } @media (min-width: 1200px) { .widget-listing-search-form.vertical .form-group { margin-bottom: 18px; padding-bottom: 30px; } } .widget-listing-search-form.vertical .form-group-center-location { margin-bottom: 10px; } .widget-listing-search-form.vertical .form-group-center-location, .widget-listing-search-form.vertical .item-last .form-group { padding-bottom: 0; border: 0; } .widget-listing-search-form.vertical .form-group-amenity .circle-check li { width: 100%; margin-bottom: 10px; } .widget-listing-search-form.vertical .form-group-inner ~ div { margin-top: 15px; } @media (min-width: 1200px) { .widget-listing-search-form.vertical .form-group-inner ~ div { margin-top: 20px; } } .widget-listing-search-form.vertical .circle-check li { width: 100%; } .widget-listing-search-form.vertical .advance-search-btn { margin: 0; } .widget-listing-search-form.vertical .search-action, .widget-listing-search-form.vertical .form-group-search { margin-top: 10px; } .modal-backdrop { display: none !important; } .modal { background: rgba(34, 34, 34, 0.7); } .modal-search-header .modal-dialog { max-width: 650px; } @media (min-width: 992px) { .modal-search-header .modal-dialog { margin-top: 100px; } } .modal-search-header .modal-content { background: transparent; border: 0; } .modal-search-header .btn-close { margin-bottom: 17px; color: #fff; background: none !important; opacity: 1; filter: alpha(opacity=100); } .modal-search-header .btn-close:hover, .modal-search-header .btn-close:focus { color: #dc3545; } .btn-search-header { border: 0; background: transparent !important; padding: 0; line-height: 1; vertical-align: middle; font-size: 17px; } form.form-search .heading-label { font-size: 1rem; margin: 0 0 1rem; color: var(--freeio-link-color); font-weight: 500; text-transform: capitalize; display: block; } @media (min-width: 1200px) { form.form-search .heading-label { font-size: 20px; } } form.form-search .save-search-btn { margin-left: 1.875rem; } form.form-search .form-group { margin-bottom: 1.25rem; } form.form-search .form-control::-webkit-input-placeholder { /* Edge */ opacity: 1; filter: alpha(opacity=100); } form.form-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 1; filter: alpha(opacity=100); } form.form-search .form-control::placeholder { opacity: 1; filter: alpha(opacity=100); } form.form-search .btn-submit { border-radius: 4px; } form.form-search .tax-viewmore-field.show-more .terms-list { max-height: 190px; } form.form-search .tax-viewmore-field.show-less .terms-list { max-height: none; } form.form-search .tax-viewmore-field:not([class*="show-"]) .toggle-filter-viewmore { display: none; } form.form-search .list-item.more-fields { display: none; } form.form-search .list-item.more-fields.active { display: block; } form.form-search .toggle-filter-list, form.form-search .toggle-filter-viewmore { font-weight: 500; display: inline-block; color: var(--freeio-theme-color); } form.form-search .toggle-filter-list .icon-more, form.form-search .toggle-filter-viewmore .icon-more { vertical-align: middle; margin-right: 3px; display: inline-block; font-size: 14px; } form.form-search .toggle-filter-list:hover, form.form-search .toggle-filter-list:focus, form.form-search .toggle-filter-viewmore:hover, form.form-search .toggle-filter-viewmore:focus { text-decoration: underline; } form.form-search .toggle-field .heading-label { cursor: pointer; padding: 0 5px 0 0; margin: 0; position: relative; } form.form-search .toggle-field .heading-label + .form-group-inner { margin-top: 1rem; } form.form-search .toggle-field .heading-label i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 8px; height: 4px; display: inline-block; } form.form-search .toggle-field .heading-label i:before { display: inline-block; vertical-align: top; content: ''; width: 8px; height: 4px; border-width: 4px 4px 0; border-style: solid; border-color: #222 transparent transparent; } form.form-search .toggle-field .heading-label i.fa-angle-up:before { border-width: 0 4px 4px; border-style: solid; border-color: transparent transparent #222; } form.form-search .toggle-field .form-group-inner { display: none; } form.form-search .form-group-inner { position: relative; } form.form-search .form-group-inner > i { font-size: 1rem; line-height: 1; color: var(--freeio-link-color); z-index: 1; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } form.form-search .form-group-inner > i ~ .select2-container, form.form-search .form-group-inner > i + *:not(.form-control) { padding-left: 8px !important; } form.form-search .action-location .clear-location { top: 50%; right: 10px; width: 18px; height: 18px; line-height: 18px; margin-top: -9px; position: absolute; background-color: #dc3545; text-align: center; color: #fff; font-size: 8px; cursor: pointer; border-radius: 30px; } form.form-search .action-location .find-me { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; position: absolute; top: 50%; margin-top: -10px; right: 10px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); width: 20px; height: 20px; line-height: 20px; text-align: center; } form.form-search .action-location .find-me:hover, form.form-search .action-location .find-me:focus { opacity: 1; filter: alpha(opacity=100); } form.form-search .action-location .find-me:before { content: "\f192"; font-family: "Font Awesome 5 Free"; font-weight: normal; } form.form-search .action-location .find-me.loading { animation: rotate 700ms linear 0s normal none infinite running; -webkit-animation: rotate 700ms linear 0s normal none infinite running; } form.form-search .action-location .find-me.loading:before { content: "\f110"; font-weight: 900; } form.form-search .advance-search-btn { margin-right: 12px; line-height: 1.2; } form.form-search .advance-search-btn i { display: inline-block; font-size: 20px; vertical-align: middle; line-height: 1; margin-right: 8px; } form.form-search .advance-search-wrapper { position: absolute; top: 100%; left: 0; width: 100%; z-index: 3; } form.form-search .advance-search-wrapper-fields { display: none; overflow: hidden; background-color: #fff; padding: 1.25rem 1.25rem 0; border-radius: 8px; } @media (min-width: 1200px) { form.form-search .form-group-amenity .circle-check li { width: 20%; margin-bottom: 12px; } } form.form-search .tt-menu { background: #fff; border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); max-height: 245px; width: 100%; overflow-y: auto; padding: 0 15px; border-radius: 4px; } @media (min-width: 992px) { form.form-search .tt-menu { margin-top: 30px; } } form.form-search .twitter-typeahead { width: 100%; display: block; } form.form-search .twitter-typeahead:before { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; position: absolute; top: 0; z-index: 2; display: block; right: 10px; width: 22px; height: 100%; background: url("../images/loading.gif") no-repeat scroll center center/18px auto; } form.form-search .twitter-typeahead.loading:before { opacity: 0.7; filter: alpha(opacity=70); } form.form-search .tt-dataset-search > .tt-selectable:first-child { display: none !important; } form.form-search .tt-dataset-search .tt-selectable { line-height: 1.4; padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; width: 100%; margin: 0; border-bottom: 1px solid #E9E9E9; color: var(--freeio-text-color); } form.form-search .tt-dataset-search .tt-selectable:last-child { border-bottom: 0; } form.form-search .tt-dataset-search .tt-selectable .media-left { flex-shrink: 0; } form.form-search .tt-dataset-search .tt-selectable .media-body { flex-grow: 1; padding-left: 15px; } form.form-search .tt-dataset-search .tt-selectable .info-body { padding-left: 0.9375rem; } form.form-search .tt-dataset-search .tt-selectable img { max-width: 50px; border-radius: 4px; } form.form-search .tt-dataset-search .tt-selectable h4 { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; font-size: 13px; margin: 0 0 5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; } form.form-search .tt-dataset-search .tt-selectable .tt-highlight { font-weight: 500; color: #dc3545; } form.form-search .tt-dataset-search .tt-selectable .service-salary, form.form-search .tt-dataset-search .tt-selectable .listing-price { color: var(--freeio-link-color); font-size: 13px; } form.form-search .tt-dataset-search .tt-selectable .service-salary i, form.form-search .tt-dataset-search .tt-selectable .listing-price i { display: none; } form.form-search .tt-dataset-search .tt-selectable:hover h4 { color: var(--freeio-theme-color); } form.form-search .has-suggestion .navbar-collapse-suggestions { max-height: 272px; padding: 1.25rem; position: absolute; top: 100%; left: 0; width: 100%; z-index: 5; overflow-y: auto; scrollbar-width: thin; border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 8px 30px 0 rgba(13, 38, 59, 0.1); box-shadow: 0 8px 30px 0 rgba(13, 38, 59, 0.1); background: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); opacity: 0; filter: alpha(opacity=0); visibility: hidden; } form.form-search .has-suggestion.active .navbar-collapse-suggestions { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .search-suggestions-menu li { margin-bottom: 0.625rem; } @media (min-width: 1200px) { .search-suggestions-menu li { margin-bottom: 0.9375rem; } } .search-suggestions-menu li i { line-height: 1; font-size: 20px; margin-right: 0.5rem; display: inline-block; } @media (min-width: 1200px) { .search-suggestions-menu li i { font-size: 22px; margin-right: 0.8rem; } } .search-suggestions-menu li:last-child { margin-bottom: 0; } .widget-listings-maps .listings-google-maps { min-height: 250px; } @media (min-width: 1200px) { .widget-listings-tabs .bottom-remore { padding-top: 1.875rem; } } .widget-listings-tabs .top-info { margin: 0 0 1.875rem; } .widget-listings-tabs .nav { border: none; padding: 0; margin: 0; text-align: center; } @media (max-width: 767px) { .widget-listings-tabs .nav { overflow-x: auto; flex-wrap: nowrap; justify-content: start !important; } } .widget-listings-tabs .nav > li { float: none; display: inline-block; margin: 0 2px; } .widget-listings-tabs .nav > li > a { display: inline-block; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 0; color: var(--freeio-text-color); font-weight: 500; font-size: 0.9375rem; background: transparent; padding: 9px 1rem; border-radius: 40px; } @media (min-width: 1200px) { .widget-listings-tabs .nav > li > a { padding: 9px 2rem; } } .widget-listings-tabs .nav > li > a.active, .widget-listings-tabs .nav > li > a:hover, .widget-listings-tabs .nav > li > a:focus { background-color: #fff; color: var(--freeio-link-color); } @media (min-width: 1200px) { .widget-listings-tabs .slick-carousel { margin-left: -30px; margin-right: -30px; } .widget-listings-tabs .slick-carousel .slick-list { padding: 20px 15px 15px; } } .widget-listings-tabs .slick-carousel .slick-dots { padding: 0; } .results-filter-wrapper { margin-bottom: 20px; } .results-filter-wrapper .title { font-weight: 500; font-size: 18px; margin: 0 0 20px; } .results-filter-wrapper .inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .results-filter-wrapper .inner > a { margin-left: auto; color: #dc3545; font-weight: 500; white-space: nowrap; font-size: 14px; } .results-filter-wrapper .inner > a:hover, .results-filter-wrapper .inner > a:focus { color: #d32535; } .results-filter-wrapper .results-filter { overflow: hidden; clear: both; list-style: none; padding: 0; margin: 0; } .results-filter-wrapper .results-filter li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .results-filter-wrapper .results-filter li a { display: inline-block; font-size: 13px; font-weight: 500; padding: 3px 10px; border-radius: 4px; background-color: #FFEDE8; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: var(--freeio-link-color); } .results-filter-wrapper .results-filter li a .close-value { line-height: 1; color: #dc3545; margin-right: 5px; display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .results-filter-wrapper .results-filter li a:hover, .results-filter-wrapper .results-filter li a:focus { background: #ffd9cf; } .p-fix-pagination { position: fixed; bottom: 0; z-index: 6; left: 0; width: 100%; } .layout-type-top-map { position: relative; } .layout-type-top-map .p-fix-pagination { position: static; } .layout-type-top-map #listings-google-maps { height: 350px; } @media (min-width: 1200px) { .layout-type-top-map #listings-google-maps { height: 600px; } } .layout-type-top-map #listings-google-maps ~ .main-content { margin-top: 1.25rem; } @media (min-width: 1200px) { .layout-type-top-map #listings-google-maps ~ .main-content { margin-top: 50px; } } .layout-type-top-map #apus-breadscrumb { display: none; } .layout-type-top-map #listings-google-maps + .listings-filter-top-sidebar-wrapper { position: relative; margin-bottom: 0; } @media (min-width: 992px) { .layout-type-top-map #listings-google-maps + .listings-filter-top-sidebar-wrapper > .inner { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } .layout-type-top-map #listings-google-maps + .listings-filter-top-sidebar-wrapper .widget:last-child { margin-bottom: 0; } .layout-type-half-map #jobs-google-maps { position: fixed !important; right: 0; height: 100vh; width: 100%; } @media (min-width: 992px) { .layout-type-half-map #jobs-google-maps { width: 50%; } } @media (min-width: 1200px) { .layout-type-half-map #jobs-google-maps { width: 58.33333%; } } .layout-type-half-map .content-listing { padding: 0.9375rem; } @media (min-width: 1200px) { .layout-type-half-map .content-listing { padding: 1.875rem; } } #jobs-google-maps .leaflet-popup-content-wrapper { font-family: var(--bs-font-sans-serif); padding: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } #jobs-google-maps .leaflet-popup-content { margin: 0; line-height: 1.85; max-width: 255px; } #jobs-google-maps .leaflet-popup-tip-container { display: none; } #jobs-google-maps a.leaflet-popup-close-button { color: #dc3545; margin: 8px; padding: 0; } @media (min-width: 992px) { body.fix-header .listings-filter-top-half-map { position: fixed; z-index: 2; top: 50px; left: 0; width: 100%; } } .offcanvas-filter-half-map { position: fixed; top: 0; left: 0; z-index: 8; width: 300px; height: 100vh; background-color: #F4F4F4; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .offcanvas-filter-half-map { width: 360px; } } .offcanvas-filter-half-map.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); } .offcanvas-filter-half-map + .over-dark-filter { background-color: rgba(34, 34, 34, 0.7); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: fixed; z-index: 7; width: 100vw; height: 100vh; cursor: not-allowed; top: 0; left: 0; visibility: hidden; } .offcanvas-filter-half-map.active + .over-dark-filter { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .offcanvas-filter-half-map .close-filter { cursor: pointer; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: absolute; top: 5px; right: 10px; width: 30px; height: 30px; color: var(--freeio-link-color); background-color: #E6E9EC; text-align: center; line-height: 30px; border-radius: 50%; } @media (min-width: 1200px) { .offcanvas-filter-half-map .close-filter { top: 14px; right: 15px; } } .offcanvas-filter-half-map .close-filter i { font-size: 10px; } .offcanvas-filter-half-map .close-filter:hover, .offcanvas-filter-half-map .close-filter:focus { background-color: #dc3545; color: #fff; } .offcanvas-filter-half-map .widget { padding: 0.9375rem; } @media (min-width: 1200px) { .offcanvas-filter-half-map .widget { padding: 1.875rem; } } .offcanvas-filter-half-map .filter-listing-form .circle-check li { width: 100%; } .offcanvas-filter-half-map .filter-listing-form .circle-check li:last-child { margin-bottom: 0; } .offcanvas-filter-half-map .filter-listing-form .filter-advance-fields .form-group:last-child { margin-bottom: 0; } .listings-filter-half-map { width: 100% !important; background-color: #fff; position: relative; z-index: 2; } .listings-filter-half-map > .inner { padding: 0.9375rem 0.9375rem 0; } @media (min-width: 1200px) { .listings-filter-half-map > .inner { padding: 1.875rem 1.875rem 0; } } .listings-filter-half-map .widget:last-child { margin-bottom: 0; } @media (max-width: 991px) { .listings-filter-half-map { display: none; } } .listings-filter-half-map ~ .content-listing { padding-top: 0; } @media (min-width: 992px) { .listings-filter-half-map ~ .content-listing { padding-top: 0.625rem; } } .listings-filter-half-map .filter-listing-form .btn-submit { width: 100%; } .listing-submission-form-wrapper .submit-listing-heading { padding: 0; margin: 0; list-style: none; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; border-bottom: 1px solid #E9E9E9; overflow-x: auto; position: relative; z-index: 0; } .listing-submission-form-wrapper .submit-listing-heading > li { display: inline-block; margin: 0; width: 50%; text-align: center; } .listing-submission-form-wrapper .submit-listing-heading > li > a { display: inline-block; position: relative; font-weight: 500; padding: 13px; white-space: nowrap; } @media (min-width: 1200px) { .listing-submission-form-wrapper .submit-listing-heading > li > a { padding: 13px 20px; } } .listing-submission-form-wrapper .submit-listing-heading > li > a:before { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 2px; background: var(--freeio-theme-color); display: block; } .listing-submission-form-wrapper .submit-listing-heading > li.active > a { color: var(--freeio-theme-color); } .listing-submission-form-wrapper .submit-listing-heading > li.active > a:before { width: 100%; } .listing-submission-form-wrapper { margin-bottom: 20px; } @media (min-width: 1200px) { .listing-submission-form-wrapper { margin-bottom: 50px; } } div.form-submit { max-width: 700px; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { div.form-submit .group-field-item-content > .row { justify-content: end; } div.form-submit .left-inner { width: 20%; } div.form-submit .left-inner + .right-inner { width: 80%; } div.form-submit .enter-hours-wrapper { width: 80%; } } div.form-submit .hours-last { width: 80%; } div.cmb2-wrap:after, div.cmb2-wrap:before { content: " "; display: table; clear: both; } div.cmb2-wrap input.cmb2-text-small, div.cmb2-wrap input.cmb2-timepicker { width: 100%; } div.cmb2-wrap .cmb2-list { list-style: none; padding: 0; } div.cmb2-wrap .cmb-type-title { width: 100% !important; } div.cmb2-wrap .cmb-row { margin-bottom: 20px; } div.cmb2-wrap .cmb-row[class*="job-description"], div.cmb2-wrap .cmb-row.cmb-type-multicheck, div.cmb2-wrap .cmb-row[data-fieldtype="wp_freeio_file"], div.cmb2-wrap .cmb-row[data-fieldtype="taxonomy_multicheck"], div.cmb2-wrap .cmb-row[data-fieldtype="wysiwyg"], div.cmb2-wrap .cmb-row[data-fieldtype="group"], div.cmb2-wrap .cmb-row[data-fieldtype="pw_map"] { width: 100% !important; } div.cmb2-wrap .cmb2-metabox-description { margin-top: 5px; } div.cmb2-wrap .cmb-multicheck-toggle { font-weight: 700; cursor: pointer; font-size: 14px; color: var(--freeio-link-color); } div.cmb2-wrap .regular-text, div.cmb2-wrap select, div.cmb2-wrap [type="email"], div.cmb2-wrap [type="text"], div.cmb2-wrap [type="number"], div.cmb2-wrap [type="url"], div.cmb2-wrap textarea { margin: 0; display: block; width: 100%; height: calc(1.85em + (1.3rem + 2px)); padding: 12px 20px; font-size: 0.9375rem; line-height: 1.85; color: var(--freeio-text-color); background-color: #fff !important; background-image: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #E9E9E9; border-radius: 8px; outline: none !important; } @media (min-width: 1200px) { div.cmb2-wrap .regular-text, div.cmb2-wrap select, div.cmb2-wrap [type="email"], div.cmb2-wrap [type="text"], div.cmb2-wrap [type="number"], div.cmb2-wrap [type="url"], div.cmb2-wrap textarea { height: 55px; } } div.cmb2-wrap .regular-text:focus, div.cmb2-wrap select:focus, div.cmb2-wrap [type="email"]:focus, div.cmb2-wrap [type="text"]:focus, div.cmb2-wrap [type="number"]:focus, div.cmb2-wrap [type="url"]:focus, div.cmb2-wrap textarea:focus { border-color: var(--freeio-second-color); } div.cmb2-wrap select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background: url("../images/select.png") #fff right 15px center no-repeat; } div.cmb2-wrap textarea { height: 150px; resize: none; } @media (min-width: 1200px) { div.cmb2-wrap textarea { height: 250px; } } div.cmb2-wrap .show_hide_password_wrapper { display: block; position: relative; } div.cmb2-wrap .show_hide_password_wrapper .toggle-password { cursor: pointer; position: absolute; z-index: 1; top: 50%; right: 0.9375rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 1200px) { div.cmb2-wrap .select2-container--default.select2-container .select2-selection--multiple, div.cmb2-wrap .select2-container--default.select2-container .select2-selection--single { min-height: 55px; } div.cmb2-wrap .select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered, div.cmb2-wrap .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { padding-top: 7px; padding-bottom: 7px; } } div.cmb2-wrap .select2-container--default.select2-container .select2-selection--multiple [type="text"], div.cmb2-wrap .select2-container--default.select2-container .select2-selection--single [type="text"] { height: auto; } div.cmb2-wrap .select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered { padding: 5px 20px; } div.cmb2-wrap .bottom-action-hour { padding: 5px 0; } div.cmb2-wrap .bottom-action-hour .button:hover, div.cmb2-wrap .bottom-action-hour .button:focus { text-decoration: underline; } div.cmb2-wrap .bottom-action-hour .button + .button { margin-left: 5px; } div.cmb2-wrap .hours-last label + label { margin-left: 5px; } @media (min-width: 1200px) { div.cmb2-wrap .hours-last label + label { margin-left: 10px; } } div.cmb2-wrap .enter-hours-item-inner { margin-bottom: 10px; } div.cmb2-wrap .enter-hours-item-inner .row { margin-left: -5px; margin-right: -5px; } div.cmb2-wrap .enter-hours-item-inner .row [class*="col-"] { padding-left: 5px; padding-right: 5px; } div.cmb2-wrap .list-hours .list { margin-bottom: 15px; } div.cmb2-wrap .list-hours .list:last-child { margin-bottom: 0; } div.cmb2-wrap .list-hours .list a[data-toggle="tab"] { font-weight: 500; } div.cmb2-wrap [class*="virtual-tour"] pre { border: 1px solid #E9E9E9; background-color: #fff; } div.cmb2-wrap [class*="virtual-tour"] pre pre { border: 0; padding: 0 40px; } div.cmb2-wrap [class*="virtual-tour"] pre .CodeMirror { height: 150px; } div.cmb2-wrap [class*="virtual-tour"] .CodeMirror-gutters { border: 0; } div.cmb2-wrap [class*="virtual-tour"] .CodeMirror-activeline-background { background-color: transparent; } div.cmb2-wrap [class*="virtual-tour"] .CodeMirror-gutter { width: auto !important; } div.cmb2-wrap [type="number"] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -ms-appearance: textfield; -o-appearance: textfield; } div.cmb2-wrap .cmb-th { width: 100%; padding: 0; font-size: 0.9375rem; font-weight: 500; color: var(--freeio-link-color); margin: 0 0 5px; } div.cmb2-wrap .cmb-th label { font-weight: 500; padding: 0; margin: 0; } div.cmb2-wrap .cmb-th + .cmb-td { width: 100%; padding: 0; } div.cmb2-wrap .cmb-td { position: relative; padding: 0; } div.cmb2-wrap .cmb-td .cmb-ajax-search-spinner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; margin: 0; } div.cmb2-wrap [class*="taxonomy-location-wrapper"] { width: 100%; } @media (min-width: 768px) { div.cmb2-wrap [class*="taxonomy-location-wrapper"] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } div.cmb2-wrap [class*="taxonomy-location-wrapper"] > div { padding-right: 10px; padding-left: 10px; } } div.cmb2-wrap [class*="taxonomy-location-wrapper"] > div { width: 100%; } @media (max-width: 767px) { div.cmb2-wrap [class*="taxonomy-location-wrapper"] > div { margin-bottom: 10px; } div.cmb2-wrap [class*="taxonomy-location-wrapper"] > div:last-child { margin-bottom: 0; } } div.cmb2-wrap .pw-map-search-wrapper .find-me-location { top: 17px; color: var(--freeio-text-color); margin-right: 10px; } div.cmb2-wrap .pw-map-search-wrapper .leaflet-geocode-container ul li { cursor: pointer; } div.cmb2-wrap [id*="map_location-map"] { margin: 20px 0; width: 100%; height: 200px; z-index: 1; border-radius: 8px; overflow: hidden; } @media (min-width: 1200px) { div.cmb2-wrap [id*="map_location-map"] { width: 100%; height: 300px; } } div.cmb2-wrap [id*="map_location-map"] ~ input { width: calc(50% - 10px); float: left; } div.cmb2-wrap .cmb2-checkbox-list { padding: 0; margin: 0; list-style: none; } div.cmb2-wrap .cmb2-checkbox-list li { float: left; width: 50%; margin: 0 0 10px; line-height: 1; padding-left: 1px; } @media (min-width: 1200px) { div.cmb2-wrap .cmb2-checkbox-list li { width: 33.33%; } } @media (min-width: 992px) { div.cmb2-wrap .cmb2-checkbox-list li { margin: 0 0 18px; } } div.cmb2-wrap .cmb2-checkbox-list [type="checkbox"] { display: none; } div.cmb2-wrap .cmb2-checkbox-list [type="checkbox"]:checked + label { color: var(--freeio-theme-color); } div.cmb2-wrap .cmb2-checkbox-list [type="checkbox"]:checked + label:before { content: "\f14a"; color: var(--freeio-theme-color); } div.cmb2-wrap .cmb2-checkbox-list label { cursor: pointer; font-weight: 400; color: var(--freeio-link-color); } div.cmb2-wrap .cmb2-checkbox-list label:before { content: "\f0c8"; margin-right: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 400; display: inline-block; } div.cmb2-wrap .select2-selection__choice { display: inline-block; padding: 5px 7px !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 8px !important; } div.cmb2-wrap .select2-selection__choice .select2-selection__choice__remove { color: #dc3545 !important; } div.cmb2-wrap .before-group-row { overflow: hidden; clear: both; background: #fff; border-radius: 4px; padding: 20px; margin-bottom: 20px; } @media (min-width: 1200px) { div.cmb2-wrap .before-group-row { padding: 1.875rem; margin-bottom: 1.875rem; } } div.cmb2-wrap .before-group-row .submit-button-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } div.cmb2-wrap .before-group-row .submit-button-wrapper .btn { padding: 5px 15px; } div.cmb2-wrap .before-group-row .submit-button-wrapper .job-submission-next-btn { margin-left: auto; } div.cmb2-wrap .columns-1 .before-group-row-inner .cmb-row:last-child { margin-bottom: 0; } @media (min-width: 768px) { div.cmb2-wrap .columns-2 .before-group-row-inner { margin-left: -15px; margin-right: -15px; } div.cmb2-wrap .columns-2 .before-group-row-inner > div { padding-left: 15px; padding-right: 15px; width: 50%; float: left; } } @media (min-width: 768px) { div.cmb2-wrap .columns-3 .before-group-row-inner { margin-left: -15px; margin-right: -15px; } div.cmb2-wrap .columns-3 .before-group-row-inner > div { padding-left: 15px; padding-right: 15px; width: 33.33%; float: left; } } div.cmb2-wrap .cmb2-metabox-title { font-size: 17px; font-weight: 500; color: var(--freeio-link-color); margin: 0; padding: 0 0 15px; border-bottom: 1px solid #E9E9E9; } div.cmb2-wrap .cmb-type-group .inside { padding: 20px 15px 15px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); max-width: none; border-width: 0 1px 1px !important; border-color: #E9E9E9 !important; border-style: solid !important; border-radius: 0 0 8px 8px; } div.cmb2-wrap .cmb-type-group .inside label { font-size: 14px; } div.cmb2-wrap .cmb-type-group .cmb-group-name { font-size: 14px; font-weight: 700; color: var(--freeio-link-color); margin: 0; } div.cmb2-wrap .cmb-type-group .cmb-add-group-row { border: 1px solid var(--freeio-theme-color); background: var(--freeio-theme-color); color: #fff; font-size: 0.9375rem; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 10px 20px; border-radius: 8px; } @media (min-width: 1200px) { div.cmb2-wrap .cmb-type-group .cmb-add-group-row { padding: 12px 30px; } } div.cmb2-wrap .cmb-type-group .cmb-add-group-row:hover, div.cmb2-wrap .cmb-type-group .cmb-add-group-row:focus { border-color: var(--freeio-theme-color); color: var(--freeio-theme-color); background: #fff; } div.cmb2-wrap .cmb-type-group .cmb-row:not(:last-of-type) { border: 0; } div.cmb2-wrap .cmb-type-group .cmb-repeatable-grouping { border: 0 !important; } div.cmb2-wrap .cmb-type-group .cmb-repeatable-grouping .cmb-group-title { cursor: pointer; padding-top: 14px; padding-bottom: 14px; background: #fff; font-size: -0.0625rem; font-weight: 500; border: 1px solid #E9E9E9; border-radius: 8px; margin-left: -15px; margin-right: -15px; } div.cmb2-wrap .cmb-type-group .cmb-repeatable-grouping:not(.closed) .cmb-group-title { border-radius: 8px 8px 0 0; } div.cmb2-wrap .cmb-type-group .cmb-remove-row { padding-top: 10px; } div.cmb2-wrap .cmb-type-group .cmb-remove-row .move-down, div.cmb2-wrap .cmb-type-group .cmb-remove-row .move-up { display: inline-block; padding: 5px; background-color: var(--freeio-theme-color); color: #fff; border-radius: 4px; margin: 0 2px !important; } div.cmb2-wrap .cmb-type-group .cmb-remove-row .move-down .dashicons, div.cmb2-wrap .cmb-type-group .cmb-remove-row .move-up .dashicons { margin: 0; } div.cmb2-wrap .cmb-type-group .alignright, div.cmb2-wrap .cmb-type-group .alignleft { margin: 0; } div.cmb2-wrap .cmb-type-group .dashicons-before.cmb-remove-group-row { margin-top: 5px; } div.cmb2-wrap .cmb-type-group .cmbhandle { margin-top: 5px; } div.cmb2-wrap .cmb-type-group .cmb-remove-field-row, div.cmb2-wrap .cmb-type-group .cmb-repeat-group-field { padding: 0 15px; border: 0 !important; } div.cmb2-wrap .cmb-type-group .cmb-remove-field-row { margin-bottom: 0; } div.cmb2-wrap .cmb-type-group .cmb-remove-group-row-button { border: 1px solid #dc3545; background: #dc3545; color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 8px 15px; font-size: 14px; border-radius: 8px; } div.cmb2-wrap .cmb-type-group .cmb-remove-group-row-button:hover { background-color: #fff; color: #dc3545; border-color: #dc3545; } div.cmb2-wrap .cmb2-id--listing-feature .cmb-td { padding: 0; overflow: hidden; clear: both; } div.cmb2-wrap .term-parent-wrapper { float: left; width: 100%; } @media (min-width: 768px) { div.cmb2-wrap .term-parent-wrapper { width: 33.33%; padding-right: 15px; } } @media (min-width: 1200px) { div.cmb2-wrap .term-parent-wrapper { width: 20%; padding-right: 30px; } } div.cmb2-wrap .term-parent-wrapper h3 { font-size: 0.9375rem; margin: 0 0 15px; } div.cmb2-wrap .term-parent-wrapper label { display: block; color: var(--freeio-text-color); font-weight: 400; margin-bottom: 10px; } @media (min-width: 1200px) { div.cmb2-wrap .term-parent-wrapper label { margin-bottom: 18px; } } div.cmb2-wrap .term-parent-wrapper label:last-child { margin-bottom: 0; } div.cmb2-wrap .term-parent-wrapper label input { margin-right: 5px; } @media (min-width: 1200px) { div.cmb2-wrap .term-parent-wrapper label input { margin-right: 10px; } } .wp-freeio-uploaded-files { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .wp-freeio-uploaded-file { max-width: 190px; flex-shrink: 0; margin-right: 0.9375rem; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .wp-freeio-uploaded-file { margin-right: 1.875rem; margin-bottom: 1.875rem; } } .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview { display: block; position: relative; max-width: 190px; overflow: hidden; border-radius: 4px; } .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview .wp-freeio-remove-uploaded-file { position: absolute; top: 50%; left: 50%; z-index: 1; border-radius: 4px; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; background: #fff; color: var(--freeio-second-color); font-size: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; filter: alpha(opacity=0); } .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview .wp-freeio-remove-uploaded-file:before { content: "\f135"; font-family: 'flaticon'; font-size: 1rem; } .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview .wp-freeio-remove-uploaded-file:hover, .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview .wp-freeio-remove-uploaded-file:focus { color: #fff; background: #dc3545; } .wp-freeio-uploaded-file .wp-freeio-uploaded-file-preview:hover .wp-freeio-remove-uploaded-file { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; filter: alpha(opacity=100); } .submit-button-wrapper { margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .submit-button-wrapper { margin-bottom: 1.875rem; } .submit-button-wrapper [type="submit"] { min-width: 215px; text-align: center; } } .form-table .cmb-remove-row .dashicons { height: 20px; line-height: 20px; font-size: 16px; } .listing-submission-preview-form-wrapper .wrapper-action-listing { padding: 15px 0; } .listing-submission-preview-form-wrapper .wrapper-action-listing .btn + .btn { margin-left: 10px; } .submission-form-wrapper { margin: 30px 0; text-align: center; font-weight: 600; font-size: 22px; color: var(--freeio-theme-color); } @media (min-width: 1200px) { .submission-form-wrapper { margin: 50px 0; } } body.page-template-page-dashboard { background: #F0EFEC; } body.page-template-page-dashboard .apus-footer { background: #fff; position: fixed; z-index: 1; bottom: 0; width: 100%; } @media (min-width: 992px) { body.page-template-page-dashboard .apus-footer { padding-left: 300px; } } .inner-dashboard.container-fluid { padding: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 992px) { .inner-dashboard.container-fluid.main-right { padding-right: 280px; } .inner-dashboard.container-fluid.left-main { padding-left: 280px; } .inner-dashboard.container-fluid .sidebar:not(.sidebar-listing-detail) { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; top: 81px; width: 280px; height: 100vh; z-index: 2; position: fixed; background: #fff; overflow-y: auto; scrollbar-width: thin; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .inner-dashboard.container-fluid .sidebar:not(.sidebar-listing-detail).sidebar-left { left: 0; padding-right: 1.875rem; } .inner-dashboard.container-fluid .sidebar:not(.sidebar-listing-detail).sidebar-right { right: 0; padding-left: 1.875rem; } } @media (min-width: 1200px) { .inner-dashboard.container-fluid.main-right { padding-right: 330px; } .inner-dashboard.container-fluid.left-main { padding-left: 330px; } .inner-dashboard.container-fluid .sidebar:not(.sidebar-listing-detail) { width: 330px; } .inner-dashboard.container-fluid .main-page { padding-right: 1.875rem; padding-left: 1.875rem; } } .inner-dashboard.container-fluid .main-page { width: 100%; } .inner-dashboard.container-fluid .elementor-section .elementor-container { max-width: 100%; } .inner-dashboard .widget_apus_user_short_profile { border: 0 !important; padding: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; } .inner-dashboard .close-sidebar-btn { margin-bottom: 0; border: none; padding: 15px; } .inner-dashboard .site-main { padding: 15px; } @media (min-width: 992px) { .inner-dashboard .site-main { padding: 1.875rem; } } @media (min-width: 1460px) { .inner-dashboard .site-main { padding: 60px; } } .inner-dashboard .site-main .inner-list { margin-bottom: 0.9375rem; padding: 20px; background: #fff; border-radius: 4px; } @media (min-width: 1200px) { .inner-dashboard .site-main .inner-list { padding: 25px 1.875rem 1.875rem; margin-bottom: 1.875rem; } } .inner-dashboard .site-main .inner-list.bg-transparent { border: none; } .box-dashboard-wrapper .widget-title, .box-dashboard-wrapper .title { margin: 0 0 20px; font-size: 25px; } @media (min-width: 1200px) { .box-dashboard-wrapper .widget-title, .box-dashboard-wrapper .title { font-size: 32px; margin-bottom: 1.875rem; } } .box-dashboard-wrapper .title-small { font-size: 17px; font-weight: 500; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #E9E9E9; } .box-dashboard-wrapper .pagination { padding-bottom: 0; } .description-dispute p:last-child, .admin_response p:last-child { margin-bottom: 0; } .description-dispute { margin-top: 20px; } .dispute-name { margin: 0 0 20px; font-size: 1rem; } .dispute-title { margin: 0 0 20px; font-size: 18px; } @media (min-width: 1200px) { .dispute-title { font-size: 23px; } } .statistics .inner-header { background: #ffffff; padding: 20px; margin-bottom: 20px; border-radius: 4px; } @media (min-width: 1501px) { .statistics .inner-header { padding: 30px; } } @media (min-width: 1200px) { .statistics .inner-header { margin-bottom: 1.875rem; } } .statistics .icon { color: var(--freeio-second-color); font-size: 30px; line-height: 1; display: inline-block; position: relative; z-index: 1; } @media (min-width: 576px) { .statistics .icon { font-size: 40px; } } .statistics .icon:before { content: ''; z-index: -1; position: absolute; width: 30px; height: 30px; bottom: -5px; right: -10px; background: #FBF7ED; border-radius: 50%; } @media (min-width: 576px) { .statistics .icon:before { width: 40px; height: 40px; bottom: -10px; right: -15px; } } .statistics .number-count { color: var(--freeio-link-color); font-weight: 700; line-height: 1; font-size: 25px; margin-top: 5px; } @media (min-width: 1200px) { .statistics .number-count { font-size: 28px; margin-top: 10px; } } .menu_short_profile { list-style: none; padding: 0; margin: 0; } .menu_short_profile li a { font-weight: 500; background-color: #fff; padding: 10px 20px; display: inline-block; width: 100%; border-radius: 0 4px 4px 0; } @media (min-width: 1200px) { .menu_short_profile li a { font-size: 17px; padding: 11px 30px; } } .menu_short_profile li a i { color: var(--freeio-second-color); display: inline-block; font-size: 18px; margin-right: 10px; line-height: 1; vertical-align: text-bottom; } @media (min-width: 1200px) { .menu_short_profile li a i { font-size: 20px; margin-right: 15px; } } .menu_short_profile li.active > a { color: #fff; background-color: #222; } .menu_short_profile li.active > a i { color: #fff; } .comment-list.list-reviews > li:last-child > .the-comment { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .list-message-small { padding: 0; margin: 0; list-style: none; } .list-message-small > li { margin-bottom: 15px; } .list-message-small > li:last-child { margin-bottom: 0; } .list-message-small > li.unread .user-name { color: #dc3545; } .list-message-small .message-item-small { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .list-message-small .avatar { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; align-items: center; -webkit-align-items: center; } .list-message-small .avatar img { margin: 0; } .list-message-small .content { padding-left: 15px; overflow: hidden; width: calc(100% - 50px); } .list-message-small .user-name { font-size: 0.9375rem; font-weight: 600; margin: 0 0 2px; } .list-message-small .message-title { font-size: 0.9375rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-message-small .message-time { font-size: 12px; font-weight: 400; } .message-section-wrapper .list-message-inner { position: relative; } @media (min-width: 1200px) { .message-section-wrapper .list-message-inner { height: calc(100% - 116px); } } @media (min-width: 1200px) { .message-section-wrapper .message-inner { height: 770px; } } .message-section-wrapper .list-message-wrapper { width: 100%; border: 1px solid #E9E9E9; background-color: #fff; border-radius: 8px; padding: 20px; margin-bottom: 15px; } .message-section-wrapper .list-message-wrapper .list-message-inner { margin-left: -20px; margin-right: -20px; } @media (min-width: 1200px) { .message-section-wrapper .list-message-wrapper { padding: 1.875rem; } .message-section-wrapper .list-message-wrapper .list-message-inner { margin-left: -1.875rem; margin-right: -1.875rem; } } .message-section-wrapper .list-message-wrapper .loadmore-action { padding-top: 5px; text-align: center; } .message-section-wrapper .list-message-wrapper .loadmore-message-btn { font-weight: 700; font-size: 14px; } .message-section-wrapper .replies-content { width: 100%; border: 1px solid #E9E9E9; background-color: #fff; border-radius: 8px; margin-bottom: 15px; } @media (min-width: 1200px) { .message-section-wrapper .replies-content { display: flex; -webkit-display: flex; flex-direction: column; -webkit-flex-direction: column; /* Safari 6.1+ */ } .message-section-wrapper .replies-content > div { width: 100%; } } .message-section-wrapper .replies-content .content-box-white { position: relative; padding: 20px 20px 100px; height: calc(100% - 71px); overflow: hidden; } @media (min-width: 1200px) { .message-section-wrapper .replies-content .content-box-white { padding: 1.875rem; padding-bottom: 110px; height: calc(100% - 81px); } } .message-section-wrapper .replies-content .content-box-white .reply-message-form-wrapper { z-index: 1; position: absolute; left: 20px; right: 20px; bottom: 0; } @media (min-width: 1200px) { .message-section-wrapper .replies-content .content-box-white .reply-message-form-wrapper { left: 1.875rem; right: 1.875rem; } } .message-section-wrapper .replies-content .recipient-info .message-item { max-width: 55%; } .message-section-wrapper .recipient-info { background: #fff; padding: 10px 20px; border-bottom: 1px solid #E9E9E9; } @media (min-width: 1200px) { .message-section-wrapper .recipient-info { padding: 15px 1.875rem; } } .message-section-wrapper .recipient-info .user-name { font-size: 0.9375rem; margin: 0; } .message-section-wrapper .recipient-info .message-title { color: var(--freeio-text-color); } .message-section-wrapper .recipient-info .delete-message-btn { color: #dc3545; text-decoration: underline; margin-top: 10px; } @media (min-width: 1200px) { .message-section-wrapper .recipient-info .delete-message-btn { margin-top: 12px; } } .message-section-wrapper .recipient-info .delete-message-btn:hover, .message-section-wrapper .recipient-info .delete-message-btn:focus { color: #bd2130; } .message-section-wrapper .search-message-form { padding-bottom: 15px; } .search-wrapper-message { margin-bottom: 25px; position: relative; } .search-wrapper-message .form-control { padding-left: 45px; background-color: #F1FCFA; border: 0; } .search-wrapper-message .search-message-btn { border: 0; color: var(--freeio-text-color); background: transparent !important; position: absolute; top: 11px; left: 15px; } .search-wrapper-message .search-message-btn:hover, .search-wrapper-message .search-message-btn:focus { color: var(--freeio-theme-color); } .list-options-action { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 1; text-align: center; } .list-options-action > li { display: inline-block; margin-right: 15px; } .list-options-action > li:last-child { margin-right: 0; } .list-options-action label { font-weight: 600; color: var(--freeio-link-color); cursor: pointer; } .list-options-action label:hover, .list-options-action label:focus { color: var(--freeio-theme-color); } .list-options-action [type="radio"] { display: none; } .list-options-action [type="radio"]:checked + label { color: var(--freeio-link_hover_color); } .list-message { list-style: none; padding: 0; margin: 0; } .list-message li { padding: 10px 20px; } @media (min-width: 1200px) { .list-message li { padding: 15px 30px; } } .list-message li.unread .user-name { color: #dc3545; } .list-message li.active { background-color: #F1FCFA; } .message-item { clear: both; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .message-item div.avatar { line-height: 50px; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 1px solid #E9E9E9; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .message-item div.avatar img { margin: 0; } .message-item .content { padding-left: 12px; width: calc(100% - 50px); } .message-item .user-name { font-size: 0.9375rem; margin: 0; font-weight: 500; } .message-item .message-time { color: var(--freeio-text-color); font-size: 0.9375rem; font-weight: 400; white-space: nowrap; } .message-item .message-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 14px; } .reply-message-form-wrapper .wrapper-form { padding: 20px 0; padding-right: 80px !important; } @media (min-width: 1200px) { .reply-message-form-wrapper .wrapper-form { padding: 25px 0; } } .reply-message-form-wrapper .wrapper-form:before { content: ''; background-color: #E9E9E9; width: calc(100% + 60px); height: 1px; top: 0; left: -30px; position: absolute; } .reply-message-form-wrapper .reply-message-form { position: relative; } .reply-message-form-wrapper .reply-message-form textarea { height: 60px; background: transparent; resize: none; padding: 14px 1.29rem; -webkit-box-shadow: none !important; box-shadow: none !important; } .reply-message-form-wrapper .reply-message-form .reply-message-btn { font-size: 20px; line-height: 1; padding: 16px 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } #messages-list .list-replies { overflow-y: auto; scrollbar-width: thin; max-height: 350px; padding: 0.9375rem; margin-bottom: 0.9375rem; border: 2px dashed #E9E9E9; border-radius: 4px; } @media (min-width: 1200px) { #messages-list .list-replies { padding: 1.875rem; margin-bottom: 1.875rem; } } .list-replies { list-style: none; padding: 0; margin: 0; } .list-replies li { margin-bottom: 28px; overflow: hidden; clear: both; } .list-replies li.last-child { margin-bottom: 50px; } .list-replies .avatar { line-height: 50px; width: 50px; height: 50px; border: 1px solid #E9E9E9; overflow: hidden; border-radius: 50%; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .list-replies .avatar img { margin: 0; } .list-replies .reply-content { overflow: hidden; padding-left: 15px; } .list-replies .post-date { margin-bottom: 10px; font-size: 14px; color: var(--freeio-text-color); } .list-replies .post-content { display: inline-block; padding: 10px 15px; border-radius: 8px; background: rgba(91, 187, 123, 0.05); color: #5BBB7B; line-height: 1.85; } @media (min-width: 1200px) { .list-replies .post-content { padding: 15px 20px; } } .list-replies .post-content p:last-child { margin-bottom: 0; } .list-replies .user-reply .post-content { background: #F1FCFA; color: var(--freeio-link-color); } .list-replies .yourself-reply { text-align: right; } .list-replies .type-file-message { font-weight: 500; margin-top: 10px; } .list-replies .type-file-message .icon_type { font-size: 18px; line-height: 1; } .list-replies-inner { position: relative; height: 100%; } .list-replies-inner .loadmore-action { text-align: center; position: absolute; top: -5px; left: 0; width: 100%; z-index: 1; } .list-replies-inner .loadmore-replied-btn { color: var(--freeio-text-color); } .list-replies-inner .loadmore-replied-btn:hover, .list-replies-inner .loadmore-replied-btn:focus { color: var(--freeio-link-color); } .user-name { font-size: 20px; margin: 0 0 10px; } @media (min-width: 1200px) { .user-name { margin: 0 0 20px; } } @media (max-width: 1199px) { .message-section-wrapper .message-inner .list-message-wrapper { position: relative; display: none; } .list-message-inner { position: relative; max-height: 200px; border-bottom: 1px solid #ededed; } .list-replies-inner { overflow-x: auto; max-height: 300px; padding-right: 10px; } .toggle-message-btn { border: none; padding: 0 !important; font-weight: 700; color: #198754; margin: 0 0 20px; } .toggle-message-btn i { margin-left: 5px; } .filter-options { margin-left: 15px; margin-right: 15px; } } @media (min-width: 1200px) { .toggle-message-btn { display: none; } } .replies-content, .list-message-wrapper { position: relative; } .replies-content:before, .list-message-wrapper:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center 180px/30px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 1; visibility: hidden; } .replies-content.loading:before, .list-message-wrapper.loading:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .change-profile-form .sub { font-size: 16px; margin: 0 0 20px; } #wp-freeio-popup-message, #wp-private-message-popup-message { position: fixed; z-index: 99; top: 40%; right: 0; font-size: 14px; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } #wp-freeio-popup-message .alert, #wp-private-message-popup-message .alert { margin: 0; font-weight: 500; color: #fff; background-color: #0dcaf0; border-radius: 4px 0 0 4px; } .widget-user-packages { border: 1px solid #E9E9E9; overflow: hidden; border-radius: 8px; } .user-transactions { margin: 0; border: none; } .user-transactions thead { background-color: #EEF2F6; color: var(--freeio-link-color); } .user-transactions thead td { white-space: nowrap; font-weight: 600; } .user-transactions td { border: 0; border-bottom: 1px solid #E9E9E9; } @media (min-width: 1200px) { .user-transactions td { padding: 16px 25px; } } @media (min-width: 1200px) { .user-transactions tbody td { padding: 25px; } } .user-transactions tr:last-child td { border-bottom: 0 !important; } .user-transactions .date { white-space: nowrap; } .user-transactions .title { font-size: 0.9375rem; font-weight: 600; color: var(--freeio-link-color); } .user-transactions .id_listing { font-size: 16px; color: var(--freeio-link-color); font-weight: 600; } .user-transactions .success { color: #198754; } .user-transactions .pending { color: #ffc107; } .user-transactions .alert-query .text { color: var(--freeio-text-color); font-weight: 400; } .user-transactions .alert-query .value { font-weight: 500; color: var(--freeio-link-color); } ul.messages { list-style: none; padding: 0; margin: 0; } .progress-levels { max-width: 700px; } .valuation-item { margin-bottom: 10px; } @media (min-width: 1200px) { .valuation-item { margin-bottom: 20px; } } .valuation-item:last-child { margin-bottom: 0; } .valuation-item .valuation-title { margin: 0 0 8px; font-weight: 500; font-size: 0.9375rem; } .valuation-item .progress { border-radius: 2px; height: 8px; width: calc(100% - 50px); margin: 0; } .valuation-item .progress-bar { line-height: 8px; background-color: var(--freeio-theme-color); } .valuation-item .value { font-size: 13px; line-height: 1; text-align: right; font-weight: 500; width: 50px; color: var(--freeio-link-color); } .valuation-item:last-child .progress { margin-bottom: 0; } @media (min-width: 768px) { .listing-public-facilities .listing-public-facility-wrapper { margin-top: 10px; width: 50%; float: left; padding-left: 15px; padding-right: 15px; } .listing-public-facilities > .clearfix { margin-top: -10px; margin-left: -15px; margin-right: -15px; } } .listing-public-facility { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .listing-public-facility .listing-public-facility-title { min-width: 110px; font-weight: 600; color: var(--freeio-link-color); } .energy-inner-top .list { color: var(--freeio-link-color); } .energy-inner-top .list li { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -ms-align-items: center; margin-bottom: 10px; } @media (min-width: 1200px) { .energy-inner-top .list li { margin-bottom: 15px; } } .energy-inner-top .list li:last-child { margin-bottom: 0; } .energy-inner-top .list .text { font-weight: 600; } .energy-inner-top .list .value { margin-left: auto; } .energy-inner-top + .energy-inner { margin-top: 90px; } .energy-group { position: relative; color: #fff; font-weight: 700; padding: 5px 0; } .energy-group .indicator-energy { position: absolute; text-align: left; white-space: nowrap; background: inherit; bottom: 100%; font-size: 13px; left: 0; padding: 5px 10px; margin-bottom: 15px; border-radius: 3px; } .energy-group .indicator-energy:before { display: block; background-color: inherit; width: 10px; height: 10px; content: ''; position: absolute; border-width: 5px; border-style: solid; border-color: transparent #fff #fff; left: 12px; top: 100%; } @media (min-width: 768px) { .energy-group .indicator-energy:before { left: 30px; } } .energy-inner { max-width: 745px; position: relative; } .energy-inner > div { width: 100%; text-align: center; word-break: break-word; } .energy-aplus { background-color: #0d766e; } .energy-a { background-color: #108d83; } .energy-b { background-color: #14b380; } .energy-c { background-color: #84c866; } .energy-d { background-color: #fbc948; } .energy-e { background-color: #fca78f; } .energy-e ~ .energy-group .indicator-energy { left: auto; right: 0; } .energy-e ~ .energy-group .indicator-energy:before { left: auto; right: 12px; } @media (min-width: 768px) { .energy-e ~ .energy-group .indicator-energy:before { right: 30px; } } .energy-f { background-color: #f98d59; } .energy-g { background-color: #eb4164; } .energy-h { background-color: #e92a51; } @media (max-width: 767px) { .energy-c, .energy-d, .energy-e { position: static; } .energy-c .indicator-energy, .energy-d .indicator-energy, .energy-e .indicator-energy { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .energy-c .indicator-energy:before, .energy-d .indicator-energy:before, .energy-e .indicator-energy:before { left: 50%; margin-left: -5px; } .energy-c .indicator-energy:before { margin-left: -40px; } .energy-e .indicator-energy:before { margin-left: 30px; } } .print-detail { padding: 15px 1.875rem; margin: auto; max-width: 1000px; background-color: #fff; } .print-detail .title-inner, .print-detail h3 { font-size: 20px; margin: 0 0 20px; } .print-detail > div { margin-bottom: 40px; } .print-detail .print-header-top { margin-bottom: 10px; } .print-logo { max-width: 280px; display: block; margin: auto; text-align: center; } .print-logo .tag-line { display: inline-block; margin-top: 10px; } .print-header-middle { padding: 15px 0; margin: 0 !important; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .print-header-middle h1 { margin: 0; font-size: 30px; } .print-header-middle .print-header-middle-right { margin-left: auto; } .print-main-image { position: relative; } .print-main-image .qr-image { position: absolute; top: 0; right: 0; z-index: 1; } .print-block .title { font-size: 16px; margin: 0; } .print-block .agent-media { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; } .print-block .agent-media .media-image-left { width: 120px; padding-right: 15px; } .print-block .agent-media .media-image-left .media-body-right { width: calc(100% - 120px); } .print-gallery .print-gallery-image { margin-bottom: 1.875rem; } .list-check li { margin-bottom: 0; } .list-check li span { display: inline-block; vertical-align: middle; margin-right: 10px; } .list-check li i { font-size: 13px; } .form-theme { position: relative; } .form-theme.loading:before { content: ''; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } @media (min-width: 1200px) { .form-theme .form-control { height: 55px; line-height: 2.15; } } .form-theme textarea.form-control { height: 100px; resize: none; } @media (min-width: 1200px) { .form-theme textarea.form-control { height: 150px; } } .form-theme .form-group { margin-bottom: 1.25rem; } .form-theme label { font-weight: 500; color: var(--freeio-link-color); margin: 0 0 7px; } .apus-mortgage-calculator .form-group { position: relative; } @media (min-width: 1200px) { .apus-mortgage-calculator .form-group { margin-bottom: 25px; } } @media (min-width: 1200px) { .mortgage-calculator-form .btn { min-width: 200px; text-align: center; } .mortgage-calculator-form .wrapper-submit { padding-top: 5px; } } .mortgage-calculator-chart-wrapper { position: relative; max-width: 270px; } .mortgage-calculator-chart-wrapper .monthly-payment-wrap { position: absolute; top: 50%; text-align: center; left: 0; width: 100%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 1.5; font-weight: 600; color: var(--freeio-link-color); } .mortgage-calculator-chart-wrapper .monthly-payment-val { font-size: 24px; } .list-result-calculator { max-width: 250px; margin-top: 1.875rem; } .list-result-calculator li { margin-bottom: 15px; } .list-result-calculator li:last-child { margin-bottom: 0; } .list-result-calculator li:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--freeio-theme-color); margin-right: 12px; } .list-result-calculator li:nth-child(2):before { opacity: 0.7; filter: alpha(opacity=70); } .list-result-calculator li:nth-child(3):before { opacity: 0.5; filter: alpha(opacity=50); } .list-result-calculator .name-result + span { color: var(--freeio-link-color); margin-left: auto; } .schedule-a-tour-form-wrapper label { font-weight: normal; } .popup-image-gallery { display: block; position: relative; overflow: hidden; border-radius: 8px; } .popup-image-gallery:before { font-family: 'themify'; content: "\e61a"; position: absolute; top: 50%; left: 50%; line-height: 35px; width: 35px; height: 35px; text-align: center; border-radius: 50%; background-color: var(--freeio-theme-color); color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); -o-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .popup-image-gallery:before { line-height: 50px; width: 50px; height: 50px; font-size: 16px; } } .popup-image-gallery:hover:before { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; filter: alpha(opacity=100); } .popup-image-gallery.view-more-image:before { display: none; } .listing_features { margin-bottom: -1rem; } @media (min-width: 1200px) { .listing_features { margin-bottom: -1.8rem; } } .listing_features li { list-style: none; margin-bottom: 1rem; float: left; width: 100%; } @media (min-width: 576px) and (max-width: 1199px) { .listing_features li { width: 50%; } .listing_features li:nth-child(2n + 1) { clear: both; } } @media (min-width: 1200px) { .listing_features li { margin-bottom: 1.8rem; width: 33.33%; } .listing_features li:nth-child(3n + 1) { clear: both; } } .listing_features .feature-icon { font-size: 20px; text-align: center; width: 35px; height: 35px; line-height: 35px; display: inline-block; vertical-align: middle; border-radius: 50%; background-color: #f4f4f4; margin-right: 10px; } .accordion-item-faq { border: 0; border-radius: 8px; margin: 0; } .accordion-item-faq:last-child { margin-bottom: 0; } .accordion-item-faq + .accordion-item-faq .accordion-button:not(.collapsed) { margin-top: 20px; } @media (min-width: 1200px) { .accordion-item-faq + .accordion-item-faq .accordion-button:not(.collapsed) { margin-top: 40px; } } .accordion-item-faq .accordion-header { margin: 0; } .accordion-item-faq .accordion-button { padding: 20px 20px 0; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; font-size: 0.9375rem; line-height: 1.5; font-weight: 500; color: var(--freeio-link-color); background: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } @media (min-width: 1200px) { .accordion-item-faq .accordion-button { padding: 40px 40px 0px; } } .accordion-item-faq .accordion-button:before, .accordion-item-faq .accordion-button:after { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: absolute; bottom: 0; right: 15px; width: 16px; height: 2px; background: #222; content: ''; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); margin-bottom: 8px; } @media (min-width: 1200px) { .accordion-item-faq .accordion-button:before, .accordion-item-faq .accordion-button:after { right: 40px; } } .accordion-item-faq .accordion-button:not(.collapsed) { background: #F1FCFA; } .accordion-item-faq .accordion-button.collapsed:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .accordion-item-faq .accordion-collapse { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background: #fff; color: var(--freeio-link-color); padding: 0 20px; } @media (min-width: 1200px) { .accordion-item-faq .accordion-collapse { padding: 0 40px; } } .accordion-item-faq .accordion-collapse.collapsing, .accordion-item-faq .accordion-collapse.show { background: #F1FCFA; } .accordion-item-faq .accordion-collapse .accordion-body { padding: 15px 0; } @media (min-width: 1200px) { .accordion-item-faq .accordion-collapse .accordion-body { padding: 20px 0 40px; } } .filter-in-sidebar { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-weight: 500; display: inline-block; padding: 8px 25px; color: var(--freeio-link-color); background: #F1FCFA; border: 1px solid #E9E9E9; border-radius: 4px; cursor: pointer; } .filter-in-sidebar svg { display: inline-block; margin-right: 8px; vertical-align: baseline; } .filter-in-sidebar:hover, .filter-in-sidebar:focus { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } .change-password-form label { font-size: 0.9375rem; font-weight: 500; color: var(--freeio-link-color); margin-bottom: 7px; } .change-password-form .show_hide_password { position: relative; display: block; } .change-password-form .show_hide_password .toggle-password { cursor: pointer; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; line-height: 1; } .listing-user-avarta { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0 0 10px 0 rgba(140, 152, 164, 0.6); box-shadow: 0 0 10px 0 rgba(140, 152, 164, 0.6); border: 4px solid #fff; margin-right: 0.9375rem; } @media (min-width: 1200px) { .listing-user-avarta { margin-right: 1.875rem; } } .listing-user-avarta img { border-radius: 50%; } .listing-user-info { flex: 1; -webkit-box-flex: 1; -ms-flex: 1; } .listing-user-info .title { font-size: 1.25rem; margin: 0 0 0.625rem; } @media (min-width: 1200px) { .listing-user-info .title { font-size: 1.875rem; } } .listing-user-header { background-color: #F4F4F4; padding: 1.875rem 0; } @media (min-width: 1200px) { .listing-user-header { padding: 50px 0; } } .single-user-content-wrapper .title { font-size: 1.125rem; margin: 0 0 0.9375rem; } @media (min-width: 1200px) { .single-user-content-wrapper .title { font-size: 1.25rem; margin-bottom: 1.875rem; } } @media (min-width: 1200px) { .single-user-content-wrapper .my-listings { margin-bottom: 0.625rem; } } .single-user-wrapper { margin-top: 1.875rem; } @media (min-width: 1200px) { .single-user-wrapper { margin-top: 50px; } } .listing-author-description p:last-child { margin-bottom: 0; } .hours-field-timezone { margin-bottom: 20px; } .hours-field-timezone label { font-weight: 500; color: var(--freeio-link-color); margin: 0 0 10px; } .map-item a[class*="favorite"] span { display: none; } .map-item a[class*="btn-remove"] i { font-size: 1rem; background: #FFEDE8; border-color: transparent; } .map-item a[class*="btn-remove"] i:hover, .map-item a[class*="btn-remove"] i:focus { color: #fff; background: #dc3545; border-color: #dc3545; } .map-item:hover a[class*="btn-remove"] i { color: #fff; background: #dc3545; border-color: #dc3545; } .service-author-heading .service-author-image img { overflow: hidden; border-radius: 50%; width: 70px; height: 70px; } @media (min-width: 1200px) { .service-author-heading .service-author-image img { width: 90px; height: 90px; } } .service-author-heading .service-author-right h5 { font-size: 17px; font-weight: 500; margin: 0 0 2px; } .service-author-heading .freelancer-job, .service-author-heading .nb-job { font-size: 14px; } .service-author-heading .rating-reviews { margin-top: 5px; } .widget-service-author .btn-service-contact-form { margin-top: 0.9375rem; } @media (min-width: 1200px) { .widget-service-author .btn-service-contact-form { margin-top: 20px; } } .widget-service-author .service-author-right { padding-left: 20px; } .widget-service-author .metas { color: var(--freeio-link-color); font-size: 14px; margin-top: 0.9375rem; padding-top: 0.9375rem; border-top: 1px solid #E9E9E9; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; } @media (min-width: 1200px) { .widget-service-author .metas { margin-top: 20px; padding-top: 20px; } } .widget-service-author .metas > * { flex: 0 1 50%; } .widget-service-author .metas .title, .widget-service-author .metas strong { display: block; font-weight: 500; font-size: 0.9375rem; margin: 0; } form.service-add-to-cart .service-price-inner { font-size: 28px; font-weight: 700; color: var(--freeio-link-color); line-height: 1; margin-bottom: 1.875rem; } form.service-add-to-cart [type="submit"] { margin-top: 20px; } .rating-reviews { font-size: 14px; } .rating-reviews .rating { font-weight: 500; font-size: 0.9375rem; color: var(--freeio-link-color); margin-right: 2px; line-height: 1; } .rating-reviews i { font-size: 10px !important; display: inline-block; margin-right: 5px; color: #E1C03F !important; margin-bottom: 4px; vertical-align: middle; } .service-author .freelancer-logo { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; } .service-author .freelancer-logo .verified { display: none; } .service-author a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .service-metas-detail { color: var(--freeio-link-color); font-weight: 500; } .service-metas-detail > div { margin-right: 0.9375rem; } @media (min-width: 1200px) { .service-metas-detail > div { margin-right: 1.875rem; } } @media (max-width: 575px) { .service-metas-detail > div { margin-bottom: 10px; } } .service-metas-detail > div:last-child { margin-right: 0; } .service-metas-detail .rating-reviews i { font-size: 14px; margin-right: 5px; } .service-metas-detail i { font-size: 20px; line-height: 1; display: inline-block; vertical-align: text-bottom; margin-right: 10px; } .header-detail-service { margin-left: auto; margin-right: auto; padding: 1.875rem 0; background: #F0EFEC url("../images/service-detail.jpg") no-repeat center center/auto; max-width: 1700px; } @media (min-width: 1200px) { .header-detail-service { padding: 90px 0; border-radius: 16px; } } .service-detail-title { font-size: 25px; margin: 0 0 20px; } @media (min-width: 1200px) { .service-detail-title { font-size: 32px; } } .list-service-detail { list-style: none; padding: 0; margin: 0 0 -15px; } @media (min-width: 992px) { .list-service-detail { margin-bottom: -25px; } } .list-service-detail li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; flex-grow: 1; width: 50%; margin-bottom: 20px; } @media (min-width: 992px) { .list-service-detail li { width: 33.33%; margin-bottom: 25px; } } .list-service-detail .icon { flex-shrink: 0; font-size: 30px; padding-right: 10px; line-height: 1; color: var(--freeio-second-color); position: relative; z-index: 1; } @media (min-width: 992px) { .list-service-detail .icon { font-size: 40px; padding-right: 20px; } } .list-service-detail .icon:before { content: ''; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #FBF7ED; right: 0; bottom: -10px; z-index: -1; } @media (min-width: 992px) { .list-service-detail .icon:before { width: 40px; height: 40px; } } .list-service-detail .details { color: var(--freeio-link-color); flex-grow: 1; padding-left: 15px; } .list-service-detail .details .text { font-size: 16px; font-weight: 500; } @media (max-width: 991px) { .list-service-detail .details .text { line-height: 1.2; } } @media (min-width: 992px) { .list-service-detail.column-4 li { width: 25%; } } .gallery-listing .gallery-listing-main { padding: 20px; background: #333; border-radius: 4px; } @media (min-width: 1200px) { .gallery-listing .gallery-listing-main { padding: 50px; } } .gallery-listing .slick-carousel-gallery-main { margin-left: 0; margin-right: 0; } .gallery-listing .slick-carousel-gallery-main .slick-slide { padding-right: 0; padding-left: 0; } .gallery-listing .p-popup-image { display: block; overflow: hidden; border-radius: 4px; } .gallery-listing .slick-carousel .slick-prev { left: -15px; } .gallery-listing .slick-carousel .slick-next { right: -15px; } @media (max-width: 575px) { .gallery-listing .slick-carousel .slick-prev { left: -10px; } .gallery-listing .slick-carousel .slick-next { right: -10px; } } .gallery-listing .slick-carousel-gallery-thumbs { margin-top: 10px; margin-left: -5px; margin-right: -5px; } .gallery-listing .slick-carousel-gallery-thumbs .slick-slide { padding-right: 5px; padding-left: 5px; } .gallery-listing .slick-carousel-gallery-thumbs .image-wrapper { overflow: hidden; border-radius: 4px; cursor: pointer; } a[class*="favorite"] i { border-radius: 50%; border: 1px solid #E9E9E9; background: #fff; color: var(--freeio-link-color); font-size: 12px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; align-items: center; -webkit-align-items: center; -ms-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; width: 36px; height: 36px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } a[class*="favorite"] i:hover, a[class*="favorite"] i:focus { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } a[class*="favorite"].loading i:before { display: inline-block; content: "\f110" !important; font-weight: 900 !important; font-family: "Font Awesome 5 Free" !important; animation: rotate_icon 1000ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running; } a[class*="favorite"] span { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-weight: 500; color: var(--freeio-link-color); margin-left: 8px; display: inline-block; vertical-align: middle; } a[class*="favorite"]:hover span, a[class*="favorite"]:focus span { color: var(--freeio-theme-color); } a[class*="favorite"]:hover i, a[class*="favorite"]:focus i { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } a[class*="favorite"][class*="btn-added"] span { color: var(--freeio-theme-color); } a[class*="favorite"][class*="btn-added"] i { color: #fff; background: var(--freeio-theme-color); border-color: var(--freeio-theme-color); } @media (max-width: 767px) { .service-detail-breadcrumbs .right-column { margin-bottom: 0.9375rem; } } .service-detail-breadcrumbs .right-column > * + * { margin-left: 0.9375rem; } .service-detail-breadcrumbs .breadcrumbs-simple .container { padding: 0; } .service-price-addons { color: var(--freeio-link-color); } .service-price-addons .addon-item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E9E9E9; } .service-price-addons .addon-item:last-child { margin-bottom: 0; border: 0; padding-bottom: 0; } .service-price-addons label { cursor: pointer; position: relative; padding-left: 1.875rem; } .service-price-addons label [type="checkbox"] { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border: 2px solid #E9E9E9; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; } .service-price-addons label [type="checkbox"]:checked { background-color: var(--freeio-theme-color); border-color: var(--freeio-theme-color); background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 11px; } .service-price-addons .content { font-size: 14px; } .service-price-addons .title { font-size: 1rem; font-weight: 500; margin: 0 0 5px; } .service-price-addons .price { font-size: 1rem; font-weight: 500; margin-top: 5px; } .sidebar-service { margin-top: 1.875rem; } @media (min-width: 1200px) { .sidebar-service { margin-top: -110px; } .sidebar-service .sidebar .widget, .sidebar-service .apus-sidebar .widget { padding: 1.875rem; } } .sidebar-service .widget { background: #fff; } @media (min-width: 1430px) { .content-service-detail .list-content-service.col-lg-8 { width: 72%; } .content-service-detail .list-content-service.col-lg-8 .content-main-service { padding-right: 70px; } .content-service-detail .sidebar-wrapper { width: 28%; } } .content-main-service > div { margin-top: 1.875rem; } @media (min-width: 1200px) { .content-main-service > div[class*="detail-description"] { margin-top: 3.75rem; } } .content-main-service > div[class*="detail-description"] ~ div:not(.sidebar-wrapper) { padding-top: 40px; margin-top: 40px; border-top: 1px solid #E9E9E9; } @media (min-width: 1200px) { .content-main-service > div[class*="detail-description"] ~ div:not(.sidebar-wrapper) { padding-top: 3.75rem; margin-top: 3.75rem; } } .content-main-service > div#job-freelancer-description { margin-top: 1.875rem; } .content-main-service > div > .title { font-size: 20px; font-weight: 500; margin: 0 0 15px; } @media (min-width: 1200px) { .content-main-service > div > .title { margin: 0 0 25px; } } .service-item { background: #fff; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .service-item { margin-bottom: 1.875rem; } } .service-item .featured-text { position: absolute; z-index: 1; top: 15px; left: -35px; background: #5BBB7B; padding: 5px 40px; color: #fff; font-size: 14px; font-weight: 500; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .service-item [class*="service-favorite"] { position: absolute; top: 10px; right: 10px; z-index: 1; } @media (min-width: 576px) { .service-item [class*="service-favorite"] { top: 20px; right: 20px; } } .service-item [class*="service-favorite"] span { display: none !important; } .service-item .category-service { font-size: 14px; margin: 0 0 5px; } .service-item .category-service a { color: var(--freeio-text-color); } .service-item .category-service a:hover, .service-item .category-service a:focus { color: var(--freeio-link-color); } .service-item .service-information { padding: 15px; border-width: 0 1px 1px; border-style: solid; border-color: #E9E9E9; border-radius: 0 0 4px 4px; } @media (min-width: 1200px) { .service-item .service-information { padding: 20px 30px 20px; } } .service-item .service-title { font-size: 17px; font-weight: 500; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .service-item .service-title a { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .service-item .service-salary .text + span { font-weight: 500; color: var(--freeio-link-color); font-size: 17px; } .service-item .info-bottom { font-size: 14px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #E9E9E9; } .service-item .info-bottom > * { width: 50%; } .service-item .info-bottom .ms-auto { text-align: right; } .service-item .info-bottom .service-salary { padding-left: 15px; } .service-item .info-bottom .service-author .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .service-item .service-author .freelancer-logo { width: 30px; height: 30px; } .service-item .rating-reviews { margin-top: 12px; } .service-item:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .service-item:hover .service-title a { text-decoration: underline; color: var(--freeio-theme-color); } .service-item.v1 { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .service-item.v1 .service-information { border: 0; } .service-item.v2 { border-radius: 8px; } @media (min-width: 1200px) { .service-item.v2 { border-radius: 16px; } } .service-item.v2 .service-information { border-radius: 0 0 8px 8px; } @media (min-width: 1200px) { .service-item.v2 .service-information { border-radius: 0 0 16px 16px; } } .service-item.v3 { border: 1px solid #E9E9E9; padding: 10px 10px 0; } .service-item.v3 .service-image { border-radius: 4px; overflow: hidden; } .service-item.v3 .service-information { border: 0; padding: 15px 5px; } @media (min-width: 1200px) { .service-item.v3 .service-information { padding: 15px 20px 20px; } } .service-item.v3 .featured-text { top: 4px; left: -45px; } .service-item.v6 { padding: 0; } @media (min-width: 1200px) { .service-item.v6 { border-radius: 16px; } } .service-item.v6 .service-image { border-radius: 0; } .service-item.v4 { -webkit-box-shadow: none !important; box-shadow: none !important; } .service-item.v4 .service-image { border-radius: 4px; overflow: hidden; } .service-item.v4 .service-information { padding: 15px 0 0; border: 0; } .service-item.v5 .service-information { padding: 15px; } @media (min-width: 1200px) { .service-item.v5 .service-information { padding: 15px 20px 20px; } } .service-item.v5 .service-author .text { display: none; } .service-item.list { border: 1px solid #E9E9E9; } .service-item.list .service-top { width: 100%; } @media (min-width: 576px) { .service-item.list .service-top { width: 330px; } } .service-item.list .service-information { border: 0; padding: 0 15px; } @media (min-width: 1200px) { .service-item.list .service-information { padding: 0 20px; } } @media (max-width: 575px) { .service-item.list .service-information { padding: 15px; } } .service-item.list .excerpt { margin-top: 7px; } .service-item.st-small { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); margin-bottom: 15px; } .service-item.st-small .service-title { font-size: 0.9375rem; } .service-item.st-small .service-information { padding: 15px 20px 10px; } .service-item.st-small .info-bottom { padding-top: 10px; margin-top: 10px; } .service-item.st-small .service-author .text, .service-item.st-small .category-service { display: none; } .service-item.st-small .rating-reviews { margin-top: 10px; } .service-item.st-small .service-author { width: 30px; } .service-item.st-small .service-author + .ms-auto { flex-grow: 1; } @media (max-width: 1199px) { .items-wrapper-list .item-service { width: 100%; } } .apus-listing-filter { margin-bottom: 1.875rem; } .apus-listing-filter .results-count { color: var(--freeio-link-color); } .apus-listing-filter .results-count + [class*="ordering-wrapper"] { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } @media (min-width: 576px) { .apus-listing-filter .results-count + [class*="ordering-wrapper"] { margin: 0 0 0 auto; } } .apus-listing-filter .results-count + [class*="ordering-wrapper"] .filter-in-sidebar-wrapper { margin-right: 15px; } .apus-listing-filter .select2-container--default.select2-container .select2-selection--single { height: 46px; padding: 3px 12px; border-radius: 4px; } .apus-listing-filter .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 9px; } .apus-listing-filter .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { color: var(--freeio-link-color); } .layout-job-sidebar .sidebar .widget, .layout-job-sidebar .apus-sidebar .widget, .layout-project-sidebar .sidebar .widget, .layout-project-sidebar .apus-sidebar .widget, .layout-freelancer-sidebar .sidebar .widget, .layout-freelancer-sidebar .apus-sidebar .widget, .layout-service-sidebar .sidebar .widget, .layout-service-sidebar .apus-sidebar .widget { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .offcanvas-filter-sidebar-header { padding: 0 0 20px; border-bottom: 1px solid #E9E9E9; margin-bottom: 20px; } .offcanvas-filter-sidebar-header .close-filter-sidebar { width: 40px; height: 40px; border-radius: 8px; color: var(--freeio-link-color); background: var(--freeio-theme-color-010); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 12px; cursor: pointer; } .offcanvas-filter-sidebar-header .close-filter-sidebar:hover, .offcanvas-filter-sidebar-header .close-filter-sidebar:focus { color: #fff; background: var(--freeio-theme-color); } .offcanvas-filter-sidebar-header .title { color: var(--freeio-link-color); font-weight: 500; font-size: 17px; } .offcanvas-filter-sidebar { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 360px; height: 100vh; overflow-y: auto; scrollbar-width: thin; position: fixed; top: 0; left: 0; z-index: 7; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; filter: alpha(opacity=0); visibility: hidden; background: #fff; padding: 1.875rem; } .offcanvas-filter-sidebar.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; } [class*="top-content-wrapper"] { margin-bottom: 1.875rem; } @media (min-width: 1200px) { [class*="top-content-wrapper"] { margin-bottom: 50px; } } .wrapper-services-related { margin-top: 1.875rem; } @media (min-width: 1200px) { .wrapper-services-related { margin-top: 60px !important; } } .widget-open-services .service-item { margin-bottom: 0; } .single-listing-wrapper { padding-bottom: 40px; background: #fff; } @media (min-width: 1200px) { .single-listing-wrapper { padding-bottom: 70px; } } .sidebar-listing-detail { z-index: 1; } .header-detail-freelancer { margin-left: auto; margin-right: auto; padding: 1.875rem 0; background: #FFEDE8 url("../images/freelancer-detail.jpg") no-repeat center center/auto; max-width: 1700px; } @media (min-width: 1200px) { .header-detail-freelancer { padding: 90px 0; border-radius: 16px; min-height: 300px; } } .header-detail-freelancer .freelancer-detail-title { font-weight: 500; font-size: 20px; line-height: 1.6; margin: 0; } .header-detail-freelancer .freelancer-detail-title-wrapper { margin: 0 0 2px; } .header-detail-freelancer .freelancer-job { font-size: 14px; color: var(--freeio-link-color); } .header-detail-freelancer .service-metas-detail { margin-top: 5px; } @media (min-width: 768px) { .header-detail-freelancer .service-metas-detail { margin-top: 15px; } } .header-detail-freelancer .freelancer-thumbnail .freelancer-logo { width: 120px; } .header-detail-freelancer .freelancer-thumbnail .freelancer-logo img { display: block; overflow: hidden; width: 120px; height: 120px; border-radius: 50%; } .header-detail-freelancer .freelancer-thumbnail + .freelancer-information { padding-left: 20px; } .header-detail-freelancer .freelancer-thumbnail .verified { position: absolute; top: 0; left: 12px; z-index: 1; } .header-detail-freelancer .right-action .send-private-wrapper { margin-left: 0.9375rem; } @media (max-width: 575px) { .header-detail-freelancer .freelancer-thumbnail .freelancer-logo { width: 100px; } .header-detail-freelancer .freelancer-thumbnail .freelancer-logo img { width: 100px; height: 100px; } .header-detail-freelancer .right-action { margin-top: 12px; } } .freelancer-salary-wrapper { font-weight: 500; color: var(--freeio-link-color); } .freelancer-salary-wrapper span { font-size: 28px; font-weight: 700; vertical-align: middle; } .list-employer-info, .list-freelancer-info { list-style: none; padding: 0; margin: 20px 0 0; color: var(--freeio-link-color); } .list-employer-info li, .list-freelancer-info li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E9E9E9; } .list-employer-info li:last-child, .list-freelancer-info li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .list-employer-info .icon, .list-freelancer-info .icon { font-size: 18px; color: var(--freeio-second-color); width: 28px; float: left; } .list-employer-info .details, .list-freelancer-info .details { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: calc(100% - 28px); } .list-employer-info .text, .list-freelancer-info .text { padding-right: 10px; } .list-employer-info .value, .list-freelancer-info .value { font-weight: 500; margin-left: auto; } .employer-info-detail .btn-service-contact-form, .freelancer-info-detail .btn-service-contact-form { margin-top: 20px; } [class*="-tags"] a[class*="tag"] { display: inline-block; padding: 0 10px; line-height: 35px; font-size: 13px; font-weight: 500; color: var(--freeio-link-color); background: #FFEDE8; border-radius: 35px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-right: 5px; margin-bottom: 10px; } @media (min-width: 1200px) { [class*="-tags"] a[class*="tag"] { padding: 0 18px; } } [class*="-tags"] a[class*="tag"]:hover, [class*="-tags"] a[class*="tag"]:focus { color: #fff; background: var(--freeio-link-color); } [class*="-tags"] .count-more-tags { font-weight: 500; color: var(--freeio-link-color); font-size: 14px; } [class*="detail-video"] .content-bottom { height: 0; padding-top: 0; padding-bottom: 56.25%; margin-bottom: 10px; position: relative; overflow: hidden; } [class*="detail-video"] .content-bottom embed, [class*="detail-video"] .content-bottom iframe, [class*="detail-video"] .content-bottom object, [class*="detail-video"] .content-bottom video { top: 0; left: 0; position: absolute; width: 100%; height: 100%; border-radius: 8px; } .my_resume_eduarea .content { position: relative; padding-left: 40px; padding-bottom: 15px; } @media (min-width: 1200px) { .my_resume_eduarea .content { padding-left: 60px; padding-bottom: 35px; } } .my_resume_eduarea .content:last-child { padding-bottom: 0; } .my_resume_eduarea .content:after { border-left: 2px dashed var(--freeio-theme-color); content: ""; height: calc(100% - 52px); width: 2px; left: 14px; position: absolute; top: 55px; } .my_resume_eduarea .content:last-child:after { border: 0; } .my_resume_eduarea .circle { border-radius: 50%; background: var(--freeio-theme-color-015); color: var(--freeio-theme-color); width: 30px; height: 30px; line-height: 30px; text-align: center; left: 0; position: absolute; top: 0; font-size: 11px; font-weight: 700; text-transform: uppercase; } .my_resume_eduarea .edu_center { color: var(--freeio-theme-color); font-weight: 500; margin-top: 5px; } .my_resume_eduarea .edu_stats { display: block; margin: 0; line-height: 1.2; font-family: var(--freeio-main-font); font-weight: 700; color: var(--freeio-heading-color); } @media (min-width: 768px) { .my_resume_eduarea .edu_stats { font-size: 17px; } } .my_resume_eduarea .mb0 { font-size: 14px; margin-top: 5px; } .my_resume_eduarea .year { display: inline-block; line-height: 25px; padding: 0 25px; border-radius: 25px; font-size: 14px; color: var(--freeio-link-color); background: #FFEDE8; margin-bottom: 15px; } .freelancer-title { font-size: 17px; font-weight: 500; margin: 0; line-height: 1.65; } .verified { border-radius: 50%; background: #198754; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; font-size: 9px; } .employer-logo, .freelancer-logo { position: relative; } .employer-logo .verified, .freelancer-logo .verified { top: 0; left: 0; position: absolute; z-index: 1; } .freelancer-item { background: #fff; border: 1px solid #E9E9E9; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 20px; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .freelancer-item { margin-bottom: 1.875rem; padding: 1.875rem; } } .freelancer-item .featured-text { position: absolute; z-index: 1; top: 15px; left: -35px; background: #5BBB7B; padding: 5px 40px; color: #fff; font-size: 14px; font-weight: 500; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .freelancer-item .freelancer-logo { margin: auto; width: 90px; } .freelancer-item .freelancer-logo a { display: block; width: 90px; height: 90px; overflow: hidden; border-radius: 50%; } .freelancer-item .freelancer-job { font-size: 14px; margin-bottom: 3px; } .freelancer-item .freelancer-tags { white-space: nowrap; margin-top: 18px; } .freelancer-item .inner-bottom { padding-top: 20px; } .freelancer-item .freelancer-metas { color: var(--freeio-link-color); padding: 15px 0; border-top: 1px solid #E9E9E9; } .freelancer-item .freelancer-metas > * { width: 50%; } .freelancer-item .freelancer-metas strong { display: block; font-weight: 500; } .freelancer-item .text-center { padding-bottom: 15px; } .freelancer-item .logo .freelancer-logo { margin: 0; } .freelancer-item .information-right { padding-left: 18px; width: 100%; } .freelancer-item .information-right > div { width: 100%; } .freelancer-item .information-right .freelancer-metas { border: 0; padding: 0 0 15px; } @media (min-width: 992px) { .freelancer-item .information-right .freelancer-metas { padding-bottom: 20px; } } .freelancer-item .information-right .freelancer-tags { margin-top: 12px; white-space: inherit; } @media (min-width: 992px) { .freelancer-item .information-right .inner-right { width: 35%; padding-left: 1.875rem; border-left: 1px solid #E9E9E9; } .freelancer-item .information-right .inner-middle { width: 65%; flex-grow: 1; } } .freelancer-item a[class*="favorite"] { position: absolute; z-index: 1; right: 10px; top: 10px; } @media (min-width: 1200px) { .freelancer-item a[class*="favorite"] { right: 20px; top: 20px; } } .freelancer-item:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .freelancer-item:hover .btn { border-color: var(--freeio-theme-color); background: var(--freeio-theme-color); color: #fff; } @media (min-width: 1200px) { .freelancer-item.v1 { border-radius: 16px; } } .freelancer-item.v2 { padding: 0; border: 0; } @media (min-width: 1200px) { .freelancer-item.v2 { border-radius: 12px; } } .freelancer-item.v2 .freelancer-logo a, .freelancer-item.v2 .freelancer-logo { border-radius: 0; width: auto; height: auto; } .freelancer-item.v2 .freelancer-logo a:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.7), transparent); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .freelancer-item.v2 .inner { padding: 15px; position: absolute; top: 0; width: 100%; left: 0; z-index: 1; } @media (min-width: 1200px) { .freelancer-item.v2 .inner { padding: 30px; } } .freelancer-item.v2 .text-link, .freelancer-item.v2 .rating-reviews i, .freelancer-item.v2, .freelancer-item.v2 a { color: #fff !important; } .freelancer-item.v2 .verified, .freelancer-item.v2 .rating-reviews .text { display: none; } .freelancer-item.v2:hover .freelancer-logo a:before { width: 100%; height: 200%; } .freelancer-item.v2 .rating-reviews { white-space: nowrap; } .freelancer-item.v3 { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .freelancer-item.v3 .freelancer-logo a, .freelancer-item.v3 .freelancer-logo { border-radius: 8px; width: auto; height: auto; } @media (min-width: 1200px) { .freelancer-item.v3 .freelancer-logo a, .freelancer-item.v3 .freelancer-logo { border-radius: 12px; } } .freelancer-item.v3 .inner { padding: 10px 0 0; } @media (min-width: 1200px) { .freelancer-item.v3 .inner { padding: 18px 0 0; } } .freelancer-item.v3 .rating-reviews i { color: var(--freeio-link-color) !important; } .freelancer-item.v3 .rating-reviews .text { display: none; } .freelancer-item.v3 .freelancer-logo .verified { display: none; } .freelancer-item.v3 .rating-reviews { white-space: nowrap; } @media (min-width: 1200px) { .freelancer-item.v4 { border-radius: 12px; } } .freelancer-item.v4 .freelancer-logo { flex-shrink: 0; } .freelancer-item.v4 .left-inner { padding-left: 20px; } .freelancer-item.v4 .info { font-weight: 500; color: var(--freeio-link-color); padding-top: 20px; } .freelancer-item.v4 .info > * { display: inline-block; vertical-align: top; margin-right: 5px; } @media (min-width: 1200px) { .freelancer-item.v4 .info > * { margin-right: 12px; } } .freelancer-item.v4 .info > *:last-child { margin-right: 0; } .freelancer-item.v4 .info i { font-size: 1rem; margin-right: 2px; vertical-align: middle; } .freelancer-item.v4 .excerpt { color: var(--freeio-link-color); margin-top: 10px; } @media (min-width: 1200px) { .freelancer-item.v4 .excerpt { margin-top: 15px; } } .freelancer-item.v4 .rating-reviews .text { display: none; } .freelancer-item.v4 [class*="-tags"] a[class*="tag"] { background: #F1FCFA; color: var(--freeio-link-color); } .freelancer-item.v4 [class*="-tags"] a[class*="tag"]:hover, .freelancer-item.v4 [class*="-tags"] a[class*="tag"]:focus { background: var(--freeio-link-color); color: #fff; } .freelancer-item.v4 .freelancer-link { margin-top: 15px; } @media (min-width: 1200px) { .freelancer-item.v4 .freelancer-link { margin-top: 20px; } } @media (min-width: 1200px) { .freelancer-item.v4 .btn { border-radius: 12px; } } @media (min-width: 1200px) { .freelancer-item-list-v1 { border-radius: 12px; } } .freelancer-item-list-v1 .info { font-weight: 500; color: var(--freeio-link-color); } .freelancer-item-list-v1 .info > * { display: inline-block; vertical-align: top; margin-right: 5px; } @media (min-width: 1200px) { .freelancer-item-list-v1 .info > * { margin-right: 12px; } } .freelancer-item-list-v1 .info > *:last-child { margin-right: 0; } .freelancer-item-list-v1 .info i { font-size: 1rem; margin-right: 2px; vertical-align: middle; } .freelancer-item-list-v1 .excerpt { color: var(--freeio-link-color); margin-top: 10px; } @media (min-width: 1200px) { .freelancer-item-list-v1 .excerpt { margin-top: 20px; } } .freelancer-item-list-v1 .rating-reviews .text { display: none; } .freelancer-item-list-v1 [class*="-tags"] a[class*="tag"] { background: #F1FCFA; color: var(--freeio-link-color); } .freelancer-item-list-v1 [class*="-tags"] a[class*="tag"]:hover, .freelancer-item-list-v1 [class*="-tags"] a[class*="tag"]:focus { background: var(--freeio-link-color); color: #fff; } @media (min-width: 1200px) { .freelancer-item-list-v1 .btn { border-radius: 12px; } } .freelancer-item-list a[class*="favorite"] { position: absolute; z-index: 1; right: 10px; top: 10px; } .header-detail-employer { margin-left: auto; margin-right: auto; padding: 1.875rem 0; background: #FFEDE8 url("../images/freelancer-detail.jpg") no-repeat center center/auto; max-width: 1700px; } @media (min-width: 1200px) { .header-detail-employer { padding: 90px 0; border-radius: 16px; min-height: 300px; } } .header-detail-employer .employer-detail-title { font-weight: 500; font-size: 20px; margin: 0; line-height: 1.6; } .header-detail-employer .employer-detail-title-wrapper { margin: 0 0 2px; } .header-detail-employer .tagline { font-size: 14px; color: var(--freeio-link-color); } .header-detail-employer .service-metas-detail { margin-top: 5px; } @media (min-width: 576px) { .header-detail-employer .service-metas-detail { margin-top: 15px; } } .header-detail-employer .employer-thumbnail img { background: #fff; display: block; overflow: hidden; width: 120px; height: 120px; border-radius: 50%; } .header-detail-employer .employer-thumbnail + .employer-information { padding-left: 20px; } .header-detail-employer .employer-thumbnail .verified { left: 12px; } @media (max-width: 575px) { .header-detail-employer .employer-thumbnail img { width: 100px; height: 100px; } .header-detail-employer .right-action { margin-top: 12px; } } @media (min-width: 1430px) { .carousel-gallery-employer.slick-carousel .slick-arrow { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .carousel-gallery-employer.slick-carousel:hover .slick-arrow { opacity: 1; filter: alpha(opacity=100); } .carousel-gallery-employer.slick-carousel:hover .slick-prev { left: 1.875rem; } .carousel-gallery-employer.slick-carousel:hover .slick-next { right: 1.875rem; } } .member-item .profile-image { overflow: hidden; position: relative; border-radius: 4px; } .member-item .profile-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.5); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); } .member-item .profile-image .social { text-align: center; position: absolute; top: 50%; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 20px; z-index: 1; text-align: center; width: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .member-item .profile-image .social a { padding: 2px 5px; margin: 0 4px; color: rgba(255, 255, 255, 0.8); } .member-item .profile-image .social a:hover, .member-item .profile-image .social a:focus { color: #fff; } .member-item .profile-image img { -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; z-index: -1; position: relative; } .member-item .content { padding: 18px 0 0; } .member-item .title { font-size: 17px; font-weight: 500; margin: 0 0 3px; } .member-item .designation { color: var(--freeio-link-color); } .member-item .experience { color: var(--freeio-text-color); font-size: 13px; } .member-item:hover .profile-image:before { opacity: 1; filter: alpha(opacity=100); } .member-item:hover .social { margin-top: 0; opacity: 1; filter: alpha(opacity=100); } .member-item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .employer-item { border: 1px solid #E9E9E9; border-radius: 4px; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 0.9375rem; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .employer-item { padding: 1.875rem; margin-bottom: 1.875rem; } } .employer-item .employer-logo a { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; display: block; } .employer-item .employer-title { margin: 0 0 0 20px; font-size: 17px; font-weight: 500; } .employer-item a[class*="favorite"] { position: absolute; z-index: 1; right: 10px; top: 10px; } @media (min-width: 1200px) { .employer-item a[class*="favorite"] { right: 20px; top: 20px; } } .employer-item .rating-reviews { margin-top: 20px; } .employer-item .employer-metas { font-size: 14px; margin-top: 20px; line-height: 1.2; } .employer-item .employer-metas a { color: var(--freeio-text-color); } .employer-item .employer-metas a:hover, .employer-item .employer-metas a:focus { color: var(--freeio-link-color); } .employer-item .employer-metas > * { padding-right: 15px; margin-right: 15px; border-right: 1px solid #E9E9E9; } .employer-item .employer-metas > *:last-child { padding: 0; margin: 0; border: 0; } .employer-item:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } a[class*="report"] { color: #ffc107; } .header-detail-project { margin-left: auto; margin-right: auto; padding: 1.875rem 0; background: #FFEDE8 url("../images/freelancer-detail.jpg") no-repeat center center/auto; max-width: 1700px; } @media (min-width: 1200px) { .header-detail-project { padding: 90px 0; border-radius: 16px; } } .header-detail-project .service-metas-detail { margin-top: 15px; } .project-detail-title { font-size: 25px; margin: 0 0 20px; } @media (min-width: 1200px) { .project-detail-title { font-size: 32px; } } #project-cv { margin-bottom: -10px; } [class*="detail-cv"] { display: inline-block; background: var(--freeio-theme-color-010); border-radius: 4px; padding: 16px 50px 16px 22px; min-width: 150px; font-weight: 500; position: relative; margin-bottom: 10px; cursor: pointer; margin-right: 0.9375rem; } @media (min-width: 1200px) { [class*="detail-cv"] { min-width: 210px; } } @media (min-width: 1200px) { [class*="detail-cv"] { margin-right: 1.875rem; } } [class*="detail-cv"] .filename { color: var(--freeio-link-color); text-transform: capitalize; display: block; } [class*="detail-cv"] .extension { font-size: 14px; text-transform: uppercase; color: var(--freeio-text-color); } [class*="detail-cv"] .icon_type { font-size: 40px; line-height: 1; color: var(--freeio-theme-color); opacity: 0.15; filter: alpha(opacity=15); position: absolute; bottom: 15px; right: 15px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } [class*="detail-cv"]:hover .icon_type, [class*="detail-cv"]:focus .icon_type { opacity: 0.8; filter: alpha(opacity=80); } .list-file-cv { display: inline-block; font-weight: 400; } .list-file-cv [class*="detail-cv"] { margin: 0 0 20px !important; width: 100%; } .list-file-cv [type="radio"] { display: none; } .list-file-cv [type="radio"]:checked + [class*="detail-cv"] .icon_type { opacity: 0.8; filter: alpha(opacity=80); } .wrapper-file-action { margin-left: -10px; margin-right: -10px; } .wrapper-file-action .list-file-cv { padding-left: 10px; padding-right: 10px; width: 50%; float: left; } .wrapper-file-action .file-or-upload { padding-left: 10px; padding-right: 10px; } .file-or-upload { clear: both; color: var(--freeio-link-color); font-weight: 500; margin-bottom: 15px; } .project-widget-price .project-price { color: var(--freeio-link-color); font-weight: 700; font-size: 23px; line-height: 1.5; } @media (min-width: 1200px) { .project-widget-price .project-price { font-size: 28px; } } .project-widget-price .project-price .surfix:last-child { display: block; font-size: 0.9375rem; font-weight: normal; } .project-widget-price .btn { margin-top: 15px; } @media (min-width: 1200px) { .project-widget-price .btn { margin-top: 22px; } } .apus-mfp-zoom-in .mfp-content { background: #FFF; padding: 20px; text-align: left; max-width: 550px; margin: auto; position: relative; border-radius: 8px; } @media (min-width: 1200px) { .apus-mfp-zoom-in .mfp-content { padding: 35px; } } .apus-mfp-zoom-in .mfp-content .close-magnific-popup { position: absolute; top: 5px; right: 5px; line-height: 1; } @media (min-width: 1200px) { .apus-mfp-zoom-in .mfp-content .close-magnific-popup { top: 15px; right: 15px; } } .apus-mfp-zoom-in .mfp-content .widget-title { font-size: 22px; margin: 0 0 20px; font-weight: 500; } .apus-mfp-zoom-in .mfp-content .form-group { margin-bottom: 20px; } .apus-mfp-zoom-in .mfp-content .label-can-drag { margin-top: 10px; } .apus-mfp-zoom-in .mfp-content textarea.textarea { height: 120px; } .apus-mfp-zoom-in .mfp-content .btn-block { min-width: 220px; border-radius: 4px; } .apus-mfp-zoom-in .mfp-content .btn-block:after { content: "\f108"; line-height: 1; font-family: flaticon !important; display: inline-block; margin-left: 0.5rem; display: inline-block; vertical-align: middle; } .apus-mfp-zoom-in .mfp-content form { position: relative; } .apus-mfp-zoom-in .mfp-content form.loading:before { content: ''; background-position: center 200px; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .project-title { font-size: 17px; font-weight: 500; line-height: 1.65; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .project-item { background: #fff; border: 1px solid #E9E9E9; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 10px; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .project-item { margin-bottom: 1.875rem; } } .project-item .featured-text { position: absolute; z-index: 1; top: 15px; left: -35px; background: #5BBB7B; padding: 5px 40px; color: #fff; font-size: 14px; font-weight: 500; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .project-item .project-author { margin-bottom: 7px; } .project-item .project-author .employer-logo { display: none; } .project-item a[class*="favorite"] { position: absolute; z-index: 1; top: 15px; right: 15px; } @media (min-width: 1200px) { .project-item a[class*="favorite"] { top: 1.875rem; right: 1.875rem; } } .project-item .project-image { border-radius: 4px; overflow: hidden; } .project-item .project-information { padding: 10px; } @media (min-width: 1200px) { .project-item .project-information { padding: 15px 20px 10px; } } .project-item .project-category { font-size: 14px; margin: 0 0 5px; } .project-item .project-category a { color: var(--freeio-text-color); } .project-item .project-category a:hover, .project-item .project-category a:focus { color: var(--freeio-link-color); } .project-item .project-location { margin-top: 10px; } .project-item .project-location a { font-size: 14px; color: var(--freeio-text-color); } .project-item .project-location a:hover, .project-item .project-location a:focus { color: var(--freeio-link-color); } .project-item .project-price { color: var(--freeio-link-color); font-size: 17px; font-weight: 500; } .project-item .project-price .surfix:last-child { font-size: 14px; font-weight: normal; } .project-item .info-bottom { font-size: 14px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #E9E9E9; } .project-item .info-bottom .employer-logo .verified { display: none; } .project-item .info-bottom .project-price .surfix:last-child:before { content: ' /'; } .project-item:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .project-item:hover .btn { border-color: var(--freeio-theme-color); background: var(--freeio-theme-color); color: #fff; } .project-item.grid-v1:hover { border-color: #222; -webkit-box-shadow: 10px 10px 0 0 #FFEDE8; box-shadow: 10px 10px 0 0 #FFEDE8; } .project-list { padding: 0.9375rem; } @media (min-width: 992px) { .project-list { padding: 1.875rem; } } .project-list .employer-logo img { border-radius: 50%; overflow: hidden; width: 60px; height: 60px; } .project-list .information-right { padding-left: 20px; padding-right: 15px; width: 100%; } @media (max-width: 767px) { .project-list .information-right { padding: 15px 0 0; } } .project-list .information-right > div { width: 100%; } .project-list .information-right .project-tags { margin-top: 15px; } @media (min-width: 992px) { .project-list .information-right .inner-right { width: 35%; padding: 20px 0 20px 1.875rem; border-left: 1px solid #E9E9E9; text-align: right; } .project-list .information-right .inner-middle { width: 65%; padding-right: 1.875rem; } } .project-list .project-location { margin: 0; } .project-list .project-meta { margin-top: 12px; color: var(--freeio-link-color); } .project-list .project-excerpt { margin-top: 15px; } .project-list .project-metas { margin-top: 15px; font-size: 14px; } .project-list .project-metas i { font-size: 1rem; color: var(--freeio-second-color); line-height: 1; display: inline-block; vertical-align: middle; margin-right: 6px; } .project-list .project-metas > * { padding-right: 15px; margin-right: 15px; border-right: 1px solid #E9E9E9; } .project-list .project-metas > *:last-child { padding: 0; margin: 0; border: 0; } .project-list .project-price { line-height: 1.6; margin-bottom: 20px; } @media (min-width: 1200px) { .project-list .project-price { font-size: 20px; } } .project-list .project-price .surfix:last-child { display: block; } .project-list a[class*="favorite"] { top: 10px; right: 10px; } .project-list .employer-title { margin: 6px 0 0; font-size: 0.9375rem; font-weight: 500; } .project-list .employer-title a { color: var(--freeio-theme-color); } .project-list.v1 { border-radius: 8px; } .project-list.v1 .information-right .inner-middle { width: 100%; padding: 0; } @media (min-width: 1200px) { .project-list.v1 a[class*="favorite"] { top: 20px; right: 20px; } } .project-author a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .project-author a .employer-logo { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; } .content-job-detail { max-width: 930px; margin-left: auto; margin-right: auto; } .header-detail-job { margin-left: auto; margin-right: auto; padding: 1.875rem 0; background: url("../images/freelancer-detail.jpg") no-repeat center center/auto 100%; max-width: 1700px; } @media (min-width: 1200px) { .header-detail-job { padding: 90px 0; border-radius: 16px; } } .header-detail-job .employer-title { font-weight: 500; font-size: 0.9375rem; margin: 0; } .header-detail-job .employer-title a { color: var(--freeio-theme-color); } .header-detail-job .service-metas-detail { margin-top: 15px; } .header-detail-job .job-thumbnail img { display: block; overflow: hidden; width: 100px; height: 100px; border-radius: 50%; } .header-detail-job .job-thumbnail + .job-information { padding-left: 20px; } .header-detail-job .job-thumbnail .verified { left: 12px; } .header-detail-job .title-wrapper { margin-bottom: 7px; } .header-detail-job .deadline-time { font-size: 14px; } .header-detail-job .deadline-time strong { display: block; font-size: 0.9375rem; color: var(--freeio-link-color); font-weight: 500; } @media (max-width: 767px) { .header-detail-job .action { padding-top: 15px; } } .header-detail-job .btn-apply { white-space: nowrap; margin-top: 10px; width: 100%; border-color: var(--freeio-second-color); background-color: var(--freeio-second-color); color: #fff; border-radius: 4px; } @media (min-width: 1200px) { .header-detail-job .btn-apply { min-width: 220px; } } .header-detail-job .btn-apply:hover, .header-detail-job .btn-apply:focus { background-color: #222222; border-color: #222222; color: #fff; } .job-detail-title { font-size: 17px; font-weight: 500; } @media (min-width: 1200px) { .job-detail-title { font-size: 20px; } } .job-title { font-size: 17px; font-weight: 500; line-height: 1.65; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .filled-text { display: inline-block; color: var(--freeio-theme-color); background: var(--freeio-theme-color-015); border-radius: 30px; padding: 1px 20px; font-size: 13px; } .job-item { border: 1px solid #E9E9E9; border-radius: 4px; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 0.9375rem 0.9375rem 5px; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .job-item { margin-bottom: 1.875rem; padding: 1.875rem 1.875rem 18px; } } .job-item .employer-logo { width: 60px; margin-right: 20px; } .job-item .employer-logo a { display: block; overflow: hidden; border-radius: 50%; width: 60px; height: 60px; } .job-item .employer-title { font-weight: 500; font-size: 0.9375rem; margin: 0; } .job-item .employer-title a { color: var(--freeio-theme-color); } .job-item a[class*="favorite"] { position: absolute; z-index: 1; top: 10px; right: 10px; } @media (min-width: 1200px) { .job-item a[class*="favorite"] { top: 20px; right: 20px; } } .job-item a[class*="favorite"] span { display: none !important; } .job-item .job-information { margin-top: 18px; } .job-item .job-metas { font-size: 14px; line-height: 1.1; margin-top: 15px; } @media (min-width: 1200px) { .job-item .job-metas { margin-top: 25px; } } .job-item .job-metas a { color: var(--freeio-text-color); } .job-item .job-metas a:hover, .job-item .job-metas a:focus { color: var(--freeio-link-color); } .job-item .job-metas > * { padding-right: 10px; margin-right: 10px; border-right: 1px solid #E9E9E9; margin-bottom: 10px; display: inline-block; } .job-item .job-metas > *:last-child { border: 0; padding: 0; margin-right: 0; } .job-item:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .job-item.st-small { margin-bottom: 15px; padding: 15px; } .job-item.st-small .job-title { font-size: 0.9375rem; line-height: 1.4; } .job-item.st-small .job-metas { margin-top: 10px; } .job-item.st-small .job-metas > * { margin-bottom: 5px; } .job-item.st-small .job-list-content { margin-top: 10px; } .job-item.item-grid .job-salary { margin-top: 5px; font-weight: 500; color: var(--freeio-link-color); font-size: 14px; } @media (min-width: 1200px) { .job-item.item-grid .job-metas { margin-top: 15px; } } .job-list .employer-title { margin: 5px 0 0; } .job-list .job-metas { margin-top: 20px; } @media (max-width: 767px) { .job-list .job-information-right { margin-top: 10px; } } .category-banner-inner, .category-banner-inner .banner-image, .category-banner-inner .number, .category-banner-inner .des, .category-banner-inner .title { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .category-banner-inner.style1 { background: #fff; border-radius: 4px; padding: 10px; margin-bottom: 0.9375rem; display: block; } @media (min-width: 1200px) { .category-banner-inner.style1 { padding: 1.875rem; } } .category-banner-inner.style1 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: var(--freeio-second-color); position: relative; z-index: 1; margin-bottom: 25px; } @media (min-width: 1200px) { .category-banner-inner.style1 .banner-image { margin-bottom: 40px; } } .category-banner-inner.style1 .banner-image:before { content: ''; position: absolute; bottom: -10px; right: -20px; z-index: -1; display: block; width: 40px; height: 40px; background: #FBF7ED; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .category-banner-inner.style1 .number { margin-bottom: 6px; color: var(--freeio-link-color); } .category-banner-inner.style1 .title { font-size: 0.9375rem; font-weight: 500; margin: 0; } @media (min-width: 1200px) { .category-banner-inner.style1 .title { font-size: 20px; } } .category-banner-inner.style1 .des { margin-top: 10px; color: var(--freeio-text-color); } @media (max-width: 767px) { .category-banner-inner.style1 .des { display: none; } } .category-banner-inner.style1:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .category-banner-inner.style5 { background: #fff; border: 1px solid #E9E9E9; border-radius: 4px; padding: 10px; margin-bottom: 0.9375rem; display: block; } @media (min-width: 1200px) { .category-banner-inner.style5 { padding: 1.875rem; border-radius: 12px; } } .category-banner-inner.style5 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: #266464; position: relative; z-index: 1; margin-bottom: 25px; } @media (min-width: 1200px) { .category-banner-inner.style5 .banner-image { margin-bottom: 40px; } } .category-banner-inner.style5 .banner-image:before { content: ''; position: absolute; bottom: -10px; right: -20px; z-index: -1; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; } .category-banner-inner.style5 .number { margin-bottom: 6px; color: var(--freeio-link-color); } .category-banner-inner.style5 .title { font-size: 0.9375rem; font-weight: 500; margin: 0; } @media (min-width: 1200px) { .category-banner-inner.style5 .title { font-size: 20px; } } .category-banner-inner.style5:hover { background: #266464; border-color: transparent; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .category-banner-inner.style5:hover, .category-banner-inner.style5:hover .title, .category-banner-inner.style5:hover .number, .category-banner-inner.style5:hover .banner-image { color: #fff; } .category-banner-inner.style6 { text-align: center; background: #fff; border-radius: 4px; padding: 10px; margin-bottom: 0.9375rem; display: block; } @media (min-width: 1200px) { .category-banner-inner.style6 { padding: 1.875rem; } } .category-banner-inner.style6 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: var(--freeio-second-color); margin-bottom: 15px; } @media (min-width: 1200px) { .category-banner-inner.style6 .banner-image { margin-bottom: 25px; } } .category-banner-inner.style6 .number { margin-bottom: 6px; color: var(--freeio-link-color); } .category-banner-inner.style6 .title { font-size: 0.9375rem; font-weight: 500; margin: 0; } @media (min-width: 1200px) { .category-banner-inner.style6 .title { font-size: 17px; } } .category-banner-inner.style6:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .category-banner-inner.style7 { background: #fff; border-radius: 4px; padding: 10px; margin-bottom: 0.9375rem; display: block; position: relative; overflow: hidden; } @media (min-width: 1200px) { .category-banner-inner.style7 { padding: 1.875rem; border-radius: 8px; } } .category-banner-inner.style7:before { content: ''; width: 100%; height: 6px; background: #222222; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .category-banner-inner.style7 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: var(--freeio-second-color); position: relative; z-index: 1; margin-bottom: 25px; } @media (min-width: 1200px) { .category-banner-inner.style7 .banner-image { margin-bottom: 40px; } } .category-banner-inner.style7 .banner-image:before { content: ''; position: absolute; bottom: -10px; right: -20px; z-index: -1; display: block; width: 40px; height: 40px; background: #FBF7ED; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .category-banner-inner.style7 .number { margin-bottom: 6px; color: var(--freeio-link-color); } .category-banner-inner.style7 .title { font-size: 0.9375rem; font-weight: 500; margin: 0; } @media (min-width: 1200px) { .category-banner-inner.style7 .title { font-size: 20px; } } .category-banner-inner.style7 .des { margin-top: 10px; color: var(--freeio-text-color); } @media (max-width: 767px) { .category-banner-inner.style7 .des { display: none; } } .category-banner-inner.style7:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .category-banner-inner.style7:hover:before { opacity: 1; filter: alpha(opacity=100); } .category-banner-inner.style2 { background: rgba(34, 34, 34, 0.5); color: #fff; position: relative; display: block; border-radius: 16px; overflow: hidden; } .category-banner-inner.style2 .banner-image:before { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.7), transparent); } .category-banner-inner.style2 .banner-image img { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .category-banner-inner.style2 .title { font-size: 17px; font-weight: 500; color: #fff; margin: 0; line-height: 1.6; } .category-banner-inner.style2 .number { margin-bottom: 6px; } .category-banner-inner.style2 .inner { padding: 0.9375rem; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } @media (min-width: 1200px) { .category-banner-inner.style2 .inner { padding: 1.875rem; } } .category-banner-inner.style2:hover .banner-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .category-banner-inner.style3 { background: #fff; border-radius: 4px; padding: 0.9375rem; margin-bottom: 0.9375rem; border: 1px solid #E9E9E9; display: block; } @media (min-width: 1200px) { .category-banner-inner.style3 { padding: 1.875rem; margin-bottom: 1.875rem; } } @media (min-width: 768px) { .category-banner-inner.style3 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: start; } } .category-banner-inner.style3 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: var(--freeio-second-color); position: relative; z-index: 1; width: 60px; flex-shrink: 0; } .category-banner-inner.style3 .banner-image:before { content: ''; position: absolute; bottom: -10px; right: 0; z-index: -1; display: block; width: 40px; height: 40px; background: #FBF7ED; border-radius: 50%; } .category-banner-inner.style3 .banner-image + .inner { padding: 15px 0 0; } @media (min-width: 768px) { .category-banner-inner.style3 .banner-image + .inner { flex-grow: 1; padding: 0 0 0 20px; } } .category-banner-inner.style3 .number { margin-bottom: 6px; color: var(--freeio-link-color); } .category-banner-inner.style3 .title { font-size: 0.9375rem; line-height: 1.5; font-weight: 500; margin: 0; } @media (min-width: 768px) { .category-banner-inner.style3 .title { font-size: 17px; } } .category-banner-inner.style3 .des { margin-top: 10px; color: var(--freeio-text-color); } .category-banner-inner.style3:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .category-banner-inner.style4 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .category-banner-inner.style4 { margin-bottom: 1.875rem; } } .category-banner-inner.style4 .banner-image { display: inline-block; line-height: 1; font-size: 40px; color: var(--freeio-second-color); position: relative; z-index: 1; flex-shrink: 0; text-align: center; width: 80px; height: 80px; overflow: hidden; border-radius: 4px; } .category-banner-inner.style4 .banner-image + .inner { flex-grow: 1; padding-left: 10px; } @media (min-width: 768px) { .category-banner-inner.style4 .banner-image + .inner { padding-left: 20px; } } .category-banner-inner.style4 .number { margin-top: 3px; font-size: 14px; color: var(--freeio-text-color); } .category-banner-inner.style4 .title { font-size: 0.9375rem; line-height: 1.5; font-weight: 500; margin: 0; } @media (min-width: 768px) { .category-banner-inner.style4 .title { font-size: 17px; } } .category-banner-inner.style4 .inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-direction: column-reverse; } .category-banner-inner.style4:hover .title { color: var(--freeio-theme-color); } .top-widget-info { margin-bottom: 1.875rem; } @media (min-width: 1200px) { .top-widget-info { margin-bottom: 3.75rem; } } .top-widget-info .widget-title { font-size: 23px; margin: 0; } @media (min-width: 768px) { .top-widget-info .widget-title { font-size: 25px; } } @media (min-width: 1200px) { .top-widget-info .widget-title { font-size: 32px; } } .top-widget-info .des { margin-top: 5px; color: var(--freeio-text-color); } .top-widget-info .inner-left + .view_more, .top-widget-info .inner-left + .nav { width: auto; margin-left: auto; } @media (max-width: 1199px) { .top-widget-info .inner-left + .view_more, .top-widget-info .inner-left + .nav { margin-top: 10px; } } .top-info-widget { margin: 0 0 25px; } .top-info-widget .title { font-size: 20px; font-weight: 500; margin: 0; } @media (max-width: 575px) { .top-info-widget .ms-auto { margin-top: 5px; } } .nav-categories { border: 0 !important; width: 100%; } .nav-categories > li + li { margin-left: 5px; } .nav-categories > li > a { display: inline-block; border: 1px solid transparent; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border-radius: 40px; padding: 6px 20px; font-weight: 500; font-size: 14px; color: var(--freeio-link-color); } .nav-categories > li > a:hover, .nav-categories > li > a:focus, .nav-categories > li > a.active { color: var(--freeio-theme-color); -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border-color: #E9E9E9; } .bottom-remore { margin-top: 0.9375rem; } @media (min-width: 1200px) { .bottom-remore { margin-top: 1.875rem; } } .btn-small { padding-top: 9px; padding-bottom: 9px; } .currencies-wrapper { position: relative; } .currencies-wrapper .dropdown-toggle { position: relative; font-size: 14px; display: inline-block; padding: 7px 20px; border-radius: 4px; background: rgba(255, 255, 255, 0.05); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .currencies-wrapper .dropdown-toggle i { margin-left: 5px; display: inline-block; } .currencies-wrapper .dropdown-toggle:before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 10px; } .currencies-wrapper .dropdown-menu { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 14px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); padding: 15px 20px; border: 1px solid #E9E9E9; border-radius: 4px; margin-bottom: 10px !important; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); position: absolute; left: 0; bottom: 100%; opacity: 0; filter: alpha(opacity=0); display: block; min-width: 130px; visibility: hidden; } .currencies-wrapper .dropdown-menu:before { content: ''; position: absolute; top: 100%; left: 20px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .currencies-wrapper:hover .dropdown-menu { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; } .currencies-wrapper:hover .dropdown-toggle { color: var(--freeio-theme-color); } .currencies-wrapper .currencies { padding: 0; margin: 0; list-style: none; } .currencies-wrapper .currencies li { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-bottom: 1px; } .currencies-wrapper .currencies li:hover, .currencies-wrapper .currencies li.active { color: var(--freeio-theme-color); } .currencies-wrapper .currencies li:last-child { margin-bottom: 0; } .currencies-wrapper label { font-weight: 400; cursor: pointer; margin: 0; width: 100%; display: inline-block; } .project-detail-proposals { margin-bottom: 1.875rem; } .project-detail-proposals .title { font-size: 20px; font-weight: 500; margin: 0 0 25px; } .item-proposal { background: #fff; margin-bottom: 20px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: 1px solid #E9E9E9; border-radius: 4px; padding: 0.9375rem; } .item-proposal:last-child { margin-bottom: 0; } @media (min-width: 1200px) { .item-proposal { padding: 1.875rem; } } .item-proposal .freelancer-logo { width: 60px; } @media (min-width: 576px) { .item-proposal .freelancer-logo { width: 90px; } } .item-proposal .freelancer-logo a { display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } @media (min-width: 576px) { .item-proposal .freelancer-logo a { width: 90px; height: 90px; } } .item-proposal .service-information { padding-left: 10px; } @media (min-width: 576px) { .item-proposal .service-information { padding-left: 20px; } } .item-proposal .amount { padding: 10px 0 0; color: var(--freeio-link-color); } @media (min-width: 576px) { .item-proposal .amount { padding: 0 0 0 15px; text-align: right; width: 18%; } } .item-proposal .price-wrapper { font-size: 17px; font-weight: 500; line-height: 1.3; } @media (min-width: 1200px) { .item-proposal .price-wrapper { font-size: 20px; } } .item-proposal .freelancer-metas { margin-top: 10px; font-size: 14px; line-height: 1.2; } .item-proposal .freelancer-metas .with-icon i { font-size: 1rem; color: var(--freeio-second-color); line-height: 1; display: inline-block; vertical-align: middle; margin-right: 6px; } .item-proposal .freelancer-metas > * { margin: 0 10px 5px 0; } @media (min-width: 576px) { .item-proposal .freelancer-metas > * { padding-right: 15px; margin: 0 15px 0 0; border-right: 1px solid #E9E9E9; } } .item-proposal .freelancer-metas > *:last-child { padding: 0; margin: 0; border: 0; } .item-proposal .info-description { margin-top: 10px; color: var(--freeio-link-color); } .item-proposal:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); } .service-add-to-cart { position: relative; } .service-add-to-cart.loading:before { content: ''; background-position: center 200px; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .job-table { border: 0; margin: 0; } .job-table .title-wrapper { margin-bottom: 10px; } .job-table .title-wrapper img { border-radius: 50%; max-width: 40px; } .job-table .job-table-info-content-title { font-size: 15px; font-weight: 500; } @media (min-width: 768px) { .job-table .job-table-info-content-title { font-size: 18px; } } .job-table .job-table-info { min-width: 200px; } .job-table .pl-10 { padding-left: 20px; position: relative; } .job-table .pl-10:before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: gainsboro; position: absolute; top: 10px; left: 0; } .job-table td, .job-table th { padding: 15px; border-width: 0 0 1px; border-style: solid; border-color: #E9E9E9; } .job-table td:first-child, .job-table th:first-child { padding-left: 0; } .job-table td:last-child, .job-table th:last-child { padding-right: 0; } .job-table th { color: var(--freeio-link-color); } .job-table tbody tr:last-child td { border: 0; } .job-table .price-wrapper { font-weight: 500; color: var(--freeio-link-color); font-size: 17px; } .job-table .price-wrapper .surfix { font-weight: normal; font-size: 14px; display: block; line-height: 1; color: var(--freeio-text-color); } .job-table .price-type { font-weight: normal; font-size: 14px; display: block; line-height: 1; color: var(--freeio-text-color); } .job-table .project-proposals-count { color: #198754; font-weight: 500; } .job-table td.job-table-action { min-width: 150px; } @media (min-width: 1200px) { .job-table td.job-table-action .btn { min-width: 115px; } } .job-table .logo-job { margin: 0 0 10px; } @media (min-width: 768px) { .job-table .logo-job { margin: 0 20px 0 0; } } .job-table .logo-job img { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; } .job-table .alert-query strong.text { font-weight: 400; } .job-table .alert-query .value { font-weight: 500; color: var(--freeio-link-color); } .listing-metas { margin-top: 5px; font-size: 14px; } .listing-metas i { color: var(--freeio-second-color); margin-right: 5px; display: inline-block; font-size: 1rem; line-height: 1; } .listing-metas > * { margin-right: 10px; } @media (min-width: 1200px) { .listing-metas > * { margin-right: 20px; } } .listing-metas > *:last-child { margin-right: 0; } .message-notification { position: relative; display: inline-block; line-height: 1; vertical-align: middle; } .message-notification i { line-height: 1; font-size: 18px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .message-notification .unread-count { display: inline-block; min-width: 17px; text-align: center; padding: 3px; line-height: 1; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 500; color: #fff; background: var(--freeio-second-color) !important; position: absolute; top: -10px; right: -10px; } .message-top { position: relative; } .message-top .notifications-wrapper { min-width: 330px; position: absolute; top: 100%; background-color: #fff; padding: 15px 20px; border-radius: 8px; border: 1px solid #E9E9E9; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .message-top .notifications-wrapper.left { left: 0; } .message-top .notifications-wrapper.right { right: 0; } .message-top .notifications-wrapper.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .message-top .notifications-wrapper ul { list-style: decimal inside; padding: 0; margin: 0; } .message-top .notifications-wrapper ul li { position: relative; margin-bottom: 5px; padding-right: 30px; } .message-top .notifications-wrapper ul li:last-child { margin-bottom: 0; } .message-top .notifications-wrapper ul li:hover .remove-notify-btn { color: #fff; background-color: #dc3545; } .message-top .notifications-wrapper .remove-notify-btn { position: absolute; top: 4px; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -ms-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; font-size: 10px; color: #dc3545; width: 20px; height: 20px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 50%; } .message-top .notifications-wrapper .remove-notify-btn:hover, .message-top .notifications-wrapper .remove-notify-btn:focus { color: #fff; background-color: #dc3545; } .widget-delete { max-width: 680px; } .widget-delete .undone-messages { color: var(--freeio-link-color); margin-bottom: 25px; } .widget-delete .conf-deleted { margin-bottom: 15px; } @media (min-width: 1200px) { .widget-delete .form-group { margin-bottom: 30px; } } .btn-invite-freelancer { padding: 0.5rem 0.9375rem; border-radius: 4px; font-size: 0.82031rem; } .invite-freelancer-form-wrapper .title-wrapper, .invite-freelancer-form-wrapper .des { margin-bottom: 10px; } .invite-freelancer-form-wrapper .btn { padding: 10px 25px; } .invite-freelancer-form-wrapper [type="checkbox"] { margin-right: 5px; margin-top: -4px; vertical-align: middle; } .invite-freelancer-form-wrapper .checklist { list-style: none; padding: 0; margin: 0 0 10px; } .invite-freelancer-form-wrapper .checklist li { margin-bottom: 5px; color: var(--freeio-link-color); } .invite-freelancer-form-wrapper .checklist li:last-child { margin-bottom: 0; } .dashboard-notifications-wrapper { position: relative; } .dashboard-notifications-wrapper ul { list-style: none; padding: 0; margin: 0; } .dashboard-notifications-wrapper ul li { margin-bottom: 15px; padding-left: 48px; position: relative; } .dashboard-notifications-wrapper ul li:last-child { margin-bottom: 0; } .dashboard-notifications-wrapper ul .icons { position: absolute; top: 0; left: 0; display: inline-block; width: 35px; height: 35px; font-size: 14px; border-radius: 50%; text-align: center; line-height: 35px; color: var(--freeio-theme-color); background-color: var(--freeio-theme-color-015); } .dashboard-notifications-wrapper ul .icons.flaticon-delete { color: #dc3545; background: rgba(220, 53, 69, 0.1); } .dashboard-notifications-wrapper ul .text a { font-weight: 500; } .freelancer-history-service .price-wrapper { font-weight: 500; color: var(--freeio-link-color); font-size: 17px; } .freelancer-history-service #proposal_status, .freelancer-history-service #service_order_status { width: 100%; padding: 8px 15px; height: 50px; border: 1px solid #E9E9E9; border-radius: 8px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background: url("../images/select.png") #fff right 15px center no-repeat; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .freelancer-history-service .information-right .inner-right { width: 25%; } } @media (max-width: 575px) { .freelancer-history-service .freelancer-item .information-right { padding: 15px 0 0; } } @media (min-width: 1200px) { .freelancer-favorite-wrapper .information-right .inner-right { width: 25%; } } .project-details-history .inner-title, .service-details-history .inner-title { margin: 0 0 20px; font-size: 0.9375rem; font-weight: 500; color: var(--freeio-text-color); } .project-details-history .title-wrapper, .service-details-history .title-wrapper { margin-bottom: 10px; } .project-details-history .project-tittle, .project-details-history .service-tittle, .service-details-history .project-tittle, .service-details-history .service-tittle { font-size: 17px; font-weight: 500; } @media (min-width: 1200px) { .project-details-history .project-tittle, .project-details-history .service-tittle, .service-details-history .project-tittle, .service-details-history .service-tittle { font-size: 23px; } } .project-details-history .price-wrapper, .service-details-history .price-wrapper { font-weight: 500; color: var(--freeio-link-color); font-size: 17px; } .label-can-drag { display: inline-block; } .upload-file-btn-wrapper [type="file"] { display: none; } .upload-file-btn { cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-weight: 500; color: var(--freeio-second-color); display: inline-block; padding: 15px 1.875rem; border: 1px dashed var(--freeio-second-color); background: #FFEDE8; border-radius: 8px; } .upload-file-btn:hover, .upload-file-btn:focus { background: #ffd9cf; } .upload-file-btn .close { color: #dc3545; margin-left: 7px; } .upload-file-btn .text-inner + .text-inner { margin-left: 15px; } .popup-title-wrapper { margin-bottom: 20px; } .popup-title-wrapper .popup-title { margin: 0; font-size: 18px; } .popup-title-wrapper .close-popup { cursor: pointer; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .popup-title-wrapper .close-popup:hover, .popup-title-wrapper .close-popup:focus { color: #dc3545; } .meesage-meeting { margin-bottom: 10px; } @media (min-width: 1200px) { .meesage-meeting { margin-bottom: 20px; } } .meesage-meeting:last-child { margin-bottom: 0; } .meesage-meeting h5 { margin: 0; color: var(--freeio-second-color); font-size: 1rem; } .meesage-meeting .date { color: var(--freeio-second-color); } .meesage-meeting .heading { padding: 10px 15px; background-color: var(--freeio-theme-color-010); } .meesage-meeting .content { padding: 15px; border-width: 0 1px 1px; border-style: solid; border-color: var(--freeio-theme-color-010); } .meeting-wrapper { margin-bottom: 15px; padding: 15px; border: 1px solid #E9E9E9; border-radius: 4px; } @media (min-width: 1200px) { .meeting-wrapper { margin-bottom: 1.875rem; padding: 20px; } } .meeting-wrapper:last-child { margin-bottom: 0; } .meeting-wrapper .day { background-color: var(--freeio-theme-color); color: #fff; padding: 15px 5px; font-weight: 700; font-size: 25px; line-height: 1; } .meeting-wrapper .bottom-date { white-space: nowrap; padding: 5px; } .meeting-wrapper .date { overflow: hidden; border-radius: 4px; background-color: var(--freeio-theme-color-007); width: 100%; } .meeting-wrapper .title-wrapper { margin-bottom: 5px; } @media (min-width: 768px) { .meeting-wrapper .date { width: 120px; } .meeting-wrapper .date + .righ-inner { padding-left: 30px; width: calc(100% - 115px); } .meeting-wrapper .righ-inner .information { width: 70%; } .meeting-wrapper .righ-inner .action-button { width: 30%; text-align: right; } } .meeting-wrapper .title { font-weight: 500; font-size: 18px; } .meeting-wrapper .meta-bottom { font-size: 15px; font-weight: 500; } .meeting-wrapper .meta-bottom strong { font-weight: 500; } @media (max-width: 767px) { .meeting-wrapper .information { margin: 15px 0; } } .nav-payouts { padding: 5px; background: #FFEDE8; border-radius: 45px; margin: 0 0 1.875rem; list-style: none; border: 0; } .nav-payouts li { margin: 0; } .nav-payouts a { display: inline-block; padding: 5px 30px; background: transparent; font-size: 14px; font-weight: 500; color: #1F4B3F; cursor: pointer; margin: 0; position: relative; border-radius: 35px; } .nav-payouts a.active { color: var(--freeio-link-color); background: #fff; } form.my-jobs .search-submit { padding: 9px 15px; } form.my-jobs .middle-search { margin: 0 20px; } @media (max-width: 575px) { form.my-jobs .middle-search { margin: 0.9375rem 0 0; } form.my-jobs .middle-search .select2-container { width: 100% !important; } } .job-applicants { margin-bottom: 1.875rem; } .job-applicants .heading { margin-bottom: 20px; } @media (min-width: 1200px) { .job-applicants .heading .job-title { font-size: 22px; } } .job-applicants .inner-result { color: var(--freeio-link-color); } .job-applicants .inner-result .number { font-weight: 500; } .job-applicants .inner-result > div { margin-right: 15px; } .job-applicants .inner-result > div:last-child { margin-right: 0; } @media (max-width: 575px) { .job-applicants .applicant-action-button, .job-applicants .inner-result { margin-top: 10px; } .job-applicants .job-item { padding: 0.9375rem; } } .job-applicants .applicants-job + .applicants-job { margin-top: 20px; } .action-preview { margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .action-preview { margin-bottom: 1.875rem; } } .action-preview .btn + .btn { margin-left: 15px; } form.cmb-form + .single-listing-wrapper { padding: 20px; border-radius: 4px; margin-bottom: 0.9375rem; } @media (min-width: 1200px) { form.cmb-form + .single-listing-wrapper { margin-bottom: 1.875rem; } } form.cmb-form + .single-listing-wrapper .container { padding-right: 0.9375rem; padding-left: 0.9375rem; } .addons-wrapper { padding: 0; margin: 0; list-style: none; } .addons-wrapper .addon-select-item { margin: 0 0 20px; position: relative; } .addons-wrapper .addon-select-item:last-child { margin-bottom: 0; } .addons-wrapper [type="checkbox"] { position: absolute; top: 16px; left: 15px; width: 16px; height: 16px; border: 2px solid #E9E9E9; border-radius: 4px; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; } @media (min-width: 1200px) { .addons-wrapper [type="checkbox"] { top: 31px; left: 30px; } } .addons-wrapper [type="checkbox"]:checked { background-color: var(--freeio-second-color); border-color: var(--freeio-second-color); background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px; } .addons-wrapper [type="checkbox"]:checked + label { border-color: var(--freeio-second-color); } .addons-wrapper label { cursor: pointer; display: block; width: 100%; border: 1px solid #E9E9E9; border-radius: 4px; padding: 0.9375rem 0.9375rem 0.9375rem 40px; color: var(--freeio-link-color); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 1200px) { .addons-wrapper label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } } @media (min-width: 1200px) { .addons-wrapper label { padding: 1.875rem 1.875rem 1.875rem 3.75rem; } } .addons-wrapper label .title { font-weight: 500; font-size: 0.9375rem; margin: 0 0 3px; } .addons-wrapper label:hover { border-color: var(--freeio-second-color); } .addons-wrapper .price { font-weight: 700; font-size: 18px; margin-top: 10px; } @media (min-width: 1200px) { .addons-wrapper .price { font-size: 28px; margin: 0 0 0 auto; } } .widget-favorite-tabs .tab-content { margin-bottom: -0.9375rem; } @media (min-width: 1200px) { .widget-favorite-tabs .tab-content { margin-bottom: -1.875rem; } } .widget-favorite-tabs .not-found { margin-bottom: 0.9375rem; } @media (min-width: 1200px) { .widget-favorite-tabs .not-found { margin-bottom: 1.875rem; } } .user-short-profile-top { margin-bottom: 0.9375rem; margin-top: 0.9375rem; padding: 0 20px; } @media (min-width: 1200px) { .user-short-profile-top { margin-bottom: 1.875rem; margin-top: 1.875rem; padding: 0 1.875rem; } } .user-short-profile-top .user-logo img { width: 90px; height: 90px; border-radius: 50%; } .user-short-profile-top .balance-available { font-weight: 500; font-size: 16px; line-height: 1.5; } .user-short-profile-top .title { margin: 0 0 5px; font-weight: 500; font-size: 18px; } .user-short-profile-top .inner { padding-left: 15px; } @media (min-width: 1200px) { .user-short-profile-top .inner { padding-left: 20px; } } .user-short-profile-top .view-profile { text-decoration: underline; font-size: 14px; font-weight: 500; } .topmenu-menu a.switch-user-role { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; align-items: center; } .topmenu-menu a.switch-user-role i { flex-shrink: 0; font-size: 20px; height: 20px; } .topmenu-menu a.switch-user-role .role { font-weight: 400; font-size: 13px; } .topmenu-menu a.switch-user-role.loading i { animation: rotate_icon 1000ms linear 0s normal none infinite running; -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running; opacity: 0.7; filter: alpha(opacity=70); } .job-table .value { color: var(--freeio-link-color); font-weight: 500; } .job-table .lists-info { list-style-position: inside; padding: 0; } .widget-your-packages ul { list-style: none; padding: 0; margin: 0 0 15px; overflow: hidden; width: 100%; clear: both; } .widget-your-packages ul li { margin-bottom: 15px; } @media (min-width: 768px) { .widget-your-packages ul li { width: 50%; float: left; } } .widget-your-packages ul [type="radio"] { margin-right: 5px; } .widget-your-packages ul [type="radio"]:checked + label { color: var(--freeio-theme-color); } .widget-your-packages ul label { font-weight: 500; cursor: pointer; color: var(--freeio-link-color); margin: 0; } .job-single-expired { margin: 1.875rem 0; } @media (min-width: 1200px) { .job-single-expired { margin: 100px 0; } } .addons-list { list-style: decimal; padding: 0 0 0 1.875rem; } .addons-list .title { font-size: 0.9375rem; margin: 0 0 5px; } .addons-list .price { font-weight: 500; color: var(--freeio-link-color); font-size: 17px; } .addons-list li { margin-bottom: 20px; } .addons-list li:last-child { margin-bottom: 0; } .cmb-form { position: relative; } .cmb-form.loading:before { content: ''; background-position: center 120px; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } #jobs-google-maps.type-freelancer .leaflet-popup-content { max-width: 450px; width: 450px !important; } .freelancer-popup-item { padding: 20px; border-radius: 12px; } .freelancer-popup-item .freelancer-logo { border-radius: 50%; overflow: hidden; margin: 0; } .freelancer-popup-item .inner-right { padding-left: 20px; } .freelancer-popup-item a { color: var(--freeio-link-color); } .freelancer-popup-item a:hover, .freelancer-popup-item a:focus { color: var(--freeio-theme-color); } .freelancer-popup-item .freelancer-information { margin-top: 5px; font-weight: 500; color: var(--freeio-link-color); font-size: 15px; } .freelancer-popup-item .freelancer-information > * { display: inline-block; vertical-align: top; margin-right: 5px; } @media (min-width: 1200px) { .freelancer-popup-item .freelancer-information > * { margin-right: 12px; } } .freelancer-popup-item .freelancer-information > *:last-child { margin-right: 0; } .freelancer-popup-item .freelancer-information i { font-size: 1rem; margin-right: 2px; vertical-align: middle; } .freelancer-popup-item .freelancer-job { color: var(--freeio-text-color); } .freelancer-popup-item .rating-reviews .text { display: none; } .freelancer-single.v3 .sidebar-service, .freelancer-single.v2 .sidebar-service { margin-top: 0; } .header-detail-freelancer.v2 { padding: 0.9375rem; min-height: 0; background: #FFEDE8; border-radius: 8px; } @media (min-width: 1200px) { .header-detail-freelancer.v2 { background: #FFEDE8 url("../images/freelancer-v2.jpg") no-repeat center center/100%; padding: 70px 50px; border-radius: 16px; } } .header-detail-freelancer.v3 { padding: 0; background: none; border-radius: 0; min-height: 0; } .freelancer-detail-version-v3 { background: #F1FCFA; } .freelancer-detail-version-v3 .single-listing-wrapper { background: transparent; } .freelancer-single.v3 .freelancer-detail-detail { border-top: 1px solid #E9E9E9; padding-top: 0.9375rem; margin-top: 0.9375rem; } @media (min-width: 1200px) { .freelancer-single.v3 .freelancer-detail-detail { padding-top: 1.875rem; margin-top: 1.875rem; } } .freelancer-single.v3 .freelancer-detail-detail .details .text { font-size: 15px; } .freelancer-single.v3 .content-main-service > div:not(.widget-open-services) { background: #fff; margin: 0 0 20px; padding: 15px; border-radius: 8px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border: 1px solid #E9E9E9; } @media (min-width: 1200px) { .freelancer-single.v3 .content-main-service > div:not(.widget-open-services) { padding: 1.875rem; margin-bottom: 1.875rem; border-radius: 12px; } } .freelancer-single.v3 .content-main-service > div.sidebar-wrapper { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0; border-radius: 0; border: 0; } .freelancer-single.v3 .content-main-service .widget-open-services { padding: 0; border: 0; margin: 0 0 0.9375rem; } @media (min-width: 1200px) { .freelancer-single.v3 .content-main-service .widget-open-services { margin-bottom: 1.875rem; } } .project-grid-v2 { padding: 0.9375rem; } @media (min-width: 1200px) { .project-grid-v2 { border-radius: 12px; padding: 1.875rem; } } .project-grid-v2 .logo { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; } .project-grid-v2 .project-metas { font-size: 14px; color: var(--freeio-link-color); padding-left: 10px; } .project-grid-v2 .project-metas .project-location a { color: var(--freeio-link-color); } .project-grid-v2 .project-metas .project-location a:hover, .project-grid-v2 .project-metas .project-location a:focus { color: var(--freeio-theme-color); } .project-grid-v2 .project-metas > div { margin: 0 10px 0 0; } .project-grid-v2 .project-metas > div:last-child { margin-right: 0; } .project-grid-v2 .project-metas i { font-size: 1rem; margin-right: 2px; vertical-align: middle; } .project-grid-v2 .info { padding-top: 10px; } .project-grid-v2 .project-excerpt { color: var(--freeio-link-color); margin-top: 10px; } .project-grid-v2 .project-skills { margin-top: 15px; } .project-grid-v2 .project-skills .count-more-skills { display: none; } .project-grid-v2 .project-price { margin-top: 10px; } @media (min-width: 1200px) { .project-grid-v2 .project-price .amount { font-size: 20px; } } .project-grid-v2 .project-price .surfix:before { content: ' / '; } .project-grid-v2 .btn { margin-top: 10px; } @media (min-width: 1200px) { .project-grid-v2 .btn { border-radius: 12px; } } .project-single.v3 .sidebar-service, .project-single.v2 .sidebar-service { margin-top: 0; } .header-detail-project.v2 { padding: 0.9375rem; background: #FFEDE8; border-radius: 8px; } @media (min-width: 1200px) { .header-detail-project.v2 { background: #FFEDE8 url("../images/project-detail1.jpg") no-repeat center center/100%; padding: 80px 50px; border-radius: 16px; } } .header-detail-project.v3 { padding: 0; background: none; border-radius: 0; min-height: 0; } .project-detail-version-v3 { background: #F1FCFA; } .project-detail-version-v3 .single-listing-wrapper { background: transparent; } .project-single.v3 .project-detail-detail { border-top: 1px solid #E9E9E9; padding-top: 0.9375rem; margin-top: 0.9375rem; } @media (min-width: 1200px) { .project-single.v3 .project-detail-detail { padding-top: 1.875rem; margin-top: 1.875rem; } } .project-single.v3 .project-detail-detail .details .text { font-size: 15px; } .project-single.v3 .content-main-service > div:not(.wrapper-services-related) { background: #fff; margin: 0 0 20px; padding: 15px; border-radius: 8px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border: 1px solid #E9E9E9; } @media (min-width: 1200px) { .project-single.v3 .content-main-service > div:not(.wrapper-services-related) { padding: 1.875rem; margin-bottom: 1.875rem; border-radius: 12px; } } .project-single.v3 .content-main-service > div.sidebar-wrapper { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0; border-radius: 0; border: 0; } .project-single.v3 .content-main-service .wrapper-services-related { padding: 0; border: 0; margin: 0 0 0.9375rem; } @media (min-width: 1200px) { .project-single.v3 .content-main-service .wrapper-services-related { margin-bottom: 1.875rem; } } .service-single.v3 .sidebar-service, .service-single.v2 .sidebar-service { margin-top: 0; } .header-detail-service.v2 { padding: 0; background: none; border-radius: 0; } .service-single.v2 .service-detail-detail { border-top: 1px solid #E9E9E9; padding-top: 0.9375rem; margin-top: 0.9375rem; } @media (min-width: 1200px) { .service-single.v2 .service-detail-detail { padding-top: 1.875rem; margin-top: 1.875rem; } } .service-detail-version-v3 { background: #F1FCFA; } .service-detail-version-v3 .single-listing-wrapper { background: transparent; } .service-single.v3 .service-detail-detail { border-top: 1px solid #E9E9E9; padding-top: 0.9375rem; margin-top: 0.9375rem; } @media (min-width: 1200px) { .service-single.v3 .service-detail-detail { padding-top: 1.875rem; margin-top: 1.875rem; } } .service-single.v3 .content-main-service > div:not(.gallery-listing) { background: #fff; margin: 0 0 20px; padding: 15px; border-radius: 8px; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border: 1px solid #E9E9E9; } @media (min-width: 1200px) { .service-single.v3 .content-main-service > div:not(.gallery-listing) { padding: 1.875rem; margin-bottom: 1.875rem; border-radius: 12px; } } .service-single.v3 .content-main-service > div.sidebar-wrapper { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0; border-radius: 0; border: 0; } .service-single.v3 .content-main-service .gallery-listing { margin: 0 0 0.9375rem; } @media (min-width: 1200px) { .service-single.v3 .content-main-service .gallery-listing { margin-bottom: 1.875rem; } } /* 12. responsive */ /* * Responsive */ @media (min-width: 1460px) { .container { max-width: 1430px; } .main-blog { width: 72%; } .main-blog.p-left .site-main { padding-left: 1.875rem; } .main-blog.p-right .site-main { padding-right: 1.875rem; } .sidebar-blog { width: 28%; } .row-margin-left > .elementor-container { overflow: hidden; width: calc( 1460px + ((100vw - 1460px) / 2)); max-width: calc( 1460px + ((100vw - 1460px) / 2)) !important; left: calc( (100vw - 1460px) / 4); padding-right: calc( (100vw - 1430px) / 2); } .row-margin-left > .elementor-container .slick-carousel .slick-arrow { -webkit-box-shadow: 0 5px 10px 0 rgba(5, 16, 54, 0.07); box-shadow: 0 5px 10px 0 rgba(5, 16, 54, 0.07); } .row-margin-left > .elementor-container .elementor-widget-wrap { padding-left: 30px; padding-right: 30px; } .fullscreen .slick-list { overflow: visible; } } @media (min-width: 1200px) { .hidden-dots .slick-dots { display: none; } .radius-12 { border-radius: 12px; } .radius-16 { border-radius: 16px; } .pl-80 { padding-left: 80px; } } @media (max-width: 1199px) { .freelancer-item .information-right .btn, .project-list .btn { padding-left: 20px; padding-right: 20px; } .freelancer-item .information-right .btn i, .project-list .btn i { display: none; } } @media (max-width: 991px) { .mobile-groups-button { padding: 15px 0; position: relative; z-index: 2; } .mobile-groups-button ~ .main-content { margin-top: 0 !important; } .inner-dashboard.container-fluid .sidebar:not(.sidebar-listing-detail) { top: 0 !important; height: 100vh !important; } .menu_short_profile li a { border-radius: 4px; } .main-special-blog { margin-bottom: 10px; } } @media (max-width: 767px) { .row { margin-left: -0.5rem; margin-right: -0.5rem; } .row > [class*="col-"]:not(.elementor-column) { padding-left: 0.5rem; padding-right: 0.5rem; } .nav-tabs { overflow-x: auto; white-space: nowrap; } .nav-tabs li { float: none; display: inline-block; margin-bottom: 5px; } form.form-search .twitter-typeahead::before { right: 0; } .detail-average-rating + .detail-rating { margin-top: 10px; } .post-list-item-v3 .top-image { width: 120px; } } @media (max-width: 575px) { .wrapper-services-related .jobs-item-related:last-child .job-item, .wrapper-services-related .freelancer-item, .wrapper-services-related .service-item { margin-bottom: 0; } .header-detail-job .job-thumbnail + .job-information { padding: 10px 0 0; } .search-orderby-wrapper .ms-auto { margin-top: 0.9375rem; } .project-list .project-metas i { display: none; } } @media (max-width: 479px) { .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > *, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > .select2-container, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > select, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > input { width: 100% !important; margin: 0 0 5px !important; } .apus-filter .subtitle { display: none; } div.cmb2-wrap [id*="map_location-map"] ~ input { margin: 0 0 5px !important; width: 100%; } .comment-list .comment-reply-link .text-reply::before { display: none; } .woocommerce-page table.cart td.actions .coupon { margin: 0; } .woocommerce-page table.cart td.actions .coupon .input-text { margin: 0 0 1rem; width: 100%; } } @media (max-width: 782px) { .admin-bar.header_transparent #apus-header { top: 46px; } .admin-bar .header-mobile { top: 46px; } } @media (min-width: 783px) { .admin-bar .header-mobile { top: 32px; } } @media (max-width: 600px) { .admin-bar .header-mobile.sticky-header { top: 0; } }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings