:root { --cassiopeia-color-primary: #d85730; --cassiopeia-color-link: #66593f; --link-color:#66593f; --color-link-hover: #d85730; --link-color-rgb: 34, 79, 170; --cassiopeia-immi-bg: #66593f; --color-primary: #fff7f2; --color-bg-grey: #dfdbd5; --color-h1: #a87d26; --color-gold: #bd8b26; --body-bg: #e5e5e5; --layout-max: 1920px; --layout-width: 1180px; --gradient: linear-gradient(45deg, #939193, #dedad0, #a2aec1); } .btn-info { --btn-color: #fff; --btn-bg: #30638d; --btn-border-color: #30638d; --btn-hover-color: #fff; --btn-hover-bg: #295478; --btn-hover-border-color: #264f71; --btn-focus-shadow-rgb: 79,122,158; --btn-active-color: #fff; --btn-active-bg: #264f71; --btn-active-border-color: #244a6a; --btn-active-shadow: inset 0 3px 5px #00000020; --btn-disabled-color: #fff; --btn-disabled-bg: #30638d; --btn-disabled-border-color: #30638d; } .logo-top{ margin-top: 8px; min-width: 350px; } .logo-top img{ float: left; margin-right: 10px; } span.image-title{ color: var(--cassiopeia-color-link); text-transform: uppercase; margin-top: 15px; font-size: .9em; font-weight: 500; vertical-align: bottom; } .logo-top a{ text-decoration: none; } .container-header { z-index: 10; background-image: linear-gradient(45deg, #939193, #dedad0, #a2aec1); max-height: 60px; position: relative; box-shadow: inset 0 5px 5px #00000008; } .mod-list li img{ padding: 0.25em 0; margin-right: .5em; } .mod-list li a span{color: var(--color-link); text-transform: none; font-size: 1.1rem; margin: 10px; } .mod-list li a span:hover{ color: var(--color-link-hover); border-bottom: 1px var(--color-link-hover) solid; } .container-header .metismenu>li>a::after{ display: none; } .container-banner .banner-overlay .overlay{ background-color: transparent !important; } .container-header .mod-menu>li:after { display: none; } .container-header .mod-menu>li>a{ color: var(--cassiopeia-color-link); text-transform: uppercase; } .container-header .mod-menu>li>a:hover{ color: var(--color-link-hover); border-bottom: 1px var(--color-link-hover) solid; } .container-header .container-search{ margin-top: 0; } .container-header .mod-menu>li>a{ font-size: .75em; font-weight: 500; } .container-banner .banner-overlay .overlay .text-thin { color: var(--color-h1); font-size: 3.5em; text-transform: uppercase; text-shadow: 7px 2px 4px rgb(63, 63, 59), 0 0 1em rgba(255, 245, 245, 0.034); font-weight: bold; } .lead { color: var(--color-primary); background: rgba(0, 0, 0, 0.3); padding: .5em; } .container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* { flex: 1; margin: 0.5em 0; } .mod-list li a { text-decoration: none; color: var(--color-bg-coffee); } .mod-list li.active>a { text-decoration: underline; color: var(--color-link-hover); font-size: .9em; font-weight: 600; border-bottom: 2px var(--color-link-hover) solid; } h1{ align-items: center; font-size: 1.5em; color: var(--color-h1); font-weight: 600; } h2 { font-weight: 400; font-style: normal; font-size: 1.3em; text-transform: uppercase; text-shadow: 1px 1px 1px rgb(67, 67, 32); padding: 0; } h2,h3 a { text-transform: uppercase; text-decoration: none !important; color: var(--cassiopeia-color-link); } h2,h3 a:hover{ color: var(--cassiopeia-color-primary); } h2,h3 a:visited{ color: var(--color-bg-grey); } h2.item-title{ color: var(--color-h1); } h3 { font-size: 1.2em; font-weight: 600; } h4 { font-size: .9em; margin: 0; padding: 0; } .card-body{ border: 1px var(--color-h1) solid; } .declaration_lawyer{ max-width: 1180px; } .declaration_lawyer-block { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: auto; position: relative; align-content: center; } h1.declaration_lawyer-h1{ text-transform: uppercase; text-shadow: 7px 2px 4px rgb(63, 63, 59), 0 0 1em rgba(255, 245, 245, 0.034); margin-top: 2em; font-size: 4em; } .declaration_lawyer-text { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; } h2.declaration_lawyer-h2{ margin-top: 1em; padding-top: .5em; color: var(--color-bg-coffee); text-shadow: 2px 1px 1px rgb(63 63 59), 0 0 1em rgb(255 245 245 / 3%); background: rgba(189, 139, 38, 0.5); font-size: 1.7em; font-weight: 400; } .declaration_lawyer-services { color: var(--color-primary); margin-top: -5em; padding: 0.5em; font-size: 1.2em; max-height: 180px; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; } h3.declaration_lawyer-h3{ font-weight: normal; font-size: 1.3em; color: var(--color-bg-coffee); text-shadow: 1px 1px 1px rgb(63 63 59), 0 0 1em rgb(255 245 245 / 3%); } .declaration_lawyer-ukr { color: var(--color-primary); background-color: var(--color-gold); max-height: 100px; padding: 0.5em; font-size: 1em; border-radius: 0.5em; font-weight: normal; margin-top: -2em; } .btn-primary { background-color: var(--color-h1); border-color: var(--cassiopeia-color-link); } .btn-contact{ background: var(--color-link-hover); padding: 3px 20px; border: none; cursor: pointer; font-size: .9rem; max-width: 250px; text-align: center; color:var(--color-primary); text-decoration: none; margin-left: 1em; } .btn-contact-header > a{ color: var(--color-link); } .btn-contact > a{ color: var(--color-primary); text-decoration: none; } card-header { color: var(--color-h1); } .page-link.active, .active>.page-link { z-index: 3; color: var(--color-bg-grey); background-color: var(--link-color); border-color: var(--color-gold); } .offices { display: grid; padding: 2rem; border: 1px var(--color-h1) solid; background-color: var(--color-bg-grey); } .offices-items { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto; } .offices-img{ margin: 0 auto; } .immigrantnz-thumb { padding: 1rem; border: 1px var(--color-h1) solid; border-radius: 5px; } .office-property { display: grid; grid-template-columns: 60px 1fr; grid-template-rows: repeat(6, auto); } .office-city-title { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; font-size: 1.5rem; text-align: center; padding: 1rem 0; text-shadow: 1px 1px 1px var(--color-bg-coffee); text-transform: uppercase; } .office-property-item img { width: 40px; padding: 0 0 0 2px; } .office-property-item { font-size: 1rem; font-weight: 550; } .office-property-item a { text-transform: none; padding-top: 10px; } .office-property-item span { font-size: .9rem; } .office-hr { margin-bottom: 20px; color: var(--color-gold); } .card-statement{ background-color: var(--color-bg-grey); font-family: var(--body-font-family); color: var(--body-color); } .q-mark { padding: 1em; float: left; } .stat-item { font-size: 1.2em; font-weight: 300; margin: 0 0 0 20px; padding: 1em; } .stat-item-h5 { font-size: 1.5em; font-weight: 500; margin: 0; } .thumbnail_page { border: 2px var(--color-h1) solid; padding: 5px; background-color: var(--color-bg-light); border-radius: 5px; margin-right: 2em; display: inline-block; float: left; } .left.item-image { float: left; } .container-banner full-width{ position: relative; } .page__header{ color: var(--color-h1); font-size: 2.5em; padding: 1.5em; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); border-radius: 15px; text-transform: none; position: absolute; bottom: 2em; left: 25%; border: none; } .contact__page-header{ color: var(--color-h1); font-size: 2.5rem; padding: 2rem; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); border-radius: 15px; text-transform: none; position: absolute; top: 3em; left: 20%; } .container-contact{ overflow: hidden; width: 100%; position: relative; } .contact_icons { display: grid; grid-template-columns: 45px .8fr 45px 1.2fr 45px 1fr; grid-auto-rows: auto; grid-column-gap: 10px; grid-row-gap: 1em; } .icons-block{ border: none; padding: 1rem; background-color: var(--color-bg-grey); } .latest-article { margin-bottom: 10px; } .latest-article h4 { font-size: 18px; margin-bottom: 5px; } .article-date, .article-hits { font-size: 14px; color: #999; } .container-footer{ width: 100%; padding: 0 15px; margin: 0 auto; background-color: var(--cassiopeia-immi-bg); } .container-sm { max-width: 1180px; padding: 0 10px; margin: 0 auto; } .footer { background-image: none; } .footer .grid-child{ padding: 0; } footer a { color: var(--color-primary); } .footer-block { display: grid; grid-template-columns: 100px 2fr 1fr 1fr; grid-template-rows: auto; grid-column-gap: 0.2rem; border-bottom: 1px solid #fff; padding: 2em; } .logo-footer img { float: left; margin: 10px 15px 0 0; } .privacy { text-transform: uppercase; color: var(--color-primary); text-align: center; padding: 20px 0; } .work-time { color: var(--color-primary); padding: 20px 0; } .block-copyright { display: grid; grid-template: auto/1fr 1fr; grid-area: block-copyright; } .toe { text-align: center; padding: 1em 0; } .copyright { text-align: center; padding: 15px; color: var(--color-gold); } .back-to-top-link { z-index: 10000; color: var(--cassiopeia-color-primary,#a87d26); pointer-events: all; background-color: var(--white,#fff); border: 1px solid var(--cassiopeia-color-primary,#a87d26); opacity: 0; inset-inline-end: 1rem; border-radius: 0.25rem; padding: 0.5em; transition: opacity .2s ease-in; position: absolute; bottom: 1rem; } .back-to-top-link:focus { background-color: var(--cassiopeia-color-link); } .back-to-top-link:hover{ background-color: var(--color-h1); } @media (max-width: 1100px) { h1.declaration_lawyer-h1{ font-size: 3rem; padding-top: 3rem; } h2.declaration_lawyer-h2{ font-size: 1.4rem; padding: 10px; } .office-city-title{ text-shadow: none; margin-bottom: 10px; } .copyright { text-align: center; padding: 15px; } .footer-block { display: grid; grid-template-columns: 100px 2fr 1fr 1fr; } h1.contact__page-header { font-size: 2.5rem; padding: 1.5rem; position: absolute; top: 3em; left: 15%; } } @media (max-width: 960px) { .metismenu.mod-menu{ background-color: var(--cassiopeia-color-link); border-radius: 3px; border: 1px var(--color-h1) solid; } h1.page__header{ bottom:1em; left: 14%; } .container-sidebar-right .sidebar-right:first-child { display: none; } .container-sidebar-right .sidebar-right:last-child { display: none; } .metismenu.mod-menu .metismenu-item{ border-bottom: 1px var(--color-primary) solid; } .metismenu.mod-menu .metismenu-item a { color: var(--color-bg-grey); } h1.declaration_lawyer-h1 { margin: 0; font-size: 2.2rem; text-shadow: 2px 1px 1px rgb(63, 63, 59); padding-top: 0; text-align: center; } .declaration_lawyer-block { display: grid; grid-template-rows: auto; grid-template-columns: 1.5fr .5fr; position: relative; align-content: center; } .declaration_lawyer-services { margin-top: -2em; } figure>.femida>img{ width: 300; height: 200; } .container-header .mod-menu>li{ background-color: var(--gradient); } h1.contact__page-header { font-size: 2.2rem; } } @media (max-width: 820px) { h1.declaration_lawyer-h1 { margin-top: -3em; } h2.declaration_lawyer-h2 { font-size: 1.4rem; padding: 10px; margin: 2em 0; } .declaration_lawyer-block { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; position: relative; } .declaration_lawyer-services { margin: 0 0 4em 0; } figure>.femida { display: none; } figure>.femida-min { display: none; } h1.page__header{ font-size: 2em; } h1.contact__page-header { font-size: 1.9rem; } .contact_icons { display: grid; grid-template-columns: 45px .8fr 45px 1.2fr; grid-auto-rows: auto; grid-column-gap: 10px; grid-row-gap: 1em; } } @media (max-width: 768px) { h1.declaration_lawyer-h1 { margin-top: 1em; } .footer-block { display: grid; grid-template-columns: 100px 1.5fr 1.5fr 1fr; grid-template-rows: auto; grid-gap: 1rem; grid-area: footer-block; border-bottom: 1px solid #fff; padding: 10px; } } @media (max-width: 480px) { .container-header .navbar-toggler { margin-top: -1em; } h1.declaration_lawyer-h1{ font-size: 1.5rem; text-shadow: none; text-align: center; color:var(--color-h1); text-shadow: 2px 1px 1px rgb(63, 63, 59); } h2.declaration_lawyer-h2 { font-size: 1.2rem; padding: 10px; margin: 2em 0; } h2{ font-size: 1.1em; } h3{font-size: 1em;} .declaration_lawyer-block{ display: grid; grid-template-columns: 1fr; grid-template-rows: auto; position: relative; align-content: center; } .declaration_lawyer-services { color: var(--color-primary); margin-top: -3em; padding: 0.5em; font-size: 1em; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; } .declaration_lawyer-ukr { max-height: none; } .card-statement.stat-item{ font-size: .8em; } .stat-item-h5{ margin-bottom: .5em; font-size: 1.2em; } .stat-item{ font-size: 1em; font-weight: 500; } .offices-img{ display: none; } .offices { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: 1rem; } .office-property-item img { width: 30px; } h1.page__header{ font-size: 1.1em; top:0; left: 10%; } h1.contact__page-header{ font-size: 1.5rem; padding: .8rem; position: absolute; top: 2em; left: 10%; text-align: center; } h3.office-city-title{ font-size: .8em; padding: .8em 0; } .contact_icons { display: grid; grid-template-columns: 45px 1fr ; grid-auto-rows: auto; grid-column-gap: 10px; grid-row-gap: 1em; } figure{ display: none; } h3.page_h3-contact{ display: block; font-size: 1.2em; text-align: center; } .logo-footer{ display: none; } .footer-block{ grid-template-columns: 1fr; padding: 5px; grid-gap: .1em; } } @media (max-width: 414px) { .container-top-b{ display: none; } .declaration_lawyer-services { min-height: 220px; font-size: 1em; } .footer-block{ grid-template-columns: 1fr; grid-gap: 5px; } h3.page_h3-map{ display: none; } .google-map{ display: none; } .logo-footer{display: none;} .work-time, .toe, .privacy{ text-align: center; padding: 5px; } } @media (max-width: 390px) { h1.declaration_lawyer-h1 { font-size: 1.3em; text-align: right; } h1.page__header{ text-align: center; top: -1.2em; left: 12%; } h1.contact__page-header{ font-size: 1.2em; text-align: center; padding: 15px; top:3em; left: 12%; } ol.page__contact-ol{ display: block; margin: 5px; } }