/* variatii: */ :root { --primary-color: #0059A5; /* 0059A5 | A FOST 5d52ba */ --secondary-color: #0dcaf0; --section-bg-color: #f0f8ff; --custom-btn-bg-color: #f65129; --social-icon-link-bg-color: #66DDFF; /* 00A0E3 | A FOST 7f73eb */ } /* ~~~ ~~~ ~~~ */ /* SCROLL */ html, body { scroll-behavior: smooth; } /* !!! !!! !!! */ .navbar .logo-image{ width: auto; height: 90px; margin-top: -15px; margin-bottom: -15px; } .site-footer .logo-image{ width: auto; height: 90px; } .logo-slogan{ line-height:1.2; text-align: center; display: inline-block; } .site-footer { padding-top: 5px; } .site-footer-bottom { margin-top: 5px; } /* +++ +++ +++ */ .header_line{ background-color: var(--primary-color); opacity: 0.85; height:5px; } .header_line2{ background-color: var(--custom-btn-bg-color); opacity: 0.85; height:5px; } /* Keep modal at maximum display height */ .modal-content { height: calc( 100vh - 1.75rem - 1.75rem ); /* Account for vertical margin on parent */ } .modal-content .modal-body { min-height: 0; display: grid; grid-template-rows: 1fr auto; /* 1fr = one part of available space */ } .modal-content .modal-body > * { min-height: 0; } .modal-content .modal-body img { max-height: 100%; } .tooltip.show { opacity: 1; } .bs-tooltip-bottom .tooltip-arrow::before{ border-bottom-color: #fff !important;; } .bs-tooltip-end .tooltip-arrow::before { border-right-color: #fff !important; } .bs-tooltip-top .tooltip-arrow::before { border-top-color: #fff !important; } .bs-tooltip-start .tooltip-arrow::before{ border-left-color: #fff !important; } .tooltip-inner { color: #000; background-color: #fff; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5) !important; } @media screen and (max-width: 480px) { /* max-width:480 / min-width:576/768/992/1200 */ /* .pagination { flex-wrap: wrap; text-align: -webkit-center; text-align: -moz-center; row-gap: 5px; } .pagination li:first-child, .pagination li:last-child { flex: 0 0 100%; } .pagination li:first-child a, .pagination li:last-child a { width: 160px; } */ .logo-image { margin-right: 0px; height: 70px !important; } .logo-text{ font-size: 28px; } .logo-slogan { font-size: 10px; } } /* SHOP */ .job-thumb-box .job-body { padding: 10px; } .job-thumb-box .job-body h4 { font-size: 18px; } .job-thumb-box .job-body p span { font-size: 14px; } @media screen and (max-width: 991px) { .job-thumb-box .job-body h4 { font-size: 16px; } .job-thumb-box .job-body p span { font-size: 12px; } } .custom-btn{ padding: 10px; } @media screen and (max-width: 991px) { .custom-btn { padding: 6px; } } /* .filter_z_item:has(input:checked) div{ background-color: #baf3ff; } */ .filter_z_item input + i:before { content: "\f245"; /*bi-cart4*/ } .filter_z_item input:checked + i:before { content: "\f23a"; /*bi-cart-check*/ } #myTable > tbody > tr > td:nth-child(3){ text-align:center; } #myTable > tbody > tr > td:last-child{ text-align:right; width: 42px; } .img_round{ width: 40px; height: 40px; object-fit: cover; border-radius: 50%; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; } .img_round:hover{ width: 50px; height: 50px; margin: -5px; } .job_first p{ margin-bottom: 1px; font-size: 16px; } /* CALC */ input.filter_x_item + i:before { content: "\f584"; /*bi-square*/ } input.filter_x_item:checked + i:before { content: "\f26d"; /*bi-check-square*/ } .job-thumb .job-thumb { margin-bottom: 10px; padding: 10px; } .job-thumb .job-thumb a { display: flex; height: 100%; } /*.modal-content .modal-body img*/ .job-image { padding:0px; } .job-thumb .job-thumb a img { padding: 10px; border-radius: 25%; }