table {
   border-spacing: 0px !important;
}

@media screen and (max-width: 1001px) {
#ht-site-navigation {
    min-width: 57px;
}
}

@media screen and (min-width: 795px) {
#ht-page {
border-style: solid;
border-width: 0px 0px 0px 124px;
-moz-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 0 0 215 stretch repeat;
-webkit-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 0 0 215 stretch repeat;
-o-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 0 0 215 stretch repeat;
border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 0 0 215 stretch repeat;
    border-image-outset: 0;
border-image-outset: 15px;
}
}

#ht-masthead {
   position: absolute !important;
}

.ht-header {
    box-shadow: none;
    border:none;
}

.ht-main-header { 
     padding: 51px 0;
}

@media screen and (max-width: 1001px) {
#ht-site-navigation {
    width: 10%;
}
.ht-site-description {
    text-align: center !important;
}
#ht-site-branding, .ht-container {
    width: 93% !important;
}
}

@media screen and (min-width: 1002px) {
#ht-site-navigation {
    float: none;
    width: 116%;
    margin-left: -12%;
}
}


#ht-bottom-footer {
  display:none;
}

#ht-colophon {
      background-color: #353535;
}


.ht-dropdown {
    display: none; 
}

.calnk a .calnk-box .spiffy-title, .calnk a .calnk-box .calnk-time {
    border-bottom: 1px dotted #ccc;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto;
    hyphens: auto;
}

#menu-paanavigointi li a {
    white-space:nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

.gallery-item {
    width: auto;
    margin-right: 1% !important;
    margin-bottom: 1% !important;
}
.spiffy.calendar-table {
    margin-bottom: 21px !important;
}

h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
    width: 95%;
}
.metaslider {
    width: 100% !important;
}

.ht-footer {
    margin-left: 30%;
}

#ht-top-footer .ht-container {
   border:none !important;
   margin-left: 30%
}

.margin {
margin: 0 10px 0 0;
}

#site-logo-and-text {
    float: none !important;
}
#ht-site-branding {
    float: none;
    margin: 0 auto !important;
    padding-bottom: 0 !important;
}
#site-logo-and-text {
    width: 100% !important;
}
.sidebar {
    width: 100% !important;
}
.ht-container {
    width: 100% !important;
    margin: 0 !important;
}
}

.margin {
    margin: 0 10px;
}
.ht-main-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background:transparent;
    min-width: 200px;
    z-index: 999;
    padding: 8px;
    margin-top: 0;
    border-top: none;
}
.ht-main-navigation ul {
   display:inline-block;
}
.sub-menu {
   background-color:transparent !important;
}


.ht-site-title {
    margin: 0;
}

ht-main-navigation ul {
    float: right;
    display: inline-block;
}

