html {
background-color: #f3f3f3; }
body {
color: #222221;
font-family: "Catamaran", sans-serif;
font-size: 1.125rem !important; }
#wrapper {
background-color: #fff; }
#header .header-wrapper {
background-color: transparent; }
#header .header-wrapper.stuck {
background-color: #fff; }
#header .header-bg-color {
background-color: transparent; }
#header .header-main {
height: auto; }
.header {
position: absolute; }
.archive .page-wrapper {
padding: 0; }
.archive-page-header {
background-image: url(//kanava.to/wp-content/themes/kanava-2017/dist/images/tausta_gradient.jpg);
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 30px;
padding-bottom: 100px;
padding-top: 150px; }
.mask-angled-right-large {
margin-top: 0; }
.nav .has-icon a {
color: rgba(255, 255, 255, 0.8);
padding: 0; }
.nav .has-icon a:hover {
color: white; }
.nav .has-icon a .icon-menu {
content: url(//kanava.to/wp-content/themes/kanava-2017/dist/images/Fat-navi-01.svg);
font-size: 40px;
font-size: 2.5rem;
transition: opacity .25s; }
.nav .has-icon a .icon-menu:hover {
opacity: .8; }
.nav-dark .nav .has-icon a .icon-menu {
content: url(//kanava.to/wp-content/themes/kanava-2017/dist/images/Fat-navi-01-dark.svg); }
.postid-4079 .nav .has-icon a .icon-menu, .postid-4307 .nav .has-icon a .icon-menu, .postid-4309 .nav .has-icon a .icon-menu, .postid-6514 .nav .has-icon a .icon-menu {
content: url(//kanava.to/wp-content/themes/kanava-2017/dist/images/Fat-navi-01-dark.svg); }
#post-list .article-inner {
background-color: rgba(0, 0, 0, 0.6);
padding: 2em;
text-align: center;
color: #fff; }
#post-list .article-inner a {
color: #fff;
text-decoration: none; }
#categories-3 {
padding-left: 0 !important; }
#categories-3 span.widget-title {
display: none; }
#categories-3 li a {
font-size: .6em;
text-decoration: none; }
.searchform-wrapper .button {
padding: 0 !important; }
.pgafu-filter {
text-transform: uppercase; }
.pgafu-filter li {
border: 2px solid #222221;
background-color: transparent; }
.pgafu-filter li a {
background: none;
transition: border .3s; }
.pgafu-filter li a:hover {
color: #fff !important; }
.pgafu-filter li:hover {
background-color: #222221;
color: #fff; }
.pgafu-filter li.pgafu-active-filtr {
border: 2px solid #b4ce49; }
.pgafu-filter li.pgafu-active-filtr a {
background: #b4ce49; }
.pgafu-post-grid-main.pgafu-design-2 .pgafu-post-grid-content {
border-bottom: 0; }
.pgafu-post-grid-main.pgafu-design-2 .pgafu-post-grid-content .pgafu-post-categories a:nth-child(4n+1) {
background: #0099cc; }
.mfp-bg.mfp-ready {
opacity: 1; }
.off-canvas .mfp-close {
font-size: 70px;
font-size: 4.375rem;
mix-blend-mode: normal;
right: 15px;
top: 25px !important; }
.off-canvas .mfp-content {
align-items: center;
background-color: #0099cc;
display: flex;
left: 0;
justify-content: center;
text-align: center;
width: auto; }
.header-search {
display: none !important; }
.sidebar-menu .nav-sidebar.nav-vertical li {
border-top: none; }
.sidebar-menu .nav-sidebar.nav-vertical li:hover {
background-color: transparent; }
.sidebar-menu .nav-sidebar.nav-vertical li.header-search-form {
display: none !important; }
.sidebar-menu .nav-sidebar.nav-vertical li > a {
color: #fff;
font-size: 50px;
font-size: 3vw;
padding: 1rem 1.5rem; }
@media (max-width: 1000px) {
.sidebar-menu .nav-sidebar.nav-vertical li > a {
font-size: 30px; } }
@media (min-width: 2000px) {
.sidebar-menu .nav-sidebar.nav-vertical li > a {
font-size: 60px; } }
.sidebar-menu .nav-sidebar.nav-vertical li > a:hover {
color: #b4ce49; }
#main {
background-color: transparent; }
#main .dark h1, #main .dark h2, #main .dark h3, #main .dark p {
color: #fff; }
#main h1 {
color: #fff;
font-size: 60px;
font-size: 4vw;
margin-bottom: 2rem;
margin-top: 2rem;
text-align: center;
text-transform: uppercase; }
@media (max-width: 1000px) {
#main h1 {
font-size: 40px; } }
@media (min-width: 2000px) {
#main h1 {
font-size: 80px; } }
#main h2 {
color: #b4ce49;
font-size: 40px;
font-size: 3vw;
text-transform: uppercase; }
@media (max-width: 1000px) {
#main h2 {
font-size: 30px; } }
@media (min-width: 2000px) {
#main h2 {
font-size: 60px; } }
#main h3 {
color: #b4ce49;
font-size: 28px;
font-size: 1.75vw; }
@media (max-width: 1371.4285714286px) {
#main h3 {
font-size: 24px; } }
@media (min-width: 1942.8571428571px) {
#main h3 {
font-size: 34px; } }
#main a {
font-weight: 700;
text-decoration: underline; }
#main a:focus, #main a:hover {
color: #0099cc; }
#main p {
line-height: 1.4; }
#main p.ingressi {
font-size: 28px;
font-size: 1.75vw; }
@media (max-width: 1257.1428571429px) {
#main p.ingressi {
font-size: 22px; } }
@media (min-width: 1942.8571428571px) {
#main p.ingressi {
font-size: 34px; } }
#main li {
margin-bottom: 0; }
#main .button {
line-height: 1;
padding: 1rem 3rem; }
#main .button span {
line-height: 1; }
#main .button.primary { }
#main .button.primary.is-outline {
color: #222221; }
#main .button.primary.is-outline:hover {
background-color: #222221;
border-color: #222221;
color: #fff; }
#main .button.primary.is-outline:hover span {
border-color: #fff; }
#main .button.primary.is-outline span {
border-bottom: 1px solid #222221;
transition: border .3s; }
#main .button.primary.no-hover:hover {
background-color: inherit;
border-color: #222221;
color: #222221; }
#main .button.primary.no-hover:hover span {
border-color: #222221; }
.contact-button-side {
background-color: #0099cc;
width: 190px;
height: auto;
margin: auto;
margin-top: 20px;
z-index: 99999;
border-radius: 0px;
border: 0;
color: #fff !important;
padding: .5em 1em;
font-size: 22px;
text-decoration: none !important; }
.contact-button-side a {
text-decoration: none !important;
color: #fff; }
.contact-button-side a:hover {
color: #fff !important; }
.contact-button-side:focus, .contact-button-side:hover {
background-color: #00a1d6;
border-color: #0099cc; }
.contact-button-side.active {
background-color: #00a1d6;
border-color: deepskyblue; }
.contact-button-side .btn-blue-contact:focus, .contact-button-side .btn-blue-contact:hover {
background-color: #0099cc;
border-color: #0099cc; }
.contact-button-side .btn-blue-contact.active {
background-color: deepskyblue;
border-color: deepskyblue; }
.section.dark {
color: #fff; }
.section.dark h1, .section.dark h2, .section.dark h3 {
color: #fff; }
.footer-wrapper p {
font-weight: 700; }
.social-icons .circle {
border-radius: 0 !important; }
.absolute-footer {
display: none; }
.admin-bar .off-canvas .mfp-close {
top: 57px !important; }
@media (max-width: 1000px) {
.sidebar-menu .nav-sidebar.nav-vertical li > a {
padding: .5rem 1.5rem; } }
.col .res-text {
font-size: inherit !important; }
.product-main {
padding-top: 0; }