@import url('https://fonts.googleapis.com/css?family=PT+Sans');

.etusivu-slider-linkki:hover {
	cursor: pointer; 
}

#site-navigation .menu li::before {
	content: none !important;
}

#site-navigation .menu > ul > li a, 
#site-navigation .menu > li a {
	text-transform: none !important;
	font-style: italic !important;
	letter-spacing: 0 !important;
}

#site-navigation .menu > ul > li, #site-navigation .menu > li {
	border-left: 1px solid #a2bd30;
	margin-top: 34px;
    padding: 0 !important;
	padding: 44px 15px !important;
}

/* alle < 1099px navin padding vielä pienemmäksi, teksti pienemmäksi */

#site-navigation .menu > ul > li:first-child, #site-navigation .menu > li:first-child { 
	border-left: none !important;
}

.site-header .site-branding img {
    width: 280px !important; height: auto !important;
    max-width: none !important;
}

#site-navigation .sub-menu li a, #site-navigation .children li a {
	text-align: left !important;
	font-size: 16px !important;
}

#site-navigation .sub-menu li a, #site-navigation .children li a {
    padding: 15px 20px !important;
}

/* Yleiset tyylimäärittelyt */


#content a { color: #2c559d; }
#content a:hover { color: #000; }


ul, ol { margin-left: 3em; }
h1 { font-style: italic !important; }

h2 {
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    font-style: italic !important;
    text-transform: uppercase !important;
}

h3 {font-size: 18px;}

h3, h4 {  
    color: #5a5a5a !important; 
    font-family: 'PT Sans', sans-serif !important;
    margin-top: 1em;
    margin-bottom: 0.3em;
}

h5 {
    font-style: italic !important;
    font-weight: bold;
    font-size: 170% !important;
}

/* ETUSIVU */

.frontpage h2 { text-transform: none !important; }
.frontpage-small-text { font-size: 13px !important; line-height: 15px !important; }
    
.frontpage-background-overlay {
    background: url('https://www.seniorikalusteet.fi/wp-content/themes/tm-zebre/images/frontpage-text-overlay.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.frontpage h3 { 
    font-size: 52px !important;
    font-family: 'PT Serif', sans-serif !important;
    color: #a2bd30 !important;
    font-style: italic;
}

.frontpage-special h4 {
    margin-top: 0.5em !important;
    color: #5a5a5a !important;
    font-size: 28px;
}

#ajankohtaista {
    background: #666666 !important;
    padding: 2em 0;
    color: #fff !important;
}

#ajankohtaista h1, 
#ajankohtaista h2, 
#ajankohtaista h3, 
#ajankohtaista h4 {
    color: #fff !important;
} 

#ajankohtaista a { color: #fff; border-bottom: 1px #fff solid; margin-bottom:2px;}
#ajankohtaista a:hover { color: #000; border-bottom: 1px #000 solid; margin-bottom:2px;}

.frontpage-comparison { margin-bottom: 50px; }
.frontpage-comparison .vc_column-inner { padding-left:0 !important; padding-right:0 !important; }