.ht-main-navigation li {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.hit-site-tagline {
    margin-right:3%;
    float: left;
    line-height: 2.46;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;}

.ht-main-navigation a {
 -moz-box-shadow: 0px 10px 14px -7px #000000;
  -webkit-box-shadow: 0px 10px 14px -7px #000000;
  box-shadow: 0px 10px 14px -7px #000000;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ededed));
  background:-moz-linear-gradient(top, #ffffff 5%, #ededed 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #ededed 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #ededed 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #ededed 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #ededed 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0);
  background-color:#ffffff;
  border:2px solid #000000;
  display:inline-block;
  cursor:pointer;
  color:#000000 !important;
  font-family:'Oswald', sans-serif;
  font-size: 0.9vw;
  font-weight:normal;
  font-style:normal;
  padding:0% 12%;
  text-decoration:none;
  text-shadow:0px 1px 6px #cccccc;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .widget-area .widget-title::after, h3#reply-title::after, h3.comments-title::after, .nav-previous a, .nav-next a, .pagination .page-numbers, .ht-main-navigation li:hover > a, .page-template-home-template .ht-main-navigation li:hover > a, .home.blog .ht-main-navigation li:hover > a, .ht-main-navigation .current_page_item > a, .ht-main-navigation .current-menu-item > a, .ht-main-navigation .current_page_ancestor > a, .page-template-home-template .ht-main-navigation .current > a, .home.blog .ht-main-navigation .current > a, .ht-slide-cap-title span, .ht-progress-bar-length, #ht-featured-post-section, .ht-featured-icon, .ht-service-post-wrap::after, .ht-service-icon, .ht-team-social-id a, .ht-counter::after, .ht-counter::before, .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a, .ht-blog-read-more a, .ht-cta-buttons a.ht-cta-button1, .ht-cta-buttons a.ht-cta-button2:hover, #ht-back-top:hover, .entry-readmore a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product:hover .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce span.onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-MyAccount-navigation-link a {
    background: #fff !important;
}

.ht-main-navigation li:hover > a, .page-template-home-template .ht-main-navigation li:hover > a, .home.blog .ht-main-navigation li:hover > a, .ht-main-navigation .current_page_item > a, .ht-main-navigation .current-menu-item > a, .ht-main-navigation .current_page_ancestor > a, .page-template-home-template .ht-main-navigation .current > a, .home.blog .ht-main-navigation .current > a {
    position:relative;
  top:1px;
}


.rightBackground {
   width: 80%;
   margin: 0 auto;
border-style: solid; border-width: 0px 215px 0px 0px; -moz-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/oikea-tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 215 0 0 stretch repeat; -webkit-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/oikea-tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 215 0 0 stretch repeat; -o-border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/oikea-tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 215 0 0 stretch repeat; border-image: url(https://vorssa.fi/wp-content/uploads/2017/05/oikea-tiiliseina-vorssan-virastokeskus-nettisivujen-taustakuva.jpg) 0 215 0 0 stretch repeat;
border-image-outset: 135px;
margin-right: 239px;
}

.caption {
    font-size: 12pt;
   font-weight:bold;
}

#ht-masthead .ht-container {
   border:none !important;
}

.calendar-next, .calendar-prev {
    width: 10%;
    font-size: 0.5em;
}


.calendar-heading {
   background-color:#B1C6E3;
}

.spiffy .calnk a {
    background: none;
}

.margin35 {
   margin-right:35px;
}

.day-with-date {
   background-color:#d5dfef;
}
.no-events {
   background:none;
}

.current-day {
    text-align: center;
    font-weight: bold;
}

.day-with-date {
    text-align: center;
}

.calendar-month {
   font-family: "Segoe UI",Arial,Helvetica,sans-serif;
   font-size: 14px;
   padding: 4px 0 4px 0 !important;
}

.entry-content h1:first-child {
   border-bottom: 1px #000 solid;
}

.content-area {
   margin-top:20px;
}

.widget-area .widget-title {
    padding-bottom: 0;
    margin-bottom: 0;
}

#secondary {
   margin-top:15px;
    width: 19.5%;
}

#site-logo-and-text {
   float:left;
   width:142%;
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 65% 65%;
}
#ht-colophon {
   margin-top:0 !important;
}

#ht-top-footer {
    border-top: none !important;
    margin-top: 0 !important;
}

.ht-main-navigation ul ul, .ht-featured-link a, .ht-counter, .ht-testimonial-wrap .bx-wrapper img, .ht-blog-post, #ht-colophon, .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product:hover .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    border-color: #000;
    background-color: #fff;
}

#ht-top-footer{
    background: url(images/footer-bg.jpg);
    border-top: 1px solid #000;
}

.metaslider .caption-wrap {
    width: 30% !important;
    height: 100%;
    padding-top: 6%;
}

#ht-bottom-footer {
    background: #666;
}

#ht-masthead, .woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top-color: #000;
}
#ht-masthead {
    border-top: 0px solid #000;
    background: #000;
    height: 40px;
    border-bottom: 0px solid #000;
    position: fixed;
    width: 100%;
}



.ht-main-navigation .ht-menu {
    float: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .widget-area .widget-title::after, h3#reply-title::after, h3.comments-title::after, .nav-previous a, .nav-next a, .pagination .page-numbers, .ht-main-navigation li:hover > a, .page-template-home-template .ht-main-navigation li:hover > a, .home.blog .ht-main-navigation li:hover > a, .ht-main-navigation .current_page_item > a, .ht-main-navigation .current-menu-item > a, .ht-main-navigation .current_page_ancestor > a, .page-template-home-template .ht-main-navigation .current > a, .home.blog .ht-main-navigation .current > a, .ht-slide-cap-title span, .ht-progress-bar-length, #ht-featured-post-section, .ht-featured-icon, .ht-service-post-wrap::after, .ht-service-icon, .ht-team-social-id a, .ht-counter::after, .ht-counter::before, .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a, .ht-blog-read-more a, .ht-cta-buttons a.ht-cta-button1, .ht-cta-buttons a.ht-cta-button2:hover, #ht-back-top:hover, .entry-readmore a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product:hover .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce span.onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-MyAccount-navigation-link a {
    background: none;
}

#ht-site-branding {
    float: none;
    width: 100%;
    max-width: 1438px;
    padding: 15px 0;
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    padding-bottom: 44px;
    margin-top:15px;
    margin-left: -145px;
}

a, a:hover, .ht-post-info .entry-date span.ht-day, .entry-categories .fa, .widget-area a:hover, .comment-list a:hover, .no-comments, .ht-site-title a, .woocommerce .woocommerce-breadcrumb a:hover, #total-breadcrumbs a:hover, .ht-featured-link a, .ht-portfolio-cat-name-list .fa, .ht-portfolio-cat-name:hover, .ht-portfolio-cat-name.active, .ht-portfolio-caption a, .ht-team-detail, .ht-counter-icon, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .product_meta a:hover, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    color: #000;
}

