/*
Theme Name: Eläinhoito Kopinsalmi
Theme URI: http://www.elainhoitolakopinsalmi.fi/
Description: Eläinhoitola Kopinsalmi, Taipalsaari
Author: FissioMedia
Author URI: http://fissiomedia.fi
Template: Total
Version: 1.0
*/

/* ============ GENERAL ============ */

/* ====== BUTTONS ====== */
.theme-button, input[type="submit"], button {text-transform:uppercase;}

/* ============ LAYOUT ============ */

/* ====== TOP BAR ====== */
#top-bar-content .textwidget ul li {border-right: 1px solid #fff; display:inline-block; line-height: 1; margin: 2px 10px; padding: 0 20px;}
#top-bar-content .textwidget ul li:last-child {border-right:none;}

/* ====== SITE HEADER ====== */
@media screen and (max-width: 767px) {
#wrap #site-header, #wrap .is-sticky #site-header {background-size:700px;}
#site-header #site-header-inner {height:225px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
#wrap #site-header, #wrap .is-sticky #site-header {background-size:900px;}
#site-header #site-header-inner {height:285px;}
}
@media screen and (min-width: 960px) {
#wrap #site-header, #wrap .is-sticky #site-header {background-size:1100px;}
#site-header #site-header-inner {height:350px;}
}
#wrap #site-header, #wrap .is-sticky #site-header {background-position:top center; background-repeat:no-repeat;}
#site-header #site-header-inner {padding-top: 0; padding-bottom: 0;}
#site-header #site-logo, #site-logo #site-logo-inner {display:block;}
#site-header #site-logo {position:relative; top:10%;}

/* ====== ROWS ====== */
.row-center-content {text-align:center;}
.row-center-content .col-content {max-width: 700px; margin: 0 auto;}
.white-background:first-child {padding-top:2%;}
.white-background {padding-bottom:2%;}
.color-background {padding:2% 0;}

/* === FULL WIDTH BG === */
.row-text_row_full_width_bg {background:url('/wp-content/uploads/2017/01/Kopinsalmi-tausta-pattern.png') repeat;}
.row-text_row_full_width_bg .col-content h1, .row-text_row_full_width_bg .col-content h2, .row-text_row_full_width_bg .col-content h3, .row-text_row_full_width_bg .col-content h4, .row-text_row_full_width_bg .col-content p {color:#fff;}
.row-text_row_full_width_bg .col-content a {color:#3A3E3D;}
.row-text_row_full_width_bg .col-content a:hover, .row-text_row_full_width_bg .col-content a:focus {color:#fff;}
.row-text_row_full_width_bg .theme-button:hover {background:#fff; color:#3A3E3D;}

/* === IMAGE GRID === */
.row-image_grid_row {margin-left: -20px; margin-right: -20px;}
.row-image_grid_row > .inner > .col {padding-left: 20px; padding-right: 20px;}
.row-image_grid_row .linkbox-image img {display: block; width:100%;}
.row-image_grid_row .linkbox-title h2 {background:#3A3E3D; color:#fff; font-family: "Open Sans"; font-size:16px; font-weight:400; margin:0; padding:10px 0; text-align:center; text-transform:uppercase;}
.row-image_grid_row .linkbox:hover {text-decoration:none;}
.row-image_grid_row .linkbox:hover .linkbox-title h2 {background:#75B152;}

/* === GALLERY ROW === */
@media screen and (max-width: 767px) {
.row-image_gallery_row .wpex-row .span_1_of_5 {width: 50%;}
.row-image_gallery_row .wpex-row .col-1 {clear:none;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.row-image_gallery_row .wpex-row .span_1_of_5 {width: 33%;}
.row-image_gallery_row .wpex-row .col-1 {clear:none;}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
.row-image_gallery_row .wpex-row .span_1_of_5 {width: 25%;}
.row-image_gallery_row .wpex-row .col-1 {clear:none;}
}

/* == TABLE ROW == */
@media screen and (max-width: 399px) {
.row-table_row td {display:block; text-align:left !important; width:100% !important;}
}
.row-table_row table {margin-bottom:20px; width:100%;}
.row-table_row tr{border:2px solid #f5f5f5;}
.row-table_row tr:nth-child(even) {background:#f5f5f5;}
.row-table_row td {padding:10px;}
.row-table_row td:last-child {font-weight:600; text-align:right; width:15%;}

/* == FAQ ROW == */
.row-faq_row_full_width .faq-entry {margin-left:5%;}
.row-faq_row_full_width .faq-entry h3 {margin-bottom:0;}

/* ====== FOOTER ====== */
.footer-box .wpcf7-submit {background:#fff; color:#3A3E3D; display: block; margin:0 auto;}