/*---------------------------------------------------------------------------------
Theme Name:		SJK Divi Child
Theme URI:		https://valakia.fi
Description:	Custom Divi Child Theme
Author:			Jarkko Ruonakoski
Author URI:		https://valakia.fi
Template:		Divi
Version:		2.0.4
------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*FONT STYLES*/
/* Heebo: thin 100 • light 300 • regular 400 • medium 500 • bold 700 • extra-bold 800 • black 900 */
p, h1, h2, h3, h4, h5, h6, h7, h8, li, ul, ol {word-wrap: normal !important;} p:empty {display: none !important; visibility: hidden;}
body, p, ul, ol, li {font-weight: 400 !important;} /*paragraph set to 16px in Divi settings*/
p strong, strong {font-weight: 700 !important;}
p a {text-decoration: none !important;} p a:hover {color: #C0C1C2 !important; text-decoration: underline !important;}
h1 {font-size: 300% !important; font-weight: 700;}
h2 {font-size: 250% !important; font-weight: 700;}
h3 {font-size: 200% !important; font-weight: 700;}
h4 {font-size: 175% !important;font-weight: 700;}
h5 {font-size: 150% !important; font-weight: 700;}
h6 {font-size: 125% !important; font-weight: 700;}
/*ennätykset listoihin yms*/.entry-content ol {list-style-position: outside !important;} .entry-content ol li {margin-left: 23px !important;}
/*html tables*/ table {width: 100% !important; background-color: #131313 !important;} table ul, table ul {padding-bottom: 0 !important;} table, th, td {border-collapse: collapse;} td {} tr:nth-child(even) {}

/*DIVI STYLES*/
.et_pb_section {padding: 0 0 !important;} .et_pb_row {padding: 15px 0 !important;} .et_pb_row_inner {padding: 0 0 !important;}
.ds-vertical-align {display: flex; flex-direction: column; justify-content: center;}
/**overlay memoo ––> **/
.overlay {position: relative;}
.overlay:after {position: absolute; content: ''; background-color: rgba(194, 178, 82, 0.75) !important; top: 0; right: 0; bottom: 0; left: 0; opacity: 0 !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.overlay:hover:after {opacity: 1 !important;}

/*BOC STYLES?*/
body .et_pb_button, body.et-db #et-boc .et-l .et_pb_button {border-color: rgba(23, 23, 23, 0.01) !important;} /*testing*/
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class.et-db #et-boc .et-l .et_pb_button {color: greenyellow !important;} /*testing*/
body .et_pb_button.et_pb_bg_layout_light {color: #FFF !important;} /*testing*/
body .et_pb_button.et_pb_bg_layout_dark {color: #131313 !important;} /*testing*/

/* SITE STYLES */
body.et_cover_background {background-image: url('/wp-content/themes/sjk-divi-child/images/sjk-site-bg2.jpg') !important;}
.page-content.et_pb_section {padding: 15px 0 !important;} .page-content.et_pb_section:last-of-type {margin: 0 0 35px 0 !important;} .page-content .et_pb_module {margin-bottom: 15px !important;}

/** TOP BAR **/
.et_fullwidth_secondary_nav #top-header .container {display: none !important; visibility: hidden;} .main-header-nimi {display: none !important; visibility: hidden;}
.top-header-functions .et_pb_row {padding: 7px 0 0 0 !important; width: 100% !important;}
.top-header-functions .et_pb_column {margin-bottom: 0px !important;}
.top-header-functions .lippubox a.et_pb_button { font-weight: 700; font-size: 88% !important; margin-top: 2px !important; color: #131313 !important; border: 1px solid #131313 !important; background-color: #C2B252 !important;}
.top-header-functions .lippubox a.et_pb_button:hover {background-color: rgba(26, 26, 26, 0.26) !important;}
body .et_pb_button, body.et-db #et-boc .et-l .et_pb_button {border-width: 1px !important; border-color: #131313 !important;}
.top-header-functions .et_pb_menu__icon, .top-header-functions ::placeholder {color: #131313 !important;}
.et_pb_social_media_follow li.et_pb_social_icon a.icon:before {color: #131313 !important;} .et_pb_social_media_follow li.et_pb_social_icon a.icon:hover:before {color: #58595B !important;}
.top-header-functions .some.et_pb_column {padding-left: 15px;}
.top-header-functions .lippubox.et_pb_column {}
.top-header-functions .hakubox.et_pb_column {float: right !important; padding-right: 15px; margin-top: 2px !important;}
.top-header-functions .hakubox .et_pb_menu .et_pb_menu__wrap {justify-content: flex-end !important;}

/** MAIN MENU **/
.et_fullwidth_nav #main-header .container {width: 80% !important; max-width: 80% !important;}
header#main-header.et-fixed-header, #main-header {-webkit-box-shadow: 0px 1px #C2B252 !important; -moz-box-shadow: 0px 1px #C2B252 !important; box-shadow: 0px 1px #C2B252 !important;}
#et-top-navigation .mm-hidetop {display: none !important; visibility: hidden;}
#et-top-navigation .mobile_nav::before {content:'Menu'; position: absolute; right: 39px; margin-top: 4px !important; color: #FFF !important; line-height: normal !important; font-weight: 500; text-transform: uppercase;}
/*alavalikot*/
#top-menu-nav .nav li ul {padding: 15px 0 !important; /*width: 175px !important; max-width: 175px !important; margin-left: -15px !important;*/}
#top-menu li li {padding: 0 7px !important;}
#top-menu li li a {font-size: 100% !important; text-transform: none !important; line-height: 1.35 !important; /*width: 175px !important;*/ padding: 7px 15px !important; color: #FFF !important;}
#top-menu li li a:hover {color: #C2B252 !important;}
#top-menu li li.current-menu-item>a, .et-fixed-header #top-menu li li.current-menu-item>a {color: #FFF !important;}
#top-menu li li.current-menu-item>a:hover, .et-fixed-header #top-menu li li.current-menu-item>a:hover {color: #C2B252 !important;}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display: none !important;}
/*alavalikon 2. taso*/
.nav li.et-reverse-direction-nav li ul {right: 214px !important;} /*kapeat alavalikot vaihtaa vasemmalle*/
#top-menu-nav .nav li li ul { top: -18px; left: 210px; } 
#top-menu-nav .nav li ul ul {padding: 15px 0 !important; width: 175px !important; max-width: 175px !important;}

/* MOBILE MENU COLLAPSE + JS */
#main-header .et_mobile_menu li ul.hide {display: none !important;}
#main-header .et_mobile_menu li a {font-weight: 500 !important;}
#mobile_menu .menu-item-has-children {position: relative;}
#mobile_menu .menu-item-has-children > a {background: transparent; font-weight: 500 !important;}
#mobile_menu .menu-item-has-children > a + span {position: absolute; right: 0; top: 0; padding: 10px 30px; font-size: 20px; font-weight: 500 !important; cursor: pointer; z-index: 3;}
span.menu-closed:before {content: "\4c"; display: block; font-family: ETmodules; color: #C2B252 !important; font-size: 16px;}
span.menu-closed.menu-open:before {content: "\4d";}

/*BACK TO TOP BUTTON: CSS + JS Divin headissä*/
.et_pb_scroll_top {z-index: 9999999; position: fixed; right: 20px; bottom: 10%!important; background: #FFF !important; height: 100px; box-shadow: 0 2px 4px rgba(26, 26, 26, 0.26); -webkit-transition: all 0.2s ease,-webkit-transform 0.6s ease; transition: all 0.2s ease,-webkit-transform 0.6s ease; transition: all 0.2s ease,transform 0.6s ease; transition: all 0.2s ease,transform 0.6s ease,-webkit-transform 0.6s ease; cursor: pointer;}
.et_pb_scroll_top:before {display: none;}
.et_pb_scroll_top:after {content: "\24"; font-family: ETmodules !important; color: #C2B252; font-size: 16px; font-weight: 700; margin-left: 10px;}
.et_pb_scroll_top, .et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden {-webkit-animation: none !important; animation: none !important;}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {-webkit-transform: scale(0) rotate(0deg); transform: scale(0) rotate(0deg);}
.et_pb_scroll_top.et-visible {-webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
.et_pb_scroll_top .et-pb-icon {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.et_pb_scroll_top {right: 0; width: auto; padding: 0 20px; line-height: 36px;}
.et_pb_scroll_top:before {content: 'Takaisin ylös'; display: inline-block; color: #C2B252; font-weight: 400; font-size: 16px !important;}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {right: 40px; bottom: 100px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1) translate(100%, 0) rotate(-90deg); transform: scale(1) translate(100%, 0) rotate(-90deg);}
.et_pb_scroll_top.et-visible {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.et_pb_scroll_top .et-pb-icon {display: none;}

/*WOOCOMMERCE - Perustyylitykset*/

/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 0px 30px 30px 0px !important;}*/

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul, .woocommerce ul.products {display: flex; flex-flow: row wrap; align-items: stretch;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {display: flex; flex-flow: column nowrap; align-items: stretch;}
.woocommerce ul.products li.product .button {margin-top: auto; display: table;}

.page-id-1051 .archive .woocommerce, .archive.date .woocommerce, .single-post .woocommerce, .single-post .custom-html-widget {display: none !important; visibility: hidden;} /*uutisista kaupan asiat poies*/
.page-id-1051 .archive #wc_category_accordion-2, .archive.date #wc_category_accordion-2, .single-post #wc_category_accordion-2 {display: none !important; visibility: hidden;} /*uutisista kaupan asiat poies*/
.woocommerce ul.products li.product .woocommerce-placeholder {border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid #C0C1C2 !important;}
.page-id-13472 .widget_ultimate_posts, .woocommerce-page .widget_ultimate_posts, .woocommerce-checkout .widget_ultimate_posts, .woocommerce .widget_ultimate_posts {display: none !important; visibility: hidden;} /*kaupasta uutiset pois*/
.page-id-13472 .widget_archive, .woocommerce-page .widget_archive, .woocommerce-checkout .widget_archive, .woocommerce .widget_archive {display: none !important; visibility: hidden;} /*kaupasta uutiset-arkisto pois*/
.woocommerce #main-content, .search .woocommerce #main-content, .archive.woocommerce #main-content {background-color: rgba(255, 255, 255, 1) !important;} /*oletustausta woo-sivuille*/
body.page-id-13472.et_cover_background {background-color: rgba(255, 255, 255, 1) !important; background-image: none !important;} /*oletustausta woo-sivuille*/
.woocommerce #main-content .container:before, .woocommerce-page #main-content .container:before {display: none !important; visibility: hidden;} /*väliviiva sidebarista pois*/
.woocommerce .et_pb_widget_area_left {border-right: none !important; padding: right 0px !important;} /*väliviiva sidebarista pois - kaupan pääsivu*/
.woocommerce #sidebar, .woocommerce-page #sidebar {background-color: rgba(255, 255, 255, 0.9) !important; /*padding: 15px 15px 7px 15px !important; border: 1px solid #C0C1C2;*/} /*sidebarin kehys*/
.woocommerce #sidebar, .woocommerce-page #sidebar {float: left !important; margin: 0px 0 35px 0 !important;} .woocommerce #left-area, .woocommerce-page #left-area {float: right !important; padding-right: 0 !important; padding-left: 5.5% !important; margin: 0 0 35px 0 !important;} /*valikko vasemmalle, sisällöt oikealle*/
.woocommerce #sidebar ul.product-categories li.cat-item-45, .woocommerce-page #sidebar ul.product-categories li.cat-item-45{display: none !important;} /*Sidebar: Yleinen-kategoria piiloon*/
.woocommerce #sidebar ul.product-categories li, .woocommerce-page #sidebar ul.product-categories li {font-weight: 500 !important;} /*sidebar: tuotevalikko*/
.woocommerce #sidebar ul.product-categories ul li, .woocommerce-page #sidebar ul.product-categories ul li {font-weight: 400 !important; margin-top: 7px !important;} /*sidebar: tuotevalikko*/
.woocommerce #sidebar input, .woocommerce-page #sidebar input, #sidebar input {border: 1px solid #666 !important; border-radius: 3px !important; font-size: 88% !important;} /*sidebar: tuote-haku*/
.woocommerce #sidebar button, .woocommerce-page #sidebar button {border: 1px solid #FFF !important; background-color: #C2B252 !important; color: #FFF !important; border-radius: 3px !important; font-size: 88% !important;} /*tuote-haku*/
.woocommerce #sidebar button:hover, .woocommerce-page #sidebar button:hover{border: 1px solid #131313 !important; background-color: #131313 !important;} /*tuote-haku*/
.woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li {font-weight: 400 !important; line-height: 1.35 !important; font-size: 88%;}
.woocommerce button.button.alt, .woocommerce-page button.button.alt {text-decoration: none !important;}
.woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover {border: 1px solid #131313 !important;} 
.woocommerce #sidebar, .woocommerce-page #sidebar { margin: 0px 0 0px 0 !important;}
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class.et-db #et-boc .et-l .et_pb_button { color:#151515!important; font-weight:700; border-width: 1px !important; border-color: #131313 !important;}


#post-13472 .woocommerce #sidebar, #post-13472 .woocommerce-page #sidebar {float: left !important; width: 22.75%;} 
#post-13472 .woocommerce #left-area, #post-13472 .woocommerce-page #left-area {float: right !important; width:77.25%}; 
#post-13472 .select2-container--default .select2-selection--single .select2-selection__rendered { color:#151515!important;} 
span.select2-selection__placeholder { color:#151515!important;}


/* woo-tuotteet –––> */
.woocommerce [itemprop="description"] {display: none !important; visibility: hidden;}
.woocommerce div.product .product_title {color: #C2B252 !important;}
.woocommerce #main-content h1 {color: #C2B252 !important;}
.woocommerce #main-content p {color: #131313 !important; font-weight: 400 !important;}
.woocommerce h2 {font-size: 112% !important; font-weight: 700 !important; line-height: 1.35 !important; color: #C2B252 !important;}
.woocommerce .woocommerce-tabs {background-color: #FFF !important;}
.woocommerce a.button, .woocommerce-page a.button {color: #131313 !important;} /*pakotaa woo-sidebarin toiminnot*/
.product_meta span { display: flex;} .product_meta span a { padding-left: 5px; }
.woocommerce nav.woocommerce-pagination ul { border: none;}
.woocommerce nav.woocommerce-pagination ul li { border-right: none;}

/*Woon sivuvalikko: Tuotevalikot*/
#woocommerce_product_categories-3 {display: none !important; visibility: hidden;} /*tuote-valikko - mobiili*/
#wc_category_accordion-2 {display: block !important; visibility: visible;} /*tuote-valikko - isot näytöt*/

/*Kaupan Category-suodatin*/
.trwca-actheme#outer_ul {padding-left: 0px !important;}
.trwca-actheme .trwca-accordion a {font-size: 100% !important; padding: 7px 10px 7px 0px !important; text-transform: none !important;}
.trwca-actheme ul ul.submenu li a {padding-left: 14px !important;}
.trwca-actheme ul ul.submenu li a:hover {color: #C2B252 !important;}

/*Woon Overlay*/
.woocommerce .et_overlay {border: none !important;}
/*.single-product .image-overlay .image-overlay-inside:before {content: '\E803';}*/ /*overlay kuvakkeen vaihtaminen*/
/*.woocommerce .et_overlay {border: 0; background: #00707a; background: radial-gradient(rgba(0,173,173,1), rgba(0,112,122,0.8));}*/
/*.woocommerce .et_overlay:before {color: #fff; font-size: 60px; margin: auto; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}*/

/*Woon Select*/
.woocommerce select {display: block; font-size: 88% !important /*was 16px*/; font-weight: 700; color: #444; line-height: 1.35; padding: .6em 1.4em .5em .8em; width: 100% !important; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #131313 !important; box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04) !important; border-radius: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #FFF;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%;}
.woocommerce select::-ms-expand {display: none;}
.woocommerce select:hover {border-color: #888;}
.woocommerce select:focus {border-color: #AAA; box-shadow: 0 0 1px 3px rgba(194, 178, 82, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #131313; outline: none;}
.woocommerce select option {font-weight: normal;}

/*Woon Products Pages*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product:nth-child(n) {width: 30% !important; margin: 0 1.5% 15px 1.5% !important; margin-right: 0% !important; background-color: #FFF !important; border: 1px solid #C0C1C2 !important;}
.dgpc_product_carousel ul.product {margin-top: 0 !important; background-color: #FFF !important; border-top: 1px solid #C0C1C2 !important; border-left: 1px solid #C0C1C2 !important; border-right: 1px solid #C0C1C2 !important;}
.dgpc_product_carousel .swiper-container .product {background-color: #FFF !important; border-top: 1px solid #C0C1C2 !important; border-left: 1px solid #C0C1C2 !important; border-right: 1px solid #C0C1C2 !important;}
.woocommerce ul.products .et_shop_image img, .dgpc_product_carousel .product .et_shop_image img {border-bottom: 1px solid #C0C1C2 !important;}
.woocommerce ul.products h2 {font-size: 112% !important; font-weight: 700 !important; line-height: 1.35 !important; color: #131313 !important; /*border-bottom: 1px solid #C0C1C2;*/ padding: 7px 14px !important; min-height: 79px !important;}
.dgpc_product_carousel .dgpc-container .woocommerce-loop-product__title a {font-size: 112% !important; font-weight: 700 !important; line-height: 1.35 !important; color: #131313 !important; padding: 14px !important; min-height: 79px !important;}
.woocommerce ul.products li.product .price, .dgpc_product_carousel .product .price {display: inline-block !important; width: 100% !important; padding: 7px 14px 4px !important; /*color: #FFF !important;*/ color: #C2B252!important; /* background-color: #C2B252 !important;*/ background-color: #fff !important; font-size: 112% !important; font-weight: 700; text-transform: uppercase !important; margin: 0px 0 !important;}
.woocommerce table, .woocommerce table.shop_table {background-color: #FFF !important;}
.woocommerce h3#order_review_heading {margin-top: 21px !important; margin-bottom: 7px !important;}
.woocommerce h1, .woocommerce h1.product_title {font-size: 150% !important;} /*tuotteen nimi - otsikko*/
.woocommerce .entry-summary p.price span {font-size: 100% !important;} /*hinta*/
.woocommerce .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {font-size: 100% !important; height: 39px !important; color:#151515 !important; border: 1px solid #d3ced2!important; background: #fff!important; } /*tuotemäärän valinta-box*/
.woocommerce .woocommerce-tabs .panel h2 {display: none !important;} /*tuotekuvauksen alaotsikko piiloon*/
.woocommerce h3 {font-size: 150% !important;} /*ostoskori - lomakesivu - otsikot*/
/* woo-huomiot –––> */
.woocommerce .woocommerce-error {background-color: red !important;} .woocommerce .woocommerce-info {background-color: #C0C1C2 !important;} .woocommerce .woocommerce-message {background-color: #151515 !important;}
.dgpc_product_carousel .swiper-container ul .product-content { border-bottom: 1px solid #C0C1C2 ;}
.woocommerce select { appearance: inherit; color: #fff!important; border: none!important; background-image: none; background-color:#C2B252; border-radius: 0em!important; font-size: 70%!important; padding:.5em .5em .5em .5em; }
.woocommerce .woocommerce-result-count { display: none;}
.select2-container--default .select2-selection--single { color:#131313; background-color:#C2B252!important; border-radius: 0!important; border:none!important; padding: .5em; height:auto!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {  color:#131313!important; padding-right: 35px!important; }
.select2-selection__arrow { width: 30px!important; }
.select2-selection__arrow b {  border-color:#131313 transparent transparent transparent!important; border-width: 8px!important; left:20%!important; top:70%!important;  }

/*WOO // WOO ENDS*/

/** ETUSIVU: JUMBOTRON sis. karuselli ja 3 x bannerit **/
.jumbotron-main .et_pb_row {padding: 15px 0 !important;}
.jumbotron-main .et_pb_slide_description {padding: 22% 8% 10% 8% !important;} /*oletus 16% 8%*/
.jumbotron-main .et_pb_slide_description .et_pb_slide_title {font-size: 200% !important; font-weight: 700 !important;}
.jumbotron-main .mainslider .et_pb_slide {padding-bottom: 0px !important;}
.jumbotron-main .banners .et_pb_module {margin-bottom: 6px !important; border: 1px solid #58595B !important;}
/*bannereihin overlay*/
.jumbotron-main .banners .overlay {position: relative;}
.jumbotron-main .banners .overlay:after {position: absolute; content: ''; background-color: rgba(194, 178, 82, 0.75) !important; top: 0; right: 0; bottom: 0; left: 0; opacity: 0 !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.jumbotron-main .banners .overlay:hover:after {opacity: 1 !important;}

/*ETUSIVU: Kumppanit - Veikkaus ja Ruutu*/
.kumppanit .veikkaus .et_pb_module {float: left; width: 50% !important; margin-bottom: 0px !important;} .kumppanit .topoff {margin-top: 22px !important;} /*veikkauksen tekstilogon paikoitus*/
.kumppanit .logobox {padding: 35px !important;} /*.kumppanit .et_pb_column:hover {background: rgba(255, 255, 255, 0.25) !important;}*/
.veikkaus.overlay, .ruutu.overlay {position: relative;}
.veikkaus.overlay:after, .ruutu.overlay:after {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: 0 !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.veikkaus.overlay:after {background-color: rgba(20, 55, 90, 0.75) !important;} .ruutu.overlay:after {background-color: rgba(2, 204, 198, 0.75) !important;}
.veikkaus.overlay:hover:after, .ruutu.overlay:hover:after {opacity: 1 !important;}

/*ETUSIVU: Palvelunosto-bannerit: VIP ja SJK Shop*/
.palvelubannerit {/*mobile styles go-go*/}

/*ETUSIVU: Palstojen perustyylit ja otsikot SJK-kuvioinnilla*/
.series-box {border-top: none !important; border-right: 1px solid #C2B252 !important; border-bottom: 1px solid #C2B252 !important; border-left: 1px solid #C2B252 !important; background-color: #131313 !important; min-height: 123px !important;} /*taulukot ja perusloodikot*/
.headerbox.et_pb_module {margin-bottom: 0px !important;} .headerbox .et_pb_row {padding: 0px 0 !important;}
.headerbox {/*background: rgba(194, 178, 82, 1) !important; background: linear-gradient(0deg, rgba(152,135,53,1) 0%, rgba(211,191,94,1) 100%) !important;*/ 
    background: #C2B252;
  /* background: #131313; */ min-height: 40px !important; padding: 0px 22px 0px 22px !important; width: 100% !important; /*border: 1px solid #C2B252;*/}
.headerbox h1 {font-size: 150% !important; font-weight: 700 !important; text-transform: uppercase;/*color: #6A6232 !important;*/ 
   /* color:#C2B252 !important;*/ color: #151515 !important; margin: 0 !important; padding-top: 16px !important; padding-left: 70px !important;/* -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0) !important; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0) !important;*/}
.headerbox h1:before {display: block; float: left; width: 40px !important; height: 62px !important; margin: -13px 0 0 -60px !important; /* height: 62px !important; width: 55px !important; margin: -24px 0 0 -70px !important;*/  content: url('/wp-content/themes/sjk-divi-child/images/sjk-merkki-100-musta.svg');}
/* content: url('/wp-content/themes/sjk-divi-child/images/sjk-merkki-100-kulta.svg');} */
.vieraat-box {background-color: rgba(88, 89, 91, 0.2) !important; min-height: 123px !important;} /*vierakannattajille*/
.headerbox.vieraat {background-color: rgba(88, 89, 91, 1) !important;} .headerbox.vieraat h1 {color: #FFF !important;} .headerbox.vieraat h1:before {content: url('/wp-content/themes/sjk-divi-child/images/sjk-merkki-50-valkoinen.svg');}
.some-box {background-color: rgba(255, 255, 255, 0.6) !important; min-height: 123px !important; margin-bottom: 22px !important;} /*some-seinän kehys*/
.headerbox.kulta {background-color: rgba(194, 178, 82, 1) !important;} .headerbox.kulta h1 {color: #FFF !important;} .headerbox.kulta h1:before {content: url('/wp-content/themes/sjk-divi-child/images/sjk-merkki-50-valkoinen.svg');}
.headerbox.liiga {background-color: rgba(194, 178, 82, 1) !important;} .headerbox.liiga h1 {color: #6A6232 !important;} .headerbox.liiga h1:before {width: 48px !important; height: 38px !important; margin: -10px 0 0 -70px !important; content: url('/wp-content/themes/sjk-divi-child/images/sjk-veikkausliiga-header-icon-black.png');}
.headerbox.valkoinen { background-color: rgba(255, 255, 255, .13) !important; }
.headerbox.valkoinen h1 { color:#FFF!important; text-align: center;} .headerbox.valkoinen h1:before {  display: inline-block; float: none; position: absolute; height: 62px !important; width: 55px !important; margin: -24px 0 0 -70px !important;content: url('/wp-content/themes/sjk-divi-child/images/sjk-merkki-100-valkoinen.svg'); }

/*ETUSIVU: Uutiset ––> + + + Uutiset-sivu*/
.news-grid .et_pb_module {margin-top: -3px !important; margin-bottom: 20px !important;}
.news-grid .et_pb_row {padding: 0px 0 !important;}
.news-grid .et_pb_module.et_pb_posts .et_pb_post {display: flex; flex-direction: column;}
.news-grid .et_pb_ajax_pagination_container {display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr);}
.news-grid .et_pb_ajax_pagination_container>div {grid-column: span 4;}
.news-grid .et_pb_ajax_pagination_container>div {grid-column-start: 1; grid-column-end: 5;}
.news-grid .et_pb_ajax_pagination_container>div {grid-column: 1/ 5;}
/*.news-grid .et_pb_ajax_pagination_container .et_pb_post:nth-child(5) {grid-column: span 2;}*/
.news-grid .et_pb_module.et_pb_posts .et_pb_post img {order: -1;}
.news-grid .et_pb_module.et_pb_posts .et_pb_post .post-meta {order: 1;}
.news-grid .et_pb_module.et_pb_posts .et_pb_post .entry-title {order: 2;}
.news-grid .et_pb_module.et_pb_posts .et_pb_post .post-content {order: 3;}
.news-grid .et_pb_post {border-left: none !important; border-right: 1px solid #131313 !important;}
.news-grid .et_pb_post {background-color: #EAEBED !important; margin-bottom: 1px !important; /*min-height: 499px !important;*/}
.news-grid .et_pb_post:hover {/*background-color: #58595B !important;*/ border-bottom: 1px solid #58595B !important;}
.news-grid .post-content-inner {margin: 0 15px !important; min-height: 111px !important;}
.news-grid .entry-title {min-height: 49px !important; margin: 0 15px 0 30px !important;}
.news-grid h2.entry-title {font-size: 112% !important; font-weight: 700 !important; line-height: 1.35 !important;}
.news-grid h2.entry-title a {color: #C2B252 !important; text-decoration: none !important;}
.news-grid .et_pb_image_container img, .news-grid .et_pb_post a img {object-fit: cover !important; object-position: 50% 50% !important; width: auto !important; min-width: 100% !important; min-height: 229px !important; max-height: 229px !important;}
.news-grid .et_pb_post .entry-featured-image-url .et_overlay {border: none !important;}
.news-grid .et_pb_post a img {border-bottom: 1px solid #131313 !important; border-left: 1px solid #131313 !important;}
.news-grid .et_pb_post p {font-size: 88% !important; line-height: 1.35 !important; margin: 0 15px !important; color: #131313 !important;}
.news-grid p.post-meta {font-weight: 500 !important; padding: 0 15px 7px 15px !important;}
.news-grid a.more-link {display: inline-block !important; border: 1px solid transparent; padding: 7px 14px !important; color: #FFF !important; background-color: rgba(194, 178, 82, 1) !important; font-size: 88% !important; font-weight: 400; text-transform: uppercase !important; margin: 15px 15px 15px 30px !important;}
.news-grid a.more-link:hover {border: 1px solid #88898F; color: #FFF !important; background-color: rgba(88, 89, 91, 0.75) !important;}
.pagination {padding-top: 14px !important;} /*uutiset-sivun seuraavat-linkki*/

/*ETUSIVU: Woocommerce-karuselli*/
.shop-carousel .et_pb_module {margin-top: 0px !important; margin-bottom: 0% !important;}
.shop-carousel .dgpc_product_carousel .swiper-container {padding-top: 0px !important;}
.dgpc_product_carousel .swiper-button-prev { left:-30px!important;}
.dgpc_product_carousel .swiper-button-next { right:-30px!important; }

/* ETUSIVU: Sarjataulukko */
.home .sarjataulukko_container tr td, .sarjataulukko_container tr td { padding: 3px 10px; border:none!important;}
.sarjataulukko_container { color: #fff; }
.sarjataulukko_container table {overflow: auto;}
.sarjataulukko_container td { display: inline-block; width: 10%;}
.sarjataulukko_container td:nth-child(2) { width: 30%; }
.home .sarjataulukko_container tr.sarjataulukko_otsikko td, .sarjataulukko_container tr.sarjataulukko_otsikko td { border: 0px;	font-weight: 700; color: #C2B252; }
.home .sarjataulukko_container table,.sarjataulukko_container table  { border: 0px; margin: 0px; }
.home .sarjataulukko_container tr:nth-child(even), .sarjataulukko_container tr:nth-child(even) {background-color: #424242; border: none!important;}


/* TAULUKKOMUOTOILUJA */
.entry-content .ottelulista_container tr td { border-top:0px;}
.ottelulista_container { overflow-x: auto;}
.ottelulista_container table { overflow: auto;}
.ottelulista_container tr td { padding: 12px 6px 12px 6px!important; }
.ottelulista_container tr { /*display: inline-flex;*/ border-top: 1px solid #eee;}
.ottelulista_container td {/* display: inline-block; width: 10%;*/}
.ottelulista_container td:first-child {  width: 5%; } /* OTTELUAJANKOHDAN MUOTOILUT */
.ottelulista_container td:nth-child(2) { width: 12,5%; text-align: right;} /* KOTIJOUKKUEEN NIMI */
.ottelulista_container td:nth-child(4) {  width: 12,5%; text-align: left;} /* VIERASJOUKKUEEN NIMI */
.ottelulista_container td:nth-child(5) {  width: 10%; text-align: center;} /* OTTELUN TULOS */
.ottelulista_container td:nth-child(6) {  width: 10%; text-align: center;} /* OTTELUN TULOS */
.ottelulista_container td:nth-child(7),
.ottelulista_container td:nth-child(8),
.ottelulista_container td:nth-child(9),
.ottelulista_container td:nth-child(10),
.ottelulista_container td:nth-child(11) {  width: 10%; text-align: center;} /* RAPORTIT */

/* OTTELUOHJELMA */
.otteluohjelma_container { color:#fff; width: 100%; margin-bottom: 50px; min-width: 250px; }
.otteluohjelma_ottelu { display: flex; flex-wrap: wrap; padding: 30px 0px 10px 0px; border-bottom: 1px solid #fff; font-size: 90%; }
.otteluohjelma_ottelu_column1 { flex: 1; min-width: 150px; margin-bottom: 20px; }
.otteluohjelma_ottelu_column2 { flex: 1.5; display: flex; min-width: 230px; margin-bottom: 20px; }
.otteluohjelma_ottelu_column3 { flex: 3; min-width: 250px; }
.otteluohjelma_kotijoukkue { flex: 1; }
.otteluohjelma_tulos { flex: 1; text-align: center; font-size: 140%; font-weight: 800; color: #C2B252; padding-top: 10px; max-width: 25%; }
.otteluohjelma_vierasjoukkue { flex: 1; }
.otteluohjelma_kotijoukkue_nimi { text-align: center; padding-top: 10px; width: 70%; margin-right: 0; margin-left: auto; }
.otteluohjelma_vierasjoukkue_nimi { text-align: center; padding-top: 10px; width: 70%; margin-right: auto; margin-left: 0;}
.otteluohjelma_kotijoukkueen_logo, .otteluohjelma_vierasjoukkueen_logo { max-height: 60px; width: auto; min-height: 68px; }
.otteluohjelma_kotijoukkue_logo { text-align: center; width: 70%; margin-right: 0; margin-left: auto; }
.otteluohjelma_vierasjoukkue_logo { text-align: center; width: 70%; margin-right: auto; margin-left: 0; }

@media all and (max-width: 414px) {
.otteluohjelma_kotijoukkue_logo, .otteluohjelma_vierasjoukkue_logo, .otteluohjelma_kotijoukkue_nimi, .otteluohjelma_vierasjoukkue_nimi { width: 100%; }
.otteluohjelma_ottelu_column1 { text-align: center; }
ul.ottelun_lisakentat { text-align: center; }
.otteluohjelma_ottelu { display: flex; flex-wrap: wrap; padding: 30px 0px 30px 0px;}
}

.et_pb_section_3.et_pb_section { padding-bottom: 0px !important; }

.otteluohjelma_container ul.ottelun_lisakentat { padding:0; }
.otteluohjelma_container ul.ottelun_lisakentat li { list-style: none!important; padding: 6px 10px; border: 1px solid #C2B252; color:#C2B252; display: inline-flex; margin: 3px; font-size: 75%; text-transform: uppercase;}
.otteluohjelma_container ul.ottelun_lisakentat li a:hover { color:#fff; }
.otteluohjelma_tulos_padding { flex: 1; text-align: center; font-size: 140%; font-weight: 800; color: #C2B252; max-width: 15%; padding-top: 15px; margin: 0px 16px 0px 16px; }

.aiemmat_kaudet h4, .aiemmat_kaudet h5 { color:#fff;} /* aiemmat kaudet */
tbody { font-weight: 400; overflow: scroll;} /* aiemmat kaudet */
.aiemmat_kaudet tr { } /* aiemmat kaudet */
.aiemmat_kaudet tr:nth-child(even) {background-color: #424242!important;} /* aiemmat kaudet */
.aiemmat_kaudet td { display: table-cell; } /* aiemmat kaudet */
.aiemmat_kaudet tr td { border: none!important;} /* aiemmat kaudet */

/* UUSI OTTELUOHJELMA */
.otteluohjelman_ottelu { max-width: 2560px; border-bottom: 1px solid #fff; margin-top:12px; font-size: 90%;}
.otteluohjelman_ottelu .et_pb_column { margin-right: 0.5%;}
.otteluohjelman_ottelu .et_pb_column.et-last-child { width:55%; margin-left:2%;}
.aikatiedot { }
.aikatiedot .ottelutyyppi {}
.aikatiedot .otteluaika {} 
.aikatiedot .otteluaika .ottelupvm { font-weight: 700; display: inline-block;}
.aikatiedot .otteluaika .kellonaika { font-weight: 700; display: inline-block;}
.aikatiedot  .ottelupaikka {}
.joukkueet {}
.joukkueet .kotijoukkue { width:38%; display:block; float:left; /*background: red; */}
.joukkueet .vierasjoukkue { width:38%; display:block; float:left;/* background: red; */}
.joukkueet .kotijoukkue_nimi, .joukkueet .vierasjoukkue_nimi { text-align: center;  padding-top: 10px; }
.joukkueet .kotijoukkue_logo, .joukkueet .vierasjoukkue_logo { text-align: center;}
.joukkueet .kotijoukkue_logo img, .joukkueet .vierasjoukkue_logo img { max-height: 60px; width: auto;}
.joukkueet .tulos {/* background:blue;*/ width:24%; height:60px; float:left; text-align: center; display:flex; align-items:center; justify-content:center; font-size: 140%; font-weight: 800; color:#C2B252;  }
.otteluinfo {}
.otteluinfo ul.ottelun_lisakentat { padding:0; }
.otteluinfo ul.ottelun_lisakentat li { list-style: none!important; padding: 6px 10px; border: 1px solid #C2B252; color:#C2B252; display: inline-flex; margin: 3px; font-size: 75%; text-transform: uppercase;}
.otteluinfo ul.ottelun_lisakentat li a:hover { color:#fff; }

/* ETUSIVU: Tilastot */
.tilastot_container tr td {	padding: 3px 10px; border: none !important; }
.tilastot_container {	color: #fff; }
.tilastot_container table {	overflow: auto;	border: 0px; margin: 0px; }
.tilastot_container td { display: inline-block;	width: 10%; }
.tilastot_container td:nth-child(2) {	width: 20%; }
.tilastot_container tr.tilastot_otsikko td { border: 0px;	font-weight: 700; color: #C2B252; }
.tilastot_container tr:nth-child(even) { background-color: #424242;	border: none !important; }

/* ETUSIVU: Maalintekijät */
.maalintekijat_container { color: #fff;	min-height: 390px; padding:14px 14px 0px 14px;}
.maalintekijat_numero p { padding: 10px 0px 0px 20px; font-weight: 700!important; color: #C2B252;}
.maalintekijat_pelaajainfo { padding: 10px 20px 0px 20px; }
.maalintekijat_pelaaja { display: flex; align-items: flex-start; border-bottom: 1px solid #424242; margin-bottom: 6px; margin-left: -1px !important; }
.maalintekijat_nimi { font-weight: 700; color: #C2B252; }
.maalintekijat_pelit {}
.maalintekijat_maalit { font-weight: 700; }
.maalintekijat_pelaajakuva { line-height: 0; }
.maalintekijat_pelaajakuva img { height: 120px; width: auto; line-height: 0;}

/**SISÄSIVUT: Yhteistyössä välilehdet logoihin **/
.et_pb_tabs, .et_pb_wc_tabs {border: 1px solid #424242 !important;}
.et_pb_tabs_controls li.et_pb_tab_active {background: rgba(187, 187, 187, 1); /*background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(187, 187, 187, 1) 100%);*/}
ul.et_pb_tabs_controls:after {border-top: none !important;}
.et_pb_tabs_controls li {border-right: none !important;}
.et_pb_tabs_controls li {font-size: 112% !important; font-weight: 300 !important; text-transform: uppercase !important;}
ul.et_pb_tabs_controls {background-color: #FFF !important;}
.et_pb_tabs_controls li a {color: #C2B252 !important; padding: 8px 28px 4px !important;} .et_pb_tabs_controls li a:hover {color: #131313 !important;}
.et_pb_tabs_controls li.et_pb_tab_active a {color: #131313 !important;}

/* SISÄSIVUT: Uutiset ja artikkeli-sivut: haku yms */
.search #main-content .container:before, .search-no-results #main-content .container:before, .archive #main-content .container:before, .single-post #main-content .container:before, .single-giganttisin_pelaaja .container:before {display: none !important; visibility: hidden;} /*väliviiva sidebarista pois*/
.search #sidebar, .search-no-results #sidebar, .archive #sidebar, .single-post #sidebar {background-color: rgba(255, 255, 255, 0.9) !important; padding: 15px 15px 7px 15px !important; margin: 0 0 35px 0 !important;}
.search #sidebar .woocommerce.kuvatus, .search-no-results #sidebar .woocommerce.kuvatus {display: none !important; visibility: hidden;}
.woocommerce.kuvatus.bambora-full {display: block !important; visibility: visible;} /*bamboran pysty-banneri*/
.woocommerce.kuvatus.bambora-mobile {display: none !important; visibility: hidden;} /*bamboran vaaka-banneri*/
.single-giganttisin_pelaaja #sidebar {display: none !important; visibility: hidden;} /*Giganttisin pelaaja - sidebar pois*/
.search #main-content, .search-no-results #main-content, .archive #main-content, .single-post #main-content, .single-giganttisin_pelaaja #main-content {background-color: transparent !important;} /*oletustausta pois*/
.search h1.entry-title, .search h2.entry-title, h1.not-found-title, .archive h2.entry-title, .single-post h1.entry-title, .single-giganttisin_pelaaja h1.entry-title {color: #C2B252 !important;}

.single-post h1.entry-title, h1.not-found-title {color: #C2B252 !important;}
.search .post-meta, .single-post .post-meta {color: #C2B252 !important;} .search .post-meta a, .single-post .post-meta a  {color: #FFF !important;}
.single-giganttisin_pelaaja .post-meta {display: none !important;}
.search .entry-content, .single-post .entry-content, .search-no-results .entry, .search-results article, .archive article {color: #FFF !important; font-weight: 400 !important;}
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {color: #FFF !important;} /*uutisartikkeliden otsikot*/
.search .entry-content a, .single-post .entry-content a {color: #C2B252 !important; text-decoration: underline;}
.single-giganttisin_pelaaja label {color: #FFF !important;}
.single-giganttisin_pelaaja #left-area {width: 100% !important; padding-right: 0% !important;}
/* artikkelit –––> */
.et_pb_widget h4.widgettitle {font-size: 112% !important; font-weight: 700 !important; color: #C2B252 !important;} .et_pb_widget h4.widgettitle a {color: #C2B252 !important;}
.upw-posts article {margin: 7px 0 0 0 !important; padding: 7px 0 0px 0 !important; border-bottom: 1px solid #C2B252 !important;}
.upw-posts h4.entry-title {font-size: 100% !important; margin-bottom: 0px !important;}
.upw-posts h4.entry-title a {font-weight: 700; line-height: 1.35 !important; color: #58595B !important;} .upw-posts h4.entry-title a:hover {color: #131313 !important;}
.upw-posts .entry-meta {color: #131313 !important; font-size: 75% !important;}

/*JOUKKUEET: Ottelulistan ja pelaajalistan tyylit */
.ottelulista_container a {font-weight: 700 !important;}
.ottelulista_container a:hover {color: #fff;}
.ottelulista_container {color: #eee;}
.et_pb_module .pelaajalista_container {min-width: 100% !important;}
.pelaajalista_container {display: inline-flex; flex-wrap: wrap; justify-content: center; justify-content: center;}
.pelaajalista_pelaaja {margin: 0px 1% 30px 1%; text-align: center !important; width: 18% !important;}
.pelaaja_kuva {min-height: 279px !important; max-height: 279px !important; width: auto !important;}
.pelaajalista_pelaaja a.teksti {color: #FFF; font-size: 112% !important; padding: 7px 0px 0px 0px !important; display: block;}
.pelaajalista_pelaaja a:hover.teksti {color: #C2B252 !important;}
.sponsor {width:100px; height:auto; margin:15px;}

/*SISÄSIVUT: Yksittäinen Pelaaja-sivu/kortti*/
.single-pelaaja #main-content .container:before {display: none !important; visibility: hidden;} /*väliviiva sidebarista pois*/
.single-pelaaja #sidebar {background-color: rgba(19, 19, 19, 0.9) !important; padding: 15px 15px 7px 15px !important; margin: 0 0 35px 0 !important;}
.single-pelaaja #sidebar h3 {font-size: 112% !important; color: #fff !important; margin: 7px 0 0 0 !important; padding-bottom: 7px !important;}
.pelaajalista_nimet_container {display: flex; flex-direction: column; margin: 0 0 15px 0 !important;}
.pelaajalista_nimet_container p {color: #131313 !important; padding-bottom: 7px !important;}
.pelaajalista_nimet_container p a {color: #C2B252;}
.single-pelaaja #main-content {background-color: transparent !important;} /*oletustausta pois*/
.single-pelaaja h1.entry-title {font-weight: 300 !important; color: #C2B252 !important; margin-top: 10px;}
.single-pelaaja h2 {color: #FFF !important;}
.single-pelaaja .entry-content {color: #FFF !important; font-weight: 400 !important;}
.single-pelaaja .pelaaja_wrapper {display: inline-block !important;}
.pelaaja_info_container {float: left !important; width: 50% !important;} 
.single-pelaaja .pelaaja_info_teksti {margin-bottom: 15px !important;}
.pelaaja_info_kuva {float: left !important; width: 50% !important;}
.single_sponsor {max-width: 200px; margin-top: 15px;}
.pelaaja_first_sponsor {padding-top: 20px;}

.single-pelaaja .entry-content {padding-top: 0px !important;}

/*.pelaaja_oletuskuva {height: 240px; width: 180px;}*/

/** FOOTER **/
.footer-main {background-color: #131313 !important;}
.footer-main.et_pb_section {padding: 35px 0 0 0 !important;} .footer-main .et_pb_module {margin-bottom: 0px !important;} .footer-main .et_pb_row {padding: 0 0 0 0 !important;}
.footer-main .logomod {background-image: url('/wp-content/themes/sjk-divi-child/images/footer_vaakuna_border1.png') !important; background-size: 103px 35px !important; background-repeat: repeat-x !important;}
.footer-main .logomod.et_pb_row {min-width: 100% !important; height: 35px !important; margin-top: -60px !important;}
.footer-main .logo .et_pb_module {margin-top: -30px !important;}
.footer-main .info.et_pb_row {padding: 15px 30px !important;}
.footer-main .info .et_pb_module {margin-top: 15px !important;}
.footer-main span {margin: 0 4px !important;} /**infojen välistys**/
.footer-main p a {color: #FFF !important; text-decoration: none !important;} .footer-main p a:hover {color: #CCB84D !important;}
/*footerin yhteistyökumppaneiden logot - LOGOWALL*/
.footer-main .yhteistyossa.et_pb_row {padding: 15px 0 !important;}
.footer-main .yhteistyossa {}
.footer-main .imc-logo-wrapper .imc-logo:hover {filter: invert(66%) sepia(50%) saturate(300%) hue-rotate(14deg) brightness(98%) contrast(98%) !important;}
/*footerin sivukartta*/
.footer-sitemap {border-top: 1px solid #4E4E4E !important;}
.footer-sitemap .et_pb_widget_area_left {padding-right: 0 !important;}
.footer-sitemap #nav_menu-2 {width: 100% !important; font-size: 100% !important; font-weight: 400 !important; padding: 30px 0 30px 0 !important;}
.footer-sitemap .et_pb_widget {margin-right: 0 !important; margin-bottom: 30px !important;}
.footer-sitemap .et_pb_widget_area ul {} .footer-sitemap .et_pb_widget_area ul li ul ul {}
.footer-sitemap .et_pb_widget ul {display: flex; flex-wrap: wrap; line-height: 1.35 !important;}
.footer-sitemap .et_pb_widget ul li {width: calc(12.5% - 4em); margin-left: 2em; margin-right: 2em; margin-bottom: 7px !important;}
.footer-sitemap .et_pb_widget ul li li {width: 100% !important; padding: 0px 0 !important;}
.footer-sitemap .et_pb_widget ul li li li {width: 100% !important; padding: 0px 0 !important;}
.footer-sitemap .et_pb_widget ul li a {color: #C2B252 !important; font-weight: 400 !important; text-transform: uppercase; font-size: 88% !important;}
.footer-sitemap .et_pb_widget ul li li a {color: #FFF !important; font-weight: 400 !important; text-transform: none !important;}
.footer-sitemap .et_pb_widget ul li li li a {width: 100%; font-size: 80% !important; color: #FFF !important; font-weight: 400 !important; text-transform: none !important;}
.footer-sitemap .et_pb_widget ul li a:hover {color: #C0C1C2 !important; text-decoration: none !important;}
.footer-sitemap .et_pb_widget ul li li a:hover, .footer-sitemap .et_pb_widget ul li li li a:hover {color: #C0C1C2 !important; text-decoration: underline !important;}
.footer-sitemap .et_pb_widget ul li ul li {margin-left: 0px !important;} .footer-sitemap .et_pb_widget ul li ul li li {margin-left: 15px !important; padding-right: 15px !important;}
.footer-sitemap .et_pb_widget ul li li ul {margin-top: 7px !important;} /*ala-alavalikon paikoitusta*/
/*footerin copyright + tietosuojan linkit + Valakia*/
.footer-legal {background-color: rgba(88, 89, 91, 0.2) !important;}
.footer-legal.et_pb_row {padding: 15px 0 !important;} .footer-legal p {font-size: 80% !important;} .footer-legal p a {color: #C2B252 !important;} .footer-legal p a:hover {color: #C0C1C2 !important; text-decoration: underline;} .footer-legal img {margin-top: 6px !important;}

/* FOOTER LOGOT / LOGOSEINÄ (OMA SYSTEEMI) */
.sjk-logoseina-footer { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; }
.sjk-logoseina-footer-logo { min-width: 100px; max-width: 160px; width: 10%; margin: 15px; }
.sjk-logoseina-footer-logo img { transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.sjk-logoseina-footer-logo:hover img { filter: invert(66%) sepia(50%) saturate(300%) hue-rotate(14deg) brightness(98%) contrast(98%) !important; }



/** MOBILE STYLES **/

@supports (-ms-ime-align:auto) { /*PC Edgen purkkaus*/
.headerbox.vieraat {/*background-color: red !important;*/}
.headerbox h1 {clip-path: url("#foksiboksi") !important;}
/*<svg width="40" height="40">
  <defs>
    <clipPath id="foksiboksi" clipPathUnits="objectBoundingBox">
      <polygon points="1 0, 1 1, 0 1, 0 0" />
    </clipPath>
  </defs>
</svg> */
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 2400px) {
    .jumbotron-main .mainslider.et_pb_column {width: 72% !important; margin-right: 1% !important;} .jumbotron-main .banners.et_pb_column {width: 27% !important; margin-right: 0% !important;}
    .jumbotron-main .mainslider .et_pb_slide .et_pb_container {height: auto !important; min-height: 900px !important; height: 900px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 294px !important; height: 249px !important;} /*height for Mozilla Firefox*/
  
}
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1800px) and (max-width: 2399px) {
    .jumbotron-main .mainslider.et_pb_column {width: 72% !important; margin-right: 1% !important;} .jumbotron-main .banners.et_pb_column {width: 27% !important; margin-right: 0% !important;}
    .jumbotron-main .mainslider .et_pb_slide .et_pb_container {height: auto !important; min-height: 696px !important; height: 696px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 226px !important; height: 226px !important;} /*height for Mozilla Firefox*/
  
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1406px) and (max-width: 1799px) {
    .jumbotron-main .mainslider.et_pb_column {width: 67% !important; margin-right: 1% !important;} .jumbotron-main .banners.et_pb_column {width: 32% !important; margin-right: 0% !important;}
    .jumbotron-main .mainslider .et_pb_slide .et_pb_container {height: auto !important; min-height: 660px !important; height: 660px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 214px !important; height: 214px !important;} /*height for Mozilla Firefox*/
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {
    .et_fullwidth_nav #main-header .container {width: 80% !important; max-width: 80% !important;}
    #top-menu li {padding-right: 19px !important;} #top-menu li a {font-size: 107% !important;} #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 10px !important;}
    .jumbotron-main .mainslider.et_pb_column {width: 100% !important; margin-right: 0% !important; margin-bottom: 15px !important;} .jumbotron-main .banners.et_pb_column {width: 100% !important; margin-right: 0% !important;}
    .jumbotron-main .mainslider .et_pb_slide .et_pb_container {height: auto !important; min-height: 500px !important; height: 500px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 149px !important; height: 159px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_module {float: left; width: 32.333% !important; margin: 0% 0.5% !important;}
    .pelaajalista_pelaaja {width: 31.3333% !important;}
    .footer-sitemap .et_pb_widget ul li {width: calc(25% - 4em) !important;}
}

/*** Responsive Styles Tablet Only ***/
@media all and (max-width: 980px) {
    .top-header-functions .et_pb_column  { margin-bottom: 6px!important;}
    #top-header > .container, #main-header > .container, #et_search_outer > .container, body.single #main-content > .container, body.page div.et_pb_row, body.page div.et_pb_row.et_pb_row_fullwidth {width: 95% !important;} /*mobile width 80% –> 90% tms*/
    body.page .top-header-functions .et_pb_row {width: 100% !important; /*background-color: green;*/}
    body.page .footer-legal.et_pb_row {width: 100% !important; /*background-color: green;*/}
    .top-header-functions .some.et_pb_column {width: 25% !important; margin-right: 0 !important; padding-left: 0 !important;} .top-header-functions .lippubox.et_pb_column {width: 25% !important; margin-right: 0% !important;} .top-header-functions .hakubox.et_pb_column {width: 50% !important; margin-right: 0 !important; padding-right: 0px !important;}
    .et_pb_social_media_follow li a.icon {width: 18px !important; height: 18px !important;} /*was 20px on max-w 479*/
    .top-header-functions .hakubox .et_pb_menu .et_pb_menu__menu {display: block !important; padding-bottom: 0px !important;} .top-header-functions .hakubox .mobile_menu_bar {display: none !important;}
    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-top: 28px !important;}
    .et_header_style_split #et-top-navigation .mobile_menu_bar, .et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom: 8px !important;}
    .mobile_menu_bar {padding-left: 60px !important; /*padding-bottom: 0 !important;*/} #et_mobile_nav_menu {display: block !important; margin-bottom: 12px !important;} /*width for clickable text - margin for real browsers*/
    _::-webkit-full-page-media, _:future, :root, #et_mobile_nav_menu {margin-bottom: 12px !important; } /*width for clickable text - margin for safari*/
    .palvelubannerit .et_pb_column {width: 48% !important; margin: 0 1% !important;}
    .jumbotron-main .mainslider.et_pb_column {width: 100% !important; margin-right: 0% !important; margin-bottom: 7px !important;} .jumbotron-main .banners.et_pb_column {width: 100% !important; margin-right: 0% !important;}
    .jumbotron-main .mainslider .et_pb_slide .et_pb_container {height: auto !important; min-height: 350px !important; height: 350px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 180px !important; height: 180px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_module {float: left; width: 33% !important; margin: 0 0.155555% !important;}
    .jumbotron-main .et_pb_slide_description {padding: 28% 8% 4% 8% !important;} .jumbotron-main .et_pb_slide_description .et_pb_slide_title {font-size: 150% !important;}
    .news-grid .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .news-grid .et_pb_ajax_pagination_container>div {grid-column: span 2;}
    /*tables mobile fix ––>*/
	/*table, thead, tbody, th, td, tr {display: block;} thead tr {position: absolute; top: -9999px; left: -9999px;} tr {} td {border: none; position: relative; padding-left: 5%;}*/
	td:before {position: absolute; top: 6px; left: 6px; width: 95%; padding-right: 10px; white-space: nowrap;}
    .pelaajalista_pelaaja {width: 48% !important;} .pelaaja_kuva {min-height: 219px !important; max-height: 219px !important;}
    .pelaaja_info_container {width: 100% !important;} .pelaaja_info_kuva {width: 100% !important;}
    .ottelulista_container tr { display: flex; }
    .ottelulista_container td:nth-child(1) { width: auto; } /* OTTELUAJANKOHDAN MUOTOILUT */
.ottelulista_container td:nth-child(2) { width: 12,5%; text-align: right;} /* KOTIJOUKKUEEN NIMI */
.ottelulista_container td:nth-child(4) { width: 12,5%; text-align: left;} /* VIERASJOUKKUEEN NIMI */
.ottelulista_container td:nth-child(5) {  width: 10%; text-align: center;} /* OTTELUN TULOS */
.ottelulista_container td:nth-child(6) {  width: 10%; text-align: center;} /* OTTELUN TULOS */
.ottelulista_container td:nth-child(7),
.ottelulista_container td:nth-child(8),
.ottelulista_container td:nth-child(9),
.ottelulista_container td:nth-child(10),
.ottelulista_container td:nth-child(11) {  width: 7,5%; text-align: center;} /* RAPORTIT */

.otteluohjelman_ottelu .et_pb_column.et-last-child { width:100%; margin-left:0%;}



    /**bambora**/
    .woocommerce.kuvatus.bambora-full {display: none !important; visibility: hidden !important;} /*bamboran pysty-banneri*/
    .woocommerce.kuvatus.bambora-mobile { display: none; /*display: block !important; visibility: visible !important;*/} /*bamboran vaaka-banneri*/
    /*woo + sidebarin tuotevalikot*/
    body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {padding-top: 21px !important;}
    #woocommerce_product_categories-3 {display: block !important; visibility: visible !important;} /*tuote-valikko - mobiili*/
    #wc_category_accordion-2 {display: none !important; visibility: hidden !important;} /*tuote-valikko - isot näytöt*/
    #woocommerce_widget_cart-2 {display: none !important; visibility: hidden !important;}
    #woocommerce_product_search-2 {display: none !important; visibility: hidden !important;}
    .woocommerce #left-area {float: left !important; padding-left: 0% !important; margin: 0px 0 0px 0 !important;} .woocommerce .container #content-area {display: flex !important; flex-flow: column !important;} .woocommerce #left-area {order: 1 !important;} .woocommerce #sidebar {/*order: 2 !important;*/}
    .woocommerce .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {margin-bottom: 7px !important;} /*tuotemäärän valinta-box*/
    .archive #sidebar { padding: 0!important; border:none!important; margin: 0 0 0px 0 !important}
    .woocommerce .container #content-area { padding-bottom:60px; }
    .woocommerce .widget_product_categories h4.widgettitle { display:none!important;}
    .aiemmat_kaudet tbody, .ottelulista_container tbody { font-size:85%;}
   
  
    .dgpc_product_carousel .swiper-button-prev { left:-10px!important;}
    .dgpc_product_carousel .swiper-button-next { right:-10px!important; }

    
    /*WOOCOMMERCE ETUSIVU*/
    #post-13472 .woocommerce #left-area { float:none!important;  margin-top:95px!important;}
    #post-13472 .woocommerce #sidebar { position: absolute; top:0; border:none; padding:none;}
    .woocommerce select { appearance: inherit; color: #fff!important; border: none!important; background-image: none; background-color:#C2B252; border-radius: 0em!important; font-size: 70%!important; padding:.5em .5em .5em .5em; }
    .woocommerce .woocommerce-result-count { display: none;}
    .select2-container--default .select2-selection--single { color:#131313; background-color:#C2B252!important; border-radius: 0!important; border:none!important; padding: .5em; height:auto!important;}


    /*footer*/
    .footer-sitemap .et_pb_widget ul li {width: calc(25% - 2em) !important; margin-left: 1em !important; margin-right: 1em !important;}
}
 
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 130px !important;}
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 260px !important; height: 260px !important;} /*height for Mozilla Firefox*/
    .jumbotron-main .banners .et_pb_module {width: 100% !important; margin-right: 0% !important; margin-bottom: 7px !important;}
    .top-header-functions .lippubox a.et_pb_button {padding: 3px 6px !important;}
    .news-grid .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} .news-grid .et_pb_ajax_pagination_container>div {grid-column: span 1;}
    .ottelulista_container td:nth-child(1),
    .ottelulista_container td:nth-child(2),
    .ottelulista_container td:nth-child(4),
    .ottelulista_container td:nth-child(5),
    .ottelulista_container td:nth-child(6) { width: 20%; }
    .ottelulista_container td:nth-child(7),
.ottelulista_container td:nth-child(8),
.ottelulista_container td:nth-child(9),
.ottelulista_container td:nth-child(10),
.ottelulista_container td:nth-child(11) { display:none!important; visibility: hidden;} /* RAPORTIT */

    /*woo*/
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product:nth-child(n) {width: 46% !important; margin: 0 1.5% 15px 1.5% !important; margin-right: 0% !important;}
    .widget_product_categories h4.widgettitle { display: none; }
    /*footer*/
    .footer-sitemap .et_pb_widget ul li {width: calc(50% - 2em) !important; margin-left: 1em !important; margin-right: 1em !important;}
    
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
    h1 { font-size: 250% !important; } h2 { font-size: 225% !important; }
    .top-header-functions .some.et_pb_column { width: 0!important; }
    ul.et_pb_social_media_follow { display: none;}
    .et_pb_social_media_follow li a.icon {width: 16px !important; height: 16px !important;} /*was 20px on max-w 479*/
    .jumbotron-main .banners .et_pb_slide .et_pb_container {height: auto !important; min-height: 190px !important;}
    .news-grid .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} .news-grid .et_pb_ajax_pagination_container>div {grid-column: span 1;}
    .home .sarjataulukko_container tr td, .sarjataulukko_container tr td {padding: 3px 3px; border: none !important;}
    .sarjataulukko_container td:nth-child(2) {width: 25%; margin-left: 5%;}
    .maalintekijat_container {padding: 14px 7px 10px 7px;}
    .maalintekijat_pelaajakuva img {height: auto;}
    .maalintekijat_numero p { padding:10px 0px 0px 8px;}
    .maalintekijat_pelaajainfo {padding: 10px 10px 0px 8px;}
    .aiemmat_kaudet tr td { padding: 3px;}
    .tilastot_container tr td { padding: 3px 3px; border: none !important; }
    .tilastot_container td:nth-child(2) { width: 15%;	margin-left: 5%; }
    /*woo*/
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product:nth-child(n) {width: 46% !important; margin: 0 1.5% 15px 1.5% !important; margin-right: 0% !important;}
    .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width:100%; margin-bottom:20px!important; }
    /*footer*/
    .footer-sitemap .et_pb_widget ul li {width: calc(100% - 2em) !important; margin-left: 1em !important; margin-right: 1em !important;}

}

@media (max-width: 1420px) {
	.otteluohjelma_tulos_padding { max-width: 20% !important; }
}