#ht-site-branding img {
    max-height: 111px;
    width: 31%;
}
.sidebar {
   width:1253px;
}

.site-contact-info {
    height: 126px;
    margin-top: 0px;
    text-align: right;
}

#primary {
    width: 80% !important;
    float: left;
}

.ht-container {
    width: 105% !important;
}
#primary {
   width:1000px;
   float:left;
}

.floatLeft {
    float:left;
}

.width35 {
    width:35%;
}
@media screen and (max-width: 650px)  {
.normal-day-heading, .weekend-heading {
    font-size: 2.5vw;
}
div.event {
    font-size: 0.5em;
}
}
@media screen and (max-width: 900px)  and (min-width:651px) {
.normal-day-heading, .weekend-heading {
    font-size: 2vw;
}
}
@media screen and (max-width: 1260px and (min-width:901px) ) {
.normal-day-heading, .weekend-heading {
    font-size: 1.5vw;
}
}
@media screen and (max-width: 1520px) and (min-width:1261px) {
.normal-day-heading, .weekend-heading {
    font-size: 1.2vw;
}
}
@media screen and (max-width: 1620px) and (min-width:1521px) {
.normal-day-heading, .weekend-heading {
    font-size: 1vw;
}
}
@media screen and (min-width: 1620px) and (min-width1621:px)  {
.normal-day-heading, .weekend-heading {
    font-size: 0.8vw;
}
}

@media screen and (max-width: 1436px) {
.ht-container {
    width: 104% !important;
}

@media screen and (max-width: 1396px) {
.rightBackground {
    width: 83%;
}

@media screen and (max-width: 1400px) {
.ht-container {
    width: 103% !important;
}
}
@media screen and (max-width: 1299px) {
.ht-container {
    width: 139% !important;
}
}

@media screen and (max-width: 1342px) {
ht-container {
    width: 102% !important;
}
}

@media screen and (max-width: 1751px) {
.sidebar {
    width: 103% !important;
}
@media screen and (max-width: 1674px) {
.sidebar {
    width: 102% !important;
}
}
@media screen and (max-width: 1644px) {
.sidebar {
    width: 101% !important;
}
}
@media screen and (max-width: 1300px) {
.sidebar {
    width: 99% !important;
}
#secondary {
    width: 100%;
}
}

@media screen and (max-width: 1290px) {
.hit-site-tagline {
    float: none;
}
}
@media screen and (max-width: 1000px) {
h2 {
font-size: 5vw !important;
font-weight: bold;
margin-bottom: 16px;
}
h1 {
font-size: 5vw !important;
font-weight: bold;
margin-bottom: 16px;
}

.gallery-columns-3 .gallery-item {
    max-width: 32.33%;
}

.width35 {
    width:50% !important;
}
.rightBackground, #ht-site-branding, .ht-container{
width:100% !important;
max-width:1000px !important;
border:none !important;
border-style: solid;
border-width: 0 !important;
-moz-border-image: none !important;
-webkit-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
border-image-outset: 0 !important;
}
.metaslider .caption-wrap {
    width: 50% !important;
}
.hit-site-tagline {
    font-size: 2vh !important;
    padding: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    line-height: 2;
    text-align: center;
    font-weight: normal !important;
}
.ht-site-title {
  line-height: 1;
    text-align: center !important;
   margin: 0 auto;
   font-size: 4.4vw;
}
.custom-logo-link {
    width: 100% !important;
    text-align: center !important;
    float: right !important;
    margin-bottom: 10px;
}
.caption {
    font-size: 1.5vh !important;
    line-height: 1.5;
}
.metaslider .caption-wrap {
    line-height: 1em !important;
    padding-top: 4%;

}
.toggle-bar, .ht-main-navigation .ht-menu {
    background: #B1C6E3 !important;
    border: 1px #c3c1b8 solid;
}
.ht-main-navigation li {
    float: left !important;
    width: 100%;
    margin-bottom: 0px !important;
}
#primary {
    width: 100% !important;
}
.ht-main-navigation a {
    font-size: 10pt !important;
   width: 90% !important;
}
.sf-arrows .sf-with-ul {
    padding-right: 0 !important;
   padding-left: 0 !important;
}
.margin35 {
   margin-right:0 !important;
}
.width35 {
   width:100% !important;
}

.mobileContact {
    float: left;
    margin-right: 9%;
}
}

@media screen and (max-height:500px) {
.hit-site-tagline {
    font-size: 6vh !important;
}
}