/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 05 2023 | 21:39:03 */
/* Type */

p {
margin: 0 0 15px;
}

#ruutukehys p {
margin: 0 0 10px;
}

body:not(.single) .entry-content p:last-of-type, body:not(.single) .entry-content p:only-of-type {
margin: 0 0 10px;
}

.sow-features-feature p {
font-size: 12px;
}

/* Top */

.site-header {
  border-bottom: 0px !important;
  margin-bottom: 150px;
}
.site-header .site-branding img {
  position: absolute;
  top: -25px;
  width: 140px;
  height: auto;
}
.home .site-header {
  margin-bottom: 0px;
}
.home .entry-header {
  margin-bottom: 0px;
}
.main-navigation {
  margin-left: 150px;
}
.main-navigation ul li {
  margin: 0 18px -10px 0;
  font-size: 11px;
}
.main-navigation ul .children li a, .main-navigation ul .sub-menu li a {
  width: auto !important;
}
.main-navigation ul .children li a, .main-navigation ul .sub-menu li a {
  font-size: 10px;
  padding: 10px 15px;
}

/* Slider */

.nextend-arrow-previous {
right: 60px !important;
width: 45px !important;
height: 40px !important;
}
.nextend-arrow-next {
right: 15px !important;
width: 45px !important;
height: 40px !important;
}

/* Slider - Darker background if needed */

/*
.n2-ss-slider {
background: black;
}
.n2-ss-slide-backgrounds {
opacity: 0.8;
}
*/

/* Content */

h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px 0;
}
#content {
margin-bottom: 60px;
}
.home #content {
margin-bottom: 0px;
}
h1.entry-title {
  font-size: 2.5em;
  font-weight: bold;
  word-break: break-word;
}
.home h1.entry-title {
display: none;
}
.main-title h1 {
font-size: 2.4em;
font-style: italic;
}
.site-footer .widget .widget-title, .widget-area .widget .widget-title {
font-size: 20px;
margin: 0 0 10px;
}
.site-footer .widget, .widget-area .widget {
margin: 0 0 30px;
}

/* Featured image */
.featured-wrapper {
margin-bottom: 20px;
}
.featured-image-caption {
font-size: 14px;
padding: 10px 0 0;
}
.home .featured-wrapper {
margin-bottom: 0;
}

/* Single posts */

.single .entry-thumbnail {
text-align: left;
}
.entry-thumbnail {
margin-bottom: 28px;
}
.post-navigation {
margin-top: 40px;
padding: 20px 0;
}
.nav-links img {
display: none !important;
}

/* Select */

::selection {
  color: white; 
  background: rgba(70, 184, 219, 0.99);
}
::-moz-selection
{
  color: white; 
  background: rgba(70, 184, 219, 0.99);
}
img::selection {
  background: rgba(70, 184, 219, 0.6);
}

/* Ruudut */

.ruudut {
/* height: 450px; */
min-height: 450px;
}
.ruudut h3 {
text-align: center;
margin: 10px;
}
.ruudut .panel-grid {
margin-bottom: 20px !important;
}
.ruudut .textwidget {
}

/* Tiedotteet Frontpage */

.cat-post-item div {
margin: 0 !important
}
.category-posts-internal {
margin: 0 0 27px 0;
}
.cat-post-title {
font-family: 'Exo 2', sans-serif;
font-weight: 600; 
font-size: 18px;
}
#artikkelit h1, #artikkelit h2, #artikkelit h3, #artikkelit h4, #artikkelit a, #artikkelit p {
color: white;
text-align: left;
}
#artikkelit h1, #artikkelit h2, #artikkelit h3, #artikkelit h4 {
margin-bottom: 10px;
}
.cat-post-item {
border-bottom: 0px solid #ccc;
margin: 3px 0;
padding: 3px 0;
list-style: none;
}
#primary .cat-post-current .cat-post-title, #secondary .cat-post-current .cat-post-title {
font-weight: normal;
text-transform: none;
color: #787f5f;
}

/* Category Posts Sidebar */

#secondary .cat-post-widget ul li {
line-height: 22px;
}
#secondary .cat-post-item {
margin: 0 0 10px;
padding: 0 0 10px;
}
#secondary .cat-post-title {
display: block;
padding-bottom: 4px;
}

/* Post Carousel */

.wcp-carousel-main-wrap .post-style-2 .wcp-post-contents {
margin: 10px 0px !important
}
.wcp-carousel-main-wrap h3 {
margin-top: 10px !important;
margin-left: 0px !important;
margin-right: 0px !important;
line-height: 30px;
}
.luelisaa {
display: block;
margin-top: 10px !important;
}
.slick-dots li button:before {
  font-size: 10px !important;
  color: #787f5f !important;
}