.frontpage-comparison-side, .frontpage-comparison-middle {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.frontpage-comparison-side { border: 1px #eee solid; min-height: 320px; }

.frontpage-comparison-side:first-child { border-right:0; }
.frontpage-comparison-side:last-child { border-left:0; }

.frontpage-comparison-middle { 
    min-height: 450px;
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

.frontpage-comparison .vc_cta3-content span, .frontpage-comparison .vc_cta3-content p{
    font-size: 24px;
}
.frontpage-comparison .vc_cta3-content h2 { margin-bottom: 15px; }

.frontpage .vc_btn3, .vc_btn3 a { 
    font-size: 20px !important;
}


/* BUTTONIT */

.vc_btn3, .vc_btn3 a, .wpcf7-submit, .form-submit .submit {
    background: #a2bd30 !important; 
    border: 0 !important; 
    /*border-bottom: 3px solid #a2bd30 !important;*/
    font-family: 'PT Sans', sans-serif !important;
    font-weight: bold;
    color: #fff !important;
    text-transform: uppercase;
}

.wpcf7-submit, .form-submit .submit  { font-size: 16px !important; }
/*
    background: none !important; 
    border: 0 !important; 
    border-bottom: 3px solid #a2bd30 !important;
    font-family: 'PT Sans', sans-serif !important;
    font-weight: bold;
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    color: #666666 !important;
    text-transform: uppercase;
*/

.vc_btn3:before {
    content: '> ';
    color: #fff !important;
}

.content-background-overlay {
    padding-top: 6.5em !important;
    
    width: 100%;
    height: 100%;
    background: no-repeat center top #fff url('https://www.seniorikalusteet.fi/wp-content/themes/tm-zebre/images/content-background-overlay.jpg');
    background-size: 1920px 969px;
        
    padding-bottom: 40px !important; 
}
    
.content-background-overlay:before {
        content: '' !important;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,1) 99%);
        opacity: 1; 
        display: initial !important;
    }


.content-summarison h2 {
    color: #000 !important;
    text-transform: none !important;
}

.content-summarison-bg {
    background: #fff; border: 1px solid #d8d8d8;
    padding: 1em;
}

.box-bordered-half { background: #fff; border: 1px solid #d8d8d8; width: 48% !important; margin: 1%; padding: 1%; }

.tuotekortti-ingressi { font-size: 24px !important;}
.tuotekortti-ingressi h3 { font-size: 28px !important;}
.tuotekortti-ingressi strong { font-size: 24px !important; font-weight:bold; }

/* Accordion */
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background: #a2bd30 !important; border: none !important;
}

.vc_tta-panel .vc_tta-panel-title > a { color: #fff !important; }

.vc_tta-panel .vc_tta-controls-icon::before, .vc_tta-panel .vc_tta-controls-icon::after {
    border-color: #fff !important;
}

.r-order-here {
    width: 100% !important;
    background: #a2bd30 !important; border: none !important;
}

.r-order-here .vc_general {
    font-size: 20px !important; color: #fff !important; 
    text-transform: none; letter-spacing: normal !important;
    height: 48px; 
    padding: 12px 14px 20px 14px !important;
    border: none !important;
}


/* Tuotevertailutaulukko */
.table {
    width: 92%; margin: 5% auto !important;
    display: table !important;
    overflow: hidden !important;
    position: relative !important;
}

.table td {
    font-size: 20px; font-weight: bold !important;
    text-transform: uppercase;
    padding: 1em;
    vertical-align: middle;
}

.table th { 
    width: 25%; text-align:center; 
}

.table th h5 {
    font-size: 28px; font-weight: bold !important;
    font-family: 'PT Sans', sans-serif !important;
    font-style: normal !important;
    color: #5a5a5a;
} 


.table td h5 { 
    text-transform: lowercase !important;
    font-size: 42px !important;
}

.table th:first-child { width: 50% !important; }

.table tbody > tr { overflow: hidden; }

.table tbody > tr::after {
    content:'';
    border-bottom: 1px solid #e0e0e0 !important;
    position: absolute;
    height: 1px;
    left: 0px;
    right: 0px;
}

.table td, .table th { /*::not(::first-child) */
    border-left: 1px solid #e0e0e0;
}

.table td:first-child, 
.table th:first-child {
    border-left: none !important;
}

/* ASIAKASKOKEMUKSET */

.asiakaskokemus em { font-size: 25px !important; line-height: 30px !important; word-break: keep-all !important; }
.asiakaskokemus { font-size: 16px !important; border: 2px #a2bd30 solid; padding: 3%; }


.padding-top { padding-top: 5em !important; }
.background-none { background: none !important; }

.verkkokauppa a { color: #fff !important; }
.verkkokauppa:hover { background: #8da622 !important; transition: all 0.3s ease; cursor: pointer; }

.verkkokauppa {
    background: #a2bd30; padding: 14px;
    color: #fff; font-style: italic; font-weight: bold;
    text-transform: uppercase;
    width: 180px; text-align:center;
    font-family: 'PT Serif', sans-serif !important;
}

.verkkokauppa-side {
    position:absolute; left:0; top: 240px; z-index: 6;
}

.verkkokauppa-bottom {
    position:absolute; z-index: 6; right: 20%; top:0;
}

.verkkokauppa .nostolinkki {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(empty.gif);
}



.frontpage footer { margin-top:0 !important; }

.copyright, .copyright *:not(h3) {
    text-align: left !important;
    font-size: 15px !important;
    line-height: 21px;
}

.copyright h3 {
    text-align: left !important;
    color: #fff !important;
    font-family: 'PT Serif', serif !important;
    font-style: italic; font-weight: bold;
    font-size: 22px !important;
}

.copyright a:hover {
    color: #a2bd30 !important;
}


#primary-menu .menu-item > a {
	padding: 44px 30px !important;
}


/* Kuvakaruselli */

.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
	font-size: 90px !important; color: #a2bd30 !important;
}

.vc_images_carousel .vc_carousel-control {
	opacity: 1 !important;
}

.vc_images_carousel .vc_carousel-control:focus, .vc_images_carousel .vc_carousel-control:hover {
	color: #666666 !important; opacity: 1 !important;
}

.vc_left {
	margin-left: -15px !important;
}
.vc_right {
	margin-right: -15px !important;
}


.wpcf7-form label {
    font-weight: bold !important;    
}

/* BLOGI */

.big-title--single, .author-info { display: none !important; }
/*.entry-content { padding-top: 60px; }*/
.categories-links a { 
    color: #a2bd30 !important; 
    letter-spacing: normal !important;
    font-weight: bold;
    border-bottom: 0 !important;
    margin-top: 60px; padding: 10px !important;
} 

.categories-links a:hover { color: #fff !important; } 

h3.entry-title {
    color: #a2bd30 !important; 
    font-size: 30px !important;
}

/* MOBIILI */


@media (max-width: 767px) {
    .frontpage-special > .wpb_wrapper h4, 
    .frontpage-special > .wpb_wrapper > p > span {
        text-align: center !important;
    }
    
    .verkkokauppa-side { display: none !important; }
    
    
    .yhteystiedot-mobile {
        text-align:center;
    }
    
    .verkkokauppa-bottom { right: 30px !important; }
    
    
    #tuotesivu .vc_column-inner { padding:0 !important;}
    .r-order-here { width: 100%; height: 75px !important;}
    
}

@media (max-width: 480px) {
    .r-order-here { height: 100px !important; }
}

@media (max-width: 55rem) {
    .frontpage-comparison .wpb_wrapper h1 {
        font-size: 35px !important;
    }
    
    .site-content > .container,
    #content > .container .entry-content, 
    #content > .container > .container { width: 100% !important; max-width: 100%; }
    
    
    .frontpage-comparison-middle { 
        min-height: 200px !important; 
    }
    
    .frontpage-comparison-side, .frontpage-comparison-middle {
        padding: 40px !important;
        min-height: 0px !important;
    }
    
    #tuotesivu h5 {
        font-size: 20px !important;
    }
    
}

@media (max-width: 1175px) {
    #etusivu-slider { display: none; margin-top: 2em; }
}

@media (min-width: 1175px) AND (max-width: 1250px) {
    #etusivu-slider { font-size: 12px !important; }
}

@media (max-width: 61.9375rem) {
   .site-header {
        background-color: #fff !important;
    } 
    
    #open-left {
        color: #a2bd30 !important; font-size: 30px !important;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .end { 
        -webkit-justify-content: none;
        -ms-flex-pack: none;
        justify-content: none;
        text-align: left; 
    }
    
    
    .frontpage-comparison .wpb_wrapper h1,
    .content-background-overlay h1,
    #tuotesivu h1 {
        font-size: 45px;
    }
    .content-background-overlay h1 {
        padding-bottom: 0.25em;
    }
    
    .frontpage-comparison-side h2, 
    .frontpage-comparison-middle h2,
    #tuotesivu h2 {
        font-size: 28px;
    }
    
    .frontpage-comparison .vc_cta3-content span, 
    .frontpage-comparison .vc_cta3-content p {
        font-size: 17px; word-break: keep-all !important;
    }
    
    .frontpage-comparison-middle { 
        min-height: 200px !important; 
        padding-top: 50px!important; 
        padding-bottom: 50px!important;
    }
    
    .frontpage-background-overlay {
        padding:0 !important; width: 95%;
        margin:0 auto;
    }
    
     #ajankohtaista {
        padding:0 !important; width: 100%;
    }
    
    .frontpage-special > .wpb_wrapper h4 {
        font-size: 18px !important;
    }
    
    .frontpage-comparison { width: 100%; }
    
    
    .scrollup.show { bottom: 130px; }
    
    .asiakaskokemus em {
        font-size: 18px !important;
    }
    
    .r-order-here .vc_general.vc_btn3 { height: 75px !important; text-align: left !important;}
    
}


@media (max-width: 70rem) { 
    #primary-menu .menu-item { font-size: 15px; }
    #site-navigation .menu > ul > li, #site-navigation .menu > li {padding: 30px 5px !important; }
    
    #tuotesivu >.vc_row, 
    #etusivu-slider > .vc_row {
        padding-top: 0 !important; 
    }
    
    .frontpage-comparison > .vc_row {
        padding-top: 4rem; 
    }
}