/* Features - Henkilokunta */

.sow-features-list h5 {
margin: 1em 0 0.3em !important;
}
.sow-features-list .sow-icon-container {
color: #787f5f;
}
.sow-icon-image:before /* Edge Cut */{
content: '';
position: absolute;
top: 150px; right: 0;
border-bottom: 30px solid white;
border-left: 30px solid #787f5f;
width: 0;
}
.sow-features-feature {
display: block !important;
min-height: 300px;
}
.sow-features-feature.sow-features-feature-last-row {
margin-bottom: 40px !important;
}
/* Alternatively an Ellipse container
.sow-icon-image {
border-radius: 100px;
} 
*/

/* Testimonials */

.sow-testimonial-wrapper {
padding: 30px !important;
}
.sow-testimonial {
padding: 40px !important;
}
.sow-testimonial-wrapper {
background: url("https://beta.nikulanelainklinikka.fi/wp-content/themes/nikulan-elainklinikka/images/kupla.png") no-repeat bottom right;
}
.sow-testimonial-text {
padding: 0px !important;
font-family: 'Exo', sans-serif;
font-style: italic;
font-size: 26px;
line-height: 36px;
font-weight: 500;
background: transparent !important;
}
.sow-testimonial-user {
padding: 20px 0 0 !important;
color: white;
}

/* Kartta */

#kartta {
height: 550px;
}

/* Tables */

#aukioloajat table {
    border: 0;
    margin: 0;
    width: 100%;
}
#aukioloajat table td, table th {
    border: 0;
    padding: 0;
}

#aukioloajat tr {
  border-bottom: 1px solid #c5cacf;
}

/* ODD JA EVEN JOS TARVII
table tr:nth-child(odd) {
    background: #eee;
}
table tr:nth-child(even) {
    background: #fff;
}
*/

/* SwipeBox */

#swipebox-overlay {
    background: rgba(52, 62, 71, 1);
    background-color: rgba(52, 62, 71, 0.8);
}

/* Search results */

.search-results h2 a {
color: #787f5f !important;
margin-bottom: 20px;
}
.search-results header.entry-header {
margin-bottom: 10px !important;
}

/* Footer */

.site-footer {
    margin-top: 0px;
}
.footerlogo {
margin-bottom: 50px;
}
#scroll-to-top {
    background: rgba(70, 184, 219, 0.8);
}
a.fristyle {
font-size: 10px;
}

/* Responsive */

@media (max-width: 1100px) {

.custom-columns .sow-features-list.sow-features-responsive .sow-features-feature {
float: left !important;
width: 33% !important;
padding: 0;
clear: none !important;
}
  
}

@media (max-width: 1000px) {

.site-header {
    padding: 20px 0 30px;
}
.site-header .site-branding img {
    top: -20px;
}
/* Mobiilinavia */
#mobile-navigation {
top: 100%;
z-index: 1000;
}
#mobile-navigation ul li {
line-height: 1.6;
}
#mobile-navigation ul li a {
padding-top: 10px;
padding-bottom: 10px;
}
#mobile-navigation ul.sub-menu li a {
  background: #343E47;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid;
  border-color: #505a63;
}
#mobile-navigation ul li.menu-item-has-children>a {
  padding-right: 60px;
}
#mobile-navigation ul li .dropdown-toggle {
  padding: 10px 22px;
  top: 0px;
}
#mobile-navigation::-webkit-scrollbar {
  width: 0;
}
#mobile-navigation::-webkit-scrollbar-thumb {
  background-color: #00b6be !important;
  outline: 1px solid #708090;
}  
  
}

@media (max-width: 850px) {

.ruudut {
  height: auto;
  min-height: auto;
  margin-bottom: -20px;
}
#aukioloajat tr {
  border-bottom: 0px solid #edf1f4 !important;
}
#aukioloajat td {
  padding: 5px !important;
}
table tr:nth-child(odd) {
  background: #edf1f4;
}
table tr:nth-child(even) {
}
.sow-testimonial-wrapper {
  padding: 20px !important;
}
.sow-testimonial {
  padding: 30px !important;
}
.sow-testimonial-text {
  font-size: 20px;
  line-height: 28px;
}
.sow-testimonial-user {
  padding: 10px 0 0 !important
}

.custom-columns .sow-features-list.sow-features-responsive .sow-features-feature {
width: 50% !important;
}
  
}

@media (max-width: 600px) {

.site-header .site-branding img {
  width: 110px;
}
  
}

@media (max-width: 500px) {

h1.entry-title {
  font-size: 1.8em;
}  
.custom-columns .sow-features-list.sow-features-responsive .sow-features-feature {
width: 100% !important;
}
  
}
