@import url("../quark/style.css");

/*
 Theme Name:   SAM
 Description:  SAM-lapsiteema
 Author:       Joona Hämäläinen
 Template:     quark
*/



/*** YHTEISET ***/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.col {
    margin:0 0 0 0 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1;
}

a:hover, a:active, a:focus {
    color: #1a2457;
}


@font-face {
    font-family: 'Hurme';
    src: url('https://samsuomi.fi/wp-content/themes/quark-sam/fonts/Hurme/hurme_-_hurmegeometricsans1_black-webfont.woff2') format('woff2'),
         url('hurme_-_hurmegeometricsans1_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Quarto';
    src: url("https://samsuomi.fi/wp-content/themes/quark-child/fonts/Quarto/Quarto-Black.otf");
}

/*** NO BORDER RADIUS IN IOS ***/
input.search-field, input#wpforms {
    border-radius: 0 !important;
}
input.search-field, input#wpforms {
    -webkit-appearance: none !important;
}

a, p, h1, h2, h3, h4, h5, h6, span, label, h1.page-title {
    font-family: 'PT Sans', sans-serif;
}

a:focus {
    outline:none !important;
}
/*** HEADER ***/
#headercontainer {
    background: transparent;
    position: relative;
    height:300px;
    margin-bottom:-300px;
    transition: 0.3s;
    z-index: 2;
}
.site-title img {
    max-width:100px;
    left:-20px;
    opacity:0;
    position: absolute;
    top:42px;
    transition:0.5s;
}
.site-title-show {
    left:20px !important;
    opacity:1 !important;
}
.menu-hover {
    background:#1a2457 !important;
    height:300px !important;
    transition: 0.5s;
}
.site-header {
	max-width:1400px !important;
}

/*** USA IN MENU ***/
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1598 a {
    font-size:0px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1598 img {
    position: relative;
    top: 9px;
}

/*** NAV ***/
/*** MENU ***/
.main-navigation {
    float:left;
}
.main-navigation ul a {
    color:#fff;
    font-weight: bold;
}
.main-navigation ul a:hover {
    color:#558fc8;
}
.main-navigation ul a:focus {
    outline:none;
}
.main-navigation ul ul {
    background:transparent;
    box-shadow: none;
    -webkit-box-shadow:none;
}
.nav-menu {
    font-weight: normal;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_parent > a {
    color:red !important;
}
.main-navigation li:hover > a {
    color:#558fc8 !important;
}
.main-navigation li {
	margin:0 0 0 30px;
}

/*** MENU SUBMENU ***/
ul.sub-menu .sub-menu li:first-child {
    padding-top:0px;
}
.main-navigation ul ul a {
    padding:0px !important;
    width:100% !important;
    color:#558fc8;
    font-weight: normal;
    min-width: 190px;
}
.menu-item-18 ul li a {
    min-width:280px !important;
}
.sub-menu li a {
    font-size:14px;
}
.sub-menu li a:hover {
    color:#fff !important;
    background:none !important;
}
ul.sub-menu.sub-menu-opened .menu-item-has-children:after {
    content: ' ';
}
.main-navigation ul ul :hover > a {
    background-color:transparent !important;
}

/** MOBILE MENU **/
ul#menu-paamenu {
    display: none;
    padding:0px;
    margin-top:20px;
}
ul#menu-paamenu input.search-field {
    margin-top: 100px;
    margin-left:24px;
}
ul#menu-paamenu input.search-submit {
    margin-top: 100px;
}

ul.sub-menu {
    display: none;
}
.sub-menu li a {
    padding-left: 0px !important;
    font-weight: normal;
}
.sub-menu li a:hover {
    /*color:red !important;*/
    color:#fff;
}
.menu-item-has-children {
    position: relative;
}
.menu-item-has-children:after   {
    content:url('https://samsuomi.fi/wp-content/uploads/2017/06/arrow.png');
    cursor:pointer;
    position:absolute;
    right:20px;
    top:0px;
    transform: rotate(180deg);
    display: none;
}
#toggle {
    display: none;
    cursor:pointer;
}
ul.sub-menu.sub-menu-opened { 
    padding-bottom: 16px; 
    padding-left: 44px;
    margin-left: -22px;
    margin-right: -22px;
}
.sub-menu.sub-menu-opened li:first-child a {
    background:none !important;
}
.sub-menu-opened {
    background:#223283;
    height:100%;
}
.menu-item-73 {
    display: none;
}
.sub-menu li .sub-menu li:first-of-type {
    margin-top:0px;    
}
.sub-menu li .sub-menu li {
    padding-left:0px;
    min-width:200px;
}
ul.sub-menu.sub-menu-opened ul.sub-menu.sub-menu-opened {
    margin-right:0px !important;
    padding-bottom:0px;
    margin-top:-10px;
}

/*** MENUHAKU ***/
input.search-field {
    background:#46679d;
    border:none;
    height:60px;
    color:#fff;
    padding-left:20px;
    width:250px;
    font-size:14px !important;
}
input.search-field:focus {
    outline:none;
}
input.search-submit {
    background:#5c89c0;
    border-radius:0px;
    border:none;
    height:60px;
    position: relative;
    top:1px;
    left:-5px;
    text-shadow: none;
    font-weight: bold;
    color:#fff;
    font-size:16px !important;
}
input.search-submit:hover {
    background:#fff !important;
}
#search-2 {
    margin-top:-16px;
}

/** HAKUTULOSSIVU **/
.search h1.page-title, .search-no-results h1.entry-title {
    color: #1a2457;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.search h1.entry-title a {
    color: #1a2457;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
}
.search .header-meta {
    display: none;
}
.search .entry-header h1 a {
    color:#1a2457;
}
.entry-header h1 a:hover {
    color:#72abe4;
}
.search .tribe_events {
    border:solid 2px #dfefff;
    padding:20px;
    border-bottom:none;
    margin-bottom:0px;
}
.search .posti {
    border-bottom: solid 1px;
    margin-bottom:0px;
}
.entry-content form.search-form .search-submit {
    position: relative;
    top: 0px;
}

/** ARCHIVE **/
.archive-header, .page-header {
    border-bottom:none !important;
}

/*** BANNERI ***/
.banner {
	max-width:1400px !important;
}
.home #bannercontainer {
    margin-top:-110px;
    height:1000px;
    background-size:scroll !important;
    background-attachment: fixed;
}

/**PARALLAX **/
#bannercontainer {
	background:url('https://samsuomi.fi/wp-content/uploads/2017/06/etusivu_isokuva.jpg') center 0 no-repeat fixed;
    position:relative;
    background-size:cover;
}
#maincontentcontainer {
	position: relative;
}
/* Muiden sivujen banneri */
#bannercontainer {
    /*height:280px;*/
    height:300px;
    margin-top:-110px;
    background-size: cover !important;
}

img.bannerilogo {
    max-width: 800px;
}
#text-2 {
    text-align: center;
}
img.bannerilogo {
    max-width: 800px;
    margin-top: 200px;
}

/*** MOBIILIBANNERI ***/
p.tervetuloa_teksti_banneri {
    text-align: center;
    color: #fff;
    font-size: 40px; 
    position: relative;
    top: 100px;
    font-family: 'Quarto-Black' !important;
    display: none;
}
p.banneri_mobiiliteksti {
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: none;
}
hr.banneri_mobiiliviiva {
    width: 200px;
    margin: 0 auto;
    margin-bottom:14px !important;
    display: none;
}

/*** ETUSIVUN YLÄWIDGETIT ***/
.col-12.etusivu_widget {
    margin:0 auto;
    max-width:1400px;
    height: 300px;
    margin-top: -150px;
}
/* VASEN OSA */
.col-6.etusivu_widget.vasen h3 {
    color:#1a2457;
    font-weight: bold;
    font-size: 36px;
    font-family: 'Quarto-Black' !important;
}
.col-6.etusivu_widget.vasen {
    height: 300px;
    display: inline;
    float: left;
    background:#dfefff;
    text-align:center;
    color:#1a2457;
    padding:4%;
}
.col-6.etusivu_widget.vasen hr.widget_viiva { 
    height: 2px;
    background: #1a2457;
}

/* OIKEA OSA */
.col-6.etusivu_widget.oikea h3 {
    color:#fff;
    font-weight: bold;
    font-size: 36px;
    font-family:'Quarto-Black' !important;
}
.col-6.etusivu_widget.oikea {
    height: 300px;
    display: inline;
    float: left;
    background:#d1262b;
    text-align:center;
    color:#fff;
    padding:4%;
}
.col-6.etusivu_widget.oikea hr.widget_viiva { 
    height: 2px;
    background: #fff;
}

/* SISÄTYYLIT */
.col-7.etusivu_widget_vasen, .col-5.etusivu_widget_vasen {
    display: inline;
    float: left;
    padding:10px;
}
.col-7.etusivu_widget_vasen p,.col-7.etusivu_widget_oikea p {
    font-size: 22px; 
}
.col-7.etusivu_widget_vasen {
    border-right: solid 1px;
}
.col-5 img {
    border-radius:50%;
    width:200px;
    margin-left:20px;
    margin-top:-10px;
}
.col-6.etusivu_widget.vasen .col-5 img {
	box-shadow: -3px -2px 3px 0px #72abe0;
}
.col-7.etusivu_widget_vasen a {
	color:#fff;
}

/******************** YHTEISET SIVUTYYLIT *********************/
.site-content {
	max-width:1400px !important;
}

/******************** ETUSIVUN POSTIT ********************/
h1.ajankohtaista {
    text-align: center;
    border-bottom: solid 2px #1a2457;
    color: #1a2457;
    font-size: 28px;
    margin-top:40px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.jaa {
    display: none;
}

/*** POSTI ***/
.posti {
    border-bottom:solid 1px;
    position: relative;
}
.postikuva {
    margin-bottom:30px;
    /*margin-top:30px;*/
}
h2.postiotsikko a {
    color: #1a2457;
    font-size: 60px;
    font-weight: bold;
    text-decoration: none;
    font-family:'Quarto-Black' !important;
}
a.lue-koko-juttu {
    text-decoration: none;
    color: #1a2457;
    font-weight: bold;
    font-size: 20px;
    margin-left:10px;
}
.post-info {
    background:#dfefff;
    padding:20px;
    padding-bottom:0px;
    margin-bottom:40px;
    font-size:20px;
    color:#72abe4;
}
.postiteksti p, .posti p, .postiteksti strong, .posti strong {
    color:#1a2457;
    font-size:18px;
}

/************** SOCIAL SHARING ON SIDE ************/
.page-template-default .social-sharing.ss-social-sharing {
    position: fixed;
    opacity: 0; 
    z-index: 3;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background:#5c89c0;
}
.page-template-default a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-default a.ss-button-twitter {
	margin-top:0px !important;
    margin: 2px !important;
}
.page-template-default a.ss-button-linkedin {
	margin-top:0px !important;
    margin: 2px !important;
}
.page-template-full-width .social-sharing.ss-social-sharing {
    position: fixed; 
    opacity: 0; 
    z-index: 3;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background:#5c89c0;
}
.page-template-full-width a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-full-width a.ss-button-twitter {
	margin-top:0px !important;
    margin: 2px !important;
}
.page-template-full-width a.ss-button-linkedin {
	margin-top:0px !important;
    margin: 2px !important;
}

/*********** UUTISKIRJE ***********/
.page-template-uutiskirje .social-sharing.ss-social-sharing {
    position: fixed; 
    opacity: 0; 
    z-index: 3;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background:#5c89c0;
}
.page-template-uutiskirje a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-uutiskirje a.ss-button-twitter {
    margin-top:0px !important;
    margin: 2px !important;
}
.page-template-uutiskirje a.ss-button-linkedin {
    margin-top:0px !important;
    margin: 2px !important;
}
.page-template-uutiskirje h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}
.page-template-uutiskirje header.entry-header {
    margin-bottom: -60px;
}
.uutiskirje-lomake input {
    border: solid 2px #1a2457 !important;
    height: 70px !important;
    border-radius: 0px !important;
    font-weight: bold !important;
    color: #1a2457 !important;
    padding-left: 20px !important;
    margin-bottom: -10px !important;
    font-size: 20px !important;
}
input#tilaa-uutiskirje-button {
    margin-left: -6px;
}
.page-template-uutiskirje #primary {
    padding-left: 140px;
    padding-right: 140px;
}

/*********** SAM MEDIASSA ********/
.page-template-sam-mediassa .social-sharing.ss-social-sharing {
    position: fixed;
    opacity: 0; 
    z-index: 3;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background:#5c89c0;
}
.page-template-sam-mediassa a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-sam-mediassa a.ss-button-twitter {
    margin-top:0px !important;
    margin: 2px !important;
}
.page-template-sam-mediassa a.ss-button-linkedin {
    margin-top:0px !important;
    margin: 2px !important;
}

.page-template-sam-mediassa h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}
.page-template-sam-mediassa header.entry-header {
    margin-bottom: -85px;
}

.mediaposti-kuva img {
    width: 100%;
}
.single-mediaposti .col-3 {
    display: inline;
    float: left;
}
.single-mediaposti .col-9 {
    display: inline;
    float: left;
}
.mediaposti-teksti {
    border-top: none;
    padding-left: 20px;
    position: relative;
    min-height: 130px;
}
.mediaposti-teksti a {
    /*position: absolute;*/
    /*bottom: 10px;*/
    bottom:0px;
    background: #1a2457;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}
.col-12.single-mediaposti {
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    padding-bottom: 20px;
}
.mediaposti-kuva {
    border-bottom: none;
    overflow: hidden;    
}
.mediaposti-teksti p {
    font-size: 20px;
    color: #1a2457;
}


/*********** TAPAHTUMA ***********/
.single-tribe_events .social-sharing.ss-social-sharing {
    position: fixed; 
    opacity: 0; 
    z-index: 3;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background:#5c89c0;
}
.single-tribe_events a.ss-button-facebook {
    margin: 2px !important;
}
.single-tribe_events a.ss-button-twitter {
    margin-top:0px !important;
    margin: 2px !important;
}
.single-tribe_events a.ss-button-linkedin {
    margin-top:0px !important;
    margin: 2px !important;
}
h1.tribe-events-single-event-title {
    color: #1a2457;
}
span.tribe-events-cost {
    background: #72abe4;
    padding: 8px;
    color: #fff;
    margin-top: 60px !important;
    position: relative;
    top: 10px;
    font-size:30px !important;
    font-weight: bold;
}
.tribe-events-schedule h2 {
    font-size: 20px;
    color: #1a2457;
    font-weight: 400;
}
.tribe-events-single-event-description.tribe-events-content p {
    font-size: 20px;
    color: #1a2457;
}
.tribe-event-schedule-details {
    color: #1a2457;
    font-size: 20px;
}
.tribe-events-venue-details {
    color: #1a2457;
}

/********/
i.fa {
    color:#1a2457;
    margin-right:10px;
}
i.fa.fa-calendar {
    margin-left: 30%;
}
i.fa.fa-clock-o {
    margin-left: 20px;
}
.kirjoittaja-info {
    display: inline-block;    
}

.kirjoittaja-info a {
    text-decoration: none;
    color:#72abe4;
}
p.kirjoittaja-nuoli {
    display: inline-block;
    color:#72abe4;
    margin-left:4px;
}
.jaa-button {
    float: right;
    background:#d1262b;
    padding: 21px;
    margin-top: -20px;
    margin-right: -20px;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
}
.nav-previous {
    display: none;    
}
.nav-next {
    display: none;
}

/*** ETUSIVUN SIDEBAR / KALENTERI ***/
.sidebar_otsikko {
    text-align: center;
    color: #1a2457;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin:4%;
}
li.ecs-event:last-of-type {
    border-bottom: none;
}

.col.grid_4_of_12 {
    position: relative;
    left: 40px;
}

/** TÄLLÄ VIIKOLLA **/
aside#custom_html-3 {
    background: #dfefff;
    padding:30px;
    margin:4%;
    margin-top: -58px;
    overflow:hidden;
}
aside#custom_html-3 a, aside#custom_html-3 span {
    color:#558fc8;
    text-align:center;
    text-decoration: none;
}
li.ecs-event {
    padding-bottom: 20px;
    border-bottom: solid 2px #1a2457;
    padding-top:20px;
}
.col-6.kalenteri.vasen {
    display: inline;
    float: left;
    border-bottom:solid 2px #1a2457;
    border-right:solid 1px #1a2457;
    height:100px;
    text-align:center;
    position: relative;
}
.col-6.kalenteri.oikea {
    display: inline;
    float: left;
    border-bottom:solid 2px #1a2457;
    border-left:solid 1px #1a2457;
    height:100px;
    text-align:center;
    position: relative;
}
.col-6.kalenteri.vasen h3 {
    color:#1a2457;
    font-weight: bold;
    font-size:40px;
    line-height: 36px;
    font-family:'Quarto-Black' !important;
}
p#viikko {
    color:#1a2457;
    font-size: 70px;
    margin-top: -15px;
    font-weight: bold;
    font-family:'Quarto-Black' !important;
}
.kalenteritapahtumat {
    position: relative;
    top: 20px;
    text-align: center;
}

/*** PRO PLUGIN ***/
.this-week-past {
    display: none;
}
h2.tribe-events-page-title {
    visibility: hidden;
}
aside#tribe-this-week-events-widget-2 ul.tribe-events-sub-nav {
    display: none;
}
aside#tribe-this-week-events-widget-2 {
    margin: 4%;
    background: #dfefff;
    padding:30px;
    margin-top: -130px;
    padding-bottom:5px;
}
.this-week-no-events-msg {
    display: none;
}
.tribe-this-week-widget-wrapper .entry-title, .tribe-this-week-widget-wrapper .entry-title a {
    font-size:24px !important;
    color: #558fc8 !important;
}
aside .type-tribe_events {
    padding: 40px !important;
}
.tribe-this-week-widget-day-wrap {
    padding:0 0 0 0 !important;
}
/*aside#tribe-this-week-events-widget-2 span.tribe-event-date-start {
    font-size: 20px;
    position: relative;
    top: 10px;
    color: #558fc8 !important;
    font-weight: bold;
}*/
aside#tribe-this-week-events-widget-2 .duration {    
    position: relative;
    top: 10px;
    color: #558fc8 !important;
    font-weight: bold;
}
aside#tribe-this-week-events-widget-2 .duration span {
    font-size: 20px;
}

.tribe-this-week-widget-header-date {
    display: none;
}
#tribe-this-week-events-widget-2 .tribe-this-week-event {
    text-align: center;
}
#tribe-this-week-events-widget-2 .fn.org.tribe-venue {
    display: none;
}
li.tribe-events-nav-previous a {
    font-size: 20px;
}
li.tribe-events-nav-next a {
    font-size: 20px;
}
div#tribe-events-content {
    /*margin-top: -80px;*/
    margin-top: -40px;
    position: relative;
    z-index: 0;
    /*margin-top:86px;*/
}
#tribe-bar-form #tribe-bar-views {
    z-index: 1;
}
div#tribe-events-content h2.tribe-events-page-title {
    display: none;
}
.single-tribe_events div#tribe-events {
    /*margin-top: 80px;*/
    /*margin-top:-80px;*/
    margin-top:40px;
}
td.tribe-events-thismonth.tribe-events-future.tribe-events-has-events {
    border: solid 2px #1a2457 !important;
    background: #dfefff;
}
a.tribe-events-read-more {
    display: none;
}
.tribe-bar-filters {
    z-index: 1;
}
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
	max-width:100%;
}
a.tribe-event-url {
    color: #1a2457;
}
.tribe-events-list-event-description.tribe-events-content.description.entry-summary {
    color: #1a2457;
}
.tribe-events-list-separator-month span {
    color: #1a2457;
    letter-spacing: 6px;
    text-transform: uppercase;
}
.tribe-events-list-separator-month {
    z-index: 0;
}
ul.tribe-bar-views-list {
    z-index: 0 !important;
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
	background-color:#1a2457;
}

/** MUITA TAPAHTUMIA **/
aside#custom_html-4 {
    background: #dfefff;
    padding:30px;    
    margin:4%;    
    margin-top:10px;
}
aside#custom_html-4 a, aside#custom_html-4 span {
    color:#558fc8;
    text-align:center;
    text-decoration: none;
}
aside#custom_html-4 h3.widget-title {
    color:#1a2457;
    padding-bottom:20px;
    border-bottom: solid 2px #1a2457;
    text-align: center;
    font-weight: bold;
    font-family:'Quarto-Black' !important;
} 
 
/** KAIKKI TAPAHTUMAT **/
aside#text-212 {
    text-align: center;
}
.kaikki_tapahtumat {
    width: 92%;
    margin: 4%;
    background: #1a2457;
    border: none;
    padding: 40px;
    color:#72abe4;
    font-size:22px;
    font-weight: bold;
    margin-bottom: -20px;
}
.kaikki_tapahtumat:hover {
    color:#fff;
}
.kaikki_tapahtumat:focus {
    outline:none;
}

/** TAPAHTUMAKALENTERI **/
input.tribe-events-button.tribe-no-param {
    text-shadow: none;
}
.type-tribe_events {
    border: solid 1px #72abe4 !important;
    padding: 10px !important;
    background: rgba(146, 201, 255, 0.04);
}
.tribe-bar-views-inner.tribe-clearfix {
    /*position: relative;
    z-index: 1;*/
}



p.tapahtumakalenteri-widget {
    display: none;
}
.post-type-archive-tribe_events p.tapahtumakalenteri-widget {
    display: block;
    background: #dfefff;
    padding: 30px;
    margin: 4%;
    margin-top: 0px;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
}




/** FACEBOOK **/
aside#custom_html-5 h3.sidebar_otsikko {
    border-top:solid 1px #1a2457;
    padding-top:24px;
}
aside#text-16 {
    background: #dfefff;
    padding:30px;
    margin:4%;
    margin-top: -48px;
}
p.cff-date {
    font-size: 14px !important;
    color:#558fc8 !important;
    margin-bottom:-1px !important;
    margin-top:-3px !important;
}
.cff-wrapper {
    color:#1a2457;
}
.cff-wrapper a {
    font-weight: bold;
    color:#1a2457;
}
.cff-wrapper a:hover, .cff-wrapper a:active {    
    color:red !important;
}
.cff-author-text {
    border-bottom: solid 1px #1a2457;
}
p.cff-media-link {
    display: none;
}
a.cff-viewpost-facebook, span.cff-dot, a.cff-share-link {
    font-size: 15px !important;
    font-weight: bold;
}
#cff .cff-item {
    border-bottom:none !important;
}

/****************** TWITTER ******************/
aside#text-22 {
    margin: 4%;
}
.ctf-header.ctf-no-bio {
	padding:30px !important;
    margin-bottom: 30px !important;
}
#ctf .ctf-item {
	padding:10px !important;
	margin:30px;
	border:solid 1px rgba(0,0,0,0.07) !important;
}
a#ctf-more {
    font-weight: bold;
    color: #1a2457;
    text-transform: uppercase;
    border-radius: 0px !important;
}
#ctf .ctf-retweet-icon {
	background:#72abe4;
}
aside#custom_html-15 h3.sidebar_otsikko {
    border-top:solid 1px #1a2457;
    padding-top:24px;
    margin-bottom: -50px;
}
#ctf .ctf-header-name {
    font-size:16px !important;
}
p.ctf-tweet-text {
    font-size: 16px !important;
}

/******************************** ALASIVUJEN TYYLIT *******************************/
.page-template-full-width h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}
img.alasivu-ylakuva {
    margin-top: -10px;
}
hr.alasivu-viiva {
    height: 2px;
    background-color: #1a2457;
    width: 160px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
#primary li {
    color: #1a2457;
    font-size:20px;
}
p.alasivuteksti-pieni {
    color: #1a2457;
    font-size:20px;  
}

.entry-content p {
    color: #1a2457;
    font-size:20px;     
}

p.alasivuteksti-pieni a {
    color:#1a2457;
    font-weight: bold;
}
p.intro-teksti {
    color: #1a2457;
    text-align: center;
    font-size: 24px !important;
    font-weight: bold; 
    font-family: 'Hurme';

}
p.intro-teksti.pieni {
    border-bottom:none !important;
    font-size:24px;
}
p.intro-teksti.iso {    
    font-size:56px;
    font-family: 'Quarto-Black' !important;
    margin-bottom:-10px;
}
.entry-content li a {
    color: #1a2457;
    text-decoration: none;
    font-weight: bold;
}
.entry-content li a:hover {
    color: red;
}
.page-template-full-width #primary {
    padding-left:140px;
    padding-right:140px;
}


.alasivu-sisaltokuva-full {
	width:100%;
	margin-bottom: 10px;
}


.col-12.alasivu-container {
    overflow: hidden;
    margin-bottom: 20px;
}
.col-6.alasivu-vasen {
    display: inline;
    float: left;
    text-align:center;
    padding: 10px;
}
.col-6.alasivu-oikea {
    display: inline;
    float: left;
    padding: 10px;
}
.col-6.alasivu-oikea p {
    text-align: center;
    padding: 100px;
}





/********************* LIITY JÄSENEKSI ********************/
.fsPage input, .fsPage select,.fsPage textarea {
    border: solid 2px #1a2457 !important;
    border-radius: 0px !important;
    color:#1a2457 !important;
}
label.fsOptionLabel.vertical input {
    border: none !important;
}
.fsPage span {
    color:#1a2457 !important;
}
.fsPage label {
    color:#1a2457 !important;
    margin-bottom:0px !important;
}
input#fsSubmitButton2851423 {
    width: 100% !important;
    background: #558fc8 !important;
    height: 80px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: bold;
    font-family: 'Quarto-Black' !important;
    border: none !important;
}
.fsBody .fsSectionHeader {
    background:transparent !important;
}
.fsBody .fsForm .fsSectionHeading {
    color:#1a2457 !important;
}



/********************* LAHJOITUKSET ALASIVUT *******************/
.page-id-76 #primary {
	padding:0px !important;
}
.page-id-460 #primary {
	padding:0px !important;
}
.page-id-462 #primary {
	padding:0px !important;
}
.page-id-76 #maincontentcontainer {
    margin-top: 32px;
}
.page-id-460 #maincontentcontainer {
    margin-top: 32px;
}
.page-id-462 #maincontentcontainer {
    margin-top: 32px;
}

/********************** LEM LEHTI *************************/
.col-4.lehti {
    display: inline;
    float:left;
    padding:20px;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
     transition: all .35s ease;
}
.col-4.lehti img {
    transition:0.3s all;
}
.col-4.lehti:hover {
     transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -0-transform:scale(1.03);
}

/********************** KIRJOITUSKILPAILU ***********************/



/********************* PAIKALLISYHDISTYKSET UUSI ***********************/
.col-4.paikallisyhdistys {
    border: solid 2px #1a2457;
    float: left;
    display: inline;
    padding: 20px;
    margin: 1%;
    width: 31.33%;
    text-align: center;
    box-shadow: 0px 0px 2px 0px rgb(30, 53, 95);
    transition:0.3s all ease-in-out;
    min-height: 200px;
}
.col-4.paikallisyhdistys:hover {
    transform: scale(0.98);
}
.col-4.paikallisyhdistys a {
    color:#1a2457;
    text-decoration: none;
    font-weight: bold;  
    font-family: 'Quarto-Black' !important;
}

.col-4.paikallisyhdistys h3 a:after {
    content: " ►";
    font-size: 16px;
    position: relative;
    top: -3px;
    left: 2px;
    /*color: rgb(26, 36, 87);*/
    color:red;
}

.col-4.paikallisyhdistys h3 {
    box-shadow: 0px 3px 4px -3px rgb(26, 36, 87);
    font-family: 'Quarto-Black' !important;
    /*color:#5c89c0;*/
    color:#1a2457;
}
.col-4.paikallisyhdistys p {
    margin-bottom:5px;
}
.col-4.paikallisyhdistys span.wpml-rtl {
    font-size:16px;
}

/********************* PÄIVÄKODIT **********************/
.col-4.paivakodit {
    display: inline;
    float:left;
    padding:20px;
}

/********************** LAHJOITA *********************/
img.attachment-shop_catalog.size-shop_catalog.wp-post-image {
    border: solid 2px #1a2457;
}

/************************ ANSIOMERKIT *************************/
p.alasivuteksti-pieni.ikoni span {
    padding: 10px;
    background: #5c89c0;
    color: #Fff;
}

/************************ SAM MEDIASSA ********************/
.sam-mediassa a {
    background:#1a2457;
    color:#fff;
    font-size:20px;
    border:none;
    padding:10px;
    text-decoration: none;
}
.sam-mediassa p.alasivuteksti-pieni {
    font-weight: bold;
}
.col-4.lehti.media {
    border: solid 2px #1a2457;
    height: 300px;
    padding: 60px;
    margin: 1px;
    width: 33%;
}
.col-4.lehti.media:hover {
    background: #5c89c0;
    transform:scale(0.97);    
}
.col-4.lehti.media:hover > p {    
    color:#fff;
}

/************************ PAIKALLISYHDISTYKSET ******************/
.page-id-319 table, .page-id-319 th, .page-id-319 td {
    border: 2px solid #1a2457;
    border-collapse: collapse;
    font-weight: bold;
}
.page-id-319 th {
    font-size: 20px !important;
    padding-left: 10px;
}
.red-button.yhdistys {
	margin-top:40px;
	margin-bottom:60px;
}
.page-id-319 tr td a {
    color:#1a2457;
}



a.blue-button {
    float: left;
    width: 100%;
    background: #1a2457;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    padding: 36px;
    margin-top: -50px;
    margin-bottom: 40px;
}



/************************ TAMPERE ******************/
.page-id-664 table, .page-id-664 th, .page-id-664 td {
    /*border: 2px solid #1a2457;
    border-collapse: collapse;
    font-weight: bold;*/
}
.page-id-664 th {
    /*font-size: 20px !important;
    padding-left: 10px;*/
}
.page-id-664 td a {
	color:#1a2457;
}

.facebook-img {
	max-width: 150px !important;
}
img.instagram-img {
    max-width: 40px;
}
/************************ YHDISTYKSET **********************/
.yhdistys-taulukko td a {
    color:#1a2457;
}


/************************ KASVUPOLULLE *********************/
.page-id-173 table, .page-id-173 th, .page-id-173 td {
    border: 2px solid #1a2457;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
}
th {
    text-align: left;
    color:#1a2457;
}
td {
    font-size: 16px;
    padding: 10px !important;
    color:#1a2457;
}
.tribe-mini-calendar-event .list-date {
    background: #1a2457 !important;
}
h2.tribe-events-title a {
    color: #1a2457 !important;
}
.tribe-events-duration {
    font-weight: bold;
    color: #5c89c0;
}
p.tribe-events-widget-link a {
    color: #1a2457;
    font-weight: bold;
}

/*************************KESÄTYÖ YHDYSVALLOISSA *********************/
ul ol li {
    margin-left:60px;
}
p.alasivuteksti-pieni.cursive {
    font-size: 18px;
    font-style: italic;
}

/************************ WPFORM ***************************/

.wpforms-field-small, .wpforms-field-large {
    border: solid 2px #1a2457 !important;
    height:70px !important;
    border-radius: 0px !important;
    font-weight: bold;
    color: #1a2457 !important;
    padding-left: 20px !important;
    margin-bottom:-10px !important;
    font-size: 20px !important;
}
.wpforms-field-small {
    max-width:50% !important;
}
.wpforms-field-medium {    
    border: solid 2px #1a2457 !important;
    height: 120px !important;
    border-radius: 0px !important;
    font-weight: bold;
    color: #1a2457 !important;
    padding-left: 20px !important;
    margin-bottom:-10px !important;
    font-size: 20px !important;
}
.wpforms-submit {
    width: 100% !important;
    background: #558fc8 !important;
    height: 80px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: bold;
    font-family: 'Quarto-Black' !important;
    border:none !important;
}
label.wpforms-field-label {
    color: #1a2457;
    font-size: 20px !important;
    font-weight: bold;
    /*font-family: 'Hurme';*/
}
label.wpforms-field-label-inline {
    color: #1a2457;
    font-size: 18px !important;
}
.wpforms-form label.wpforms-error {
    font-size:16px !important;
    margin-top:14px !important;
    color:red !important;
}

/************************ TOIMINTASUUNNITELMA *****************/
a.download-button {
    text-align: center;
    padding: 10px;
    background: #1a2457;
    color: #Fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

/************************ MEDIAKORTTI **********************/
a.red-button {
    float: left;
    width: 100%;
    background: #d1262b;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    padding: 36px;
}

/************************* YHTEISTYÖKUMPPANIT *******************/
.col-4.lehti.yhteis img {
    max-height: 200px;
}
.col-4.lehti {
    text-align:center;
}

/************************* APURAHAT **************************/
p.alasivuteksti-pieni.toggle {
    font-weight: bold;
    cursor:pointer;
}
.toggle-apuraha {
    padding: 10px;
    background: #5c89c0;
}
.toggle-apuraha p.alasivuteksti-pieni {
    color:#fff;
    font-size:18px;
}
p.alasivuteksti-pieni.toggle::before {
    color: #1a2457;
    padding-right: 12px;
    margin-left: 6px;
    content: "›";
}
a.apurahahakemus {
    background: #d1262b;
    border: none;
    padding: 20px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: bold; 
    display: inline-block;
    transition:0.2s all ease-in-out;
    min-width: 400px;
    text-align:center;
    margin-bottom:10px;
}
a.apurahahakemus:hover {
    background:#b71d22;
    transition:0.2s all ease-in-out;
}

/******************************* SIDEBAR-SIVUJEN OTSIKKO****************************/
.page-template-default h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    left: 250px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}

/**ENTRY HEADER POIS MUILTA SIVUILTA**/
.page-template-full-width .entry-header {
    height: 0px;
}
.col-6.lahjoitukset p {
    color:#1a2457;
}
p.lahjoitukset-alateksti {
    color:#1a2347;
    overflow:hidden;
}

/*** LAHJOITUKSET ***/
.col-12.lahjoitukset-h4 {
    overflow:hidden;
}
h3 {
    overflow:hidden;
}
h3.lahjoitukset-h3 {
    font-family:'Hurme';
    color: #1a2457;
    font-weight: bold;
    text-align: center;
    width: 50%;
    font-size: 30px;
    margin: 0 auto;
}
.col-6.lahjoitukset p {
	font-size:20px;
}
.col-6.lahjoitukset.vasen {
    float: left;
    display: inline;
    padding-top:3%;
    padding-right:10%;
}
.col-6.lahjoitukset.oikea {
    float: left;
    display: inline;
 	padding-top:3%;
    padding-right:10%;
}
.col-6.lahjoitukset strong {
    color:#1a2457;
    font-weight: bold;
}
a.lahjoita-button {
    float: left;
    width: 100%;
    background: #d1262b;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    padding: 36px;
}
h2.lahjoita-valiotsikko {
    text-align: center;
    background: #dfefff;
    padding: 40px;
    font-weight: bold;
    color: #1a2457;
    font-family: 'Quarto-Black' !important;
    font-size: 50px;
}
h4.lahjoitukset-h4 {
	margin-top:40px;
    text-align: center;
    border-bottom: solid 1px #1a2457;
    color: #1a2457;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.col-12.badge.ylaosa {
    background: #1a2457;
    color: #fff;
    text-align: center;
    padding: 20px;
    padding-top: 50px;
}
.col-12.badge.ylaosa p {
	font-size:40px;
	font-weight: bold;
	font-family: 'Quarto-Black' !important;
}
.col-12.badge.ylaosa p:first-child {
	border-bottom:solid 1px #fff;
	padding-bottom: 30px;
}
.col-12.badge.alaosa {
    background:#72abe4;
}
.col-12.badge.alaosa p {
	margin-bottom:0px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 40%;
    margin: 0 auto;
    padding-top: 20px;
}
.col-12.badge.banneri {
    background: url(https://samsuomi.fi/wp-content/uploads/2017/06/lahjoitukset-banneri.png) no-repeat;
    background-position: center top;
    background-size: 100%;
    height: 95px;
}
.col-6.badge {
    display: inline;
    float: left;
    margin-bottom: 30px;
}
.col-6.badge .col-12.badge.alaosa p {
	width:80%;
}
.col-6.badge .col-12.badge.alaosa.vasen, .col-6.badge .col-12.badge.alaosa.oikea {
	min-height: 400px;
}
.page-id-460 .col-6.badge:nth-child(even) {
	margin-top:40px;
	padding-top:40px;
    padding-right: 40px;
    border-top:solid 1px rgb(178, 178, 178);
    border-right:solid 1px rgb(178, 178, 178);
    border-bottom:solid 1px rgb(178, 178, 178);
}
.page-id-460 .col-6.badge:nth-child(odd) {
	margin-top:40px;
	padding-top:40px;
    padding-left: 40px;
    border-top:solid 1px rgb(178, 178, 178);
    border-bottom:solid 1px rgb(178, 178, 178);
}
p.lahjoitukset-alateksti {
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px !important;
    width: 70%;
    margin: 0 auto;
}
p.lahjoitukset-alateksti strong {
    color:#1a2457;
    font-weight: bold;
}
h4.lahjoitukset-h4.no-border {
    border-bottom: none;
    margin-bottom: 0px;
    position: relative;
    top: 20px;
}
.page-id-462 .col-6.badge {
	margin-bottom: 0px;
}
.page-id-462 .col-6.badge.yksi {
	padding: 20px;
	padding-left:0px;	
    border-right:solid 1px rgb(178, 178, 178);
    border-bottom:solid 1px rgb(178, 178, 178);
    border-top:solid 1px rgb(178, 178, 178);
}
.page-id-462 .col-6.badge.kaksi {
	padding: 20px;
	padding-right:0px;
    border-bottom:solid 1px rgb(178, 178, 178);
    border-top:solid 1px rgb(178, 178, 178);
}
.page-id-462 .col-6.badge.kolme {
	padding: 20px;
    border-right:solid 1px rgb(178, 178, 178);
    border-bottom:solid 1px rgb(178, 178, 178);
	padding-left:0px;
	margin-bottom: 30px;
}
.page-id-462 .col-6.badge.nelja {
	padding: 20px;
    border-bottom:solid 1px rgb(178, 178, 178);
	padding-right:0px;
	margin-bottom: 30px;
}
.col-12.badge.keskiosa {
    overflow:hidden;
}
.col-12.badge.keskiosa .col-6 {
    display: inline;
    float: left;
    text-align: center;
    background: #fff;
    border-left: solid 2px #1a2457;
    min-height: 100px;
    padding:30px;
}
.col-12.badge.keskiosa .col-6:nth-of-type(2) {
    border-right: solid 2px #1a2457;
}

/********************* AJANKOHTAISTA *************************/
article#post-10 .social-sharing.ss-social-sharing {
	position: fixed;
    opacity: 0;
    z-index: 1;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background: #5c89c0;
}
.page-template-ajankohtaista h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}
.page-template-ajankohtaista a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-ajankohtaista a.ss-button-twitter {
	margin-top:0px !important;
    margin: 2px !important;
}
.page-template-ajankohtaista a.ss-button-linkedin {
	margin-top:0px !important;
    margin: 2px !important;
}
.eka-ajankohtaista {
    height: 0px;
}
.eka-ajankohtaista {
    height: 0px;
    margin-bottom: -88px;
}
.page-template-ajankohtaista #primary {
    /*padding-left:140px;
    padding-right:140px;*/
}

/******************** YKSITTÄINEN KATEGORIA *******************/
article#post-517 .social-sharing.ss-social-sharing {
	position: fixed;
    opacity: 0;
    z-index: 1;
    bottom: 45%;
    left: -50px;
    width: 50px;
    background: #5c89c0;
}
.page-template-kategoria h1.entry-title {
    text-align: center;
    position: relative;
    top: -185px;
    color: #fff;
    font-family: 'Quarto-Black' !important;
    font-weight: bold;
    font-size: 60px;
}
.page-template-kategoria a.ss-button-facebook {
    margin: 2px !important;
}
.page-template-kategoria a.ss-button-twitter {
	margin-top:0px !important;
    margin: 2px !important;
}
.page-template-kategoria a.ss-button-linkedin {
	margin-top:0px !important;
    margin: 2px !important;
}
.kategoria {
    height: 0px;
}
.kategoria {
    height: 0px;
    margin-bottom: -88px;
}

/*********************************** FOOTER *********************************/
.site-footer {
	max-width: 1400px;
}
.yla-footer {
    margin-top:20px;
}
.yla-footer .col-4 {
    display: inline;
    float:left;
    background:#223283;
    text-align:center;    
}
.yla-footer .col-4 a .fa {
    transition: 0.3s;
}
.yla-footer .col-4 a .fa:hover {
    color:#fff;
}
.yla-footer .col-8 {
    display: inline;
    float:left;
    background:#d1262b;
    text-align:center;  
    padding:18px;
}
.yla-footer .col-8 a {
    color:#fff;
    font-size:36px;
    text-decoration: none;    
    font-family:'Quarto-Black' !important;
}
.yla-footer .fa {
    color:#72abe4;
    font-size:40px;
    padding:25px 9px;
}
#footercontainer {
    background:#1a2457 !important;
}
.footer-col {
    width:20%;
    margin:0;
}
.footer-otsikko {
    color:#72abe4;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center;
}
.footer-lista a {
    display: block;
    text-decoration: none;
    text-align: center;    
    color:#72abe4 !important;
}
.footer-lista a:hover {
    color:#fff !important;
}

.footer-lista p {    
    color:#72abe4 !important;
    text-align:center;
}

.footer_small_menu {
    text-align:center;
    padding:20px;
}
.footer_small_menu a {
    text-decoration: none;
    color:#72abe4 !important;
    text-transform: uppercase;
    font-weight: bold;
    padding:20px;
    font-size:16px !important;
}
.footer-viiva hr {
    width: 300px;
    background:#72abe4;
    margin: 0 auto !important;
}
p.copyright {
    font-weight: bold;
    font-size: 13px;
    margin-top: 40px;
    color:#72abe4;
}

/*** 404 ***/
.takaisin  {
    text-decoration: none;    
    padding-top:20px;
    font-family:'Hurme';
    color:#1a2457;
}

/***********************************SINGLE POST ****************************************/
.single-posti h1.entry-title {
    color: #1a2457;
    font-size: 60px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Quarto-Black' !important;
}
.single .header-meta {
    display: none;
}
.single .posti {
    border-bottom:none !important;
    margin-bottom:-20px;
}

/********************************** WOOCOMMERCE STYLES **********************************/
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
    border-color:#1A2457;
}
a.checkout-button.button.alt.wc-forward, .woocommerce input.button, button.single_add_to_cart_button.button.alt, a.button.product_type_donation.add_to_cart_button, a.button.wc-forward, a.button.wc-backward, input#place_order {
    background-color:#1A2457;
    border-color:#1A2457; 
}
a.checkout-button.button.alt.wc-forward:hover, .woocommerce input.button:hover, button.single_add_to_cart_button.button.alt:hover,a.button.product_type_donation.add_to_cart_button:hover, a.button.wc-forward:hover, a.button.wc-backward:hover, input#place_order:hover {
    background-color:#223283;
    border-color:#223283; 
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    color:#1A2457;    
}
.woocommerce div.product div.images img {
    display: none;
}
.summary.entry-summary {
    float: none !important;
}
input#donation_amount_field {
    background: #46679d;
    border: none;
    height: 60px;
    color: #fff;
    margin-left: -4px;
    padding-left: 20px;
    max-width: 200px;
}
.wc-donation-amount label {
    background: #5c89c0;
    border-radius: 0px;
    border: none;    
    position: relative;
    top: 2px;
    padding: 20px; 
    text-shadow: none;
    font-weight: bold;
    color: #fff;
}
input:focus {
    outline:none;
}
.single-product header.entry-header {
    margin-bottom: -80px;
}
nav.woocommerce-breadcrumb {
    display: none;
}
h1.woocommerce-products-header__title.page-title {
    color: #1a2457;
    font-size: 40px !important;
    font-weight: bold;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif !important;
}
.widget_shopping_cart_content {
    margin: 4%;
    background: #dfefff;
    padding: 30px;
    padding-bottom:1px;
}
img.woocommerce-placeholder.wp-post-image {
    display: none;
}
aside#woocommerce_widget_cart-2 h3 {
    text-align: center;
    color: #1a2457;
    font-size: 28px;
    margin-top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin: 4%;
}
h2.woocommerce-loop-product__title {
    color: #1a2457;
    font-weight: bold;
}
p.woocommerce-result-count {
    display: none;
}
a.button.product_type_donation.add_to_cart_button {
    display: none;
}
.page-template-default header.entry-header {
    margin-bottom: -60px;
}
.woocommerce ul.products li.product a img {
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
    transition: all .35s ease;
}
.woocommerce ul.products li.product a img:hover {
    transform: scale(1.03);    
}
a.button.wc-forward {
    display: none;
}
.woocommerce-checkout h3 {
    color: #1a2457;
    font-weight: bold;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif !important;
}
h1.product_title.entry-title {
    color: #1a2457;
    font-size: 40px !important;
    font-weight: bold;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif !important;
}
select.orderby {
    display: none;
}
.woocommerce-billing-fields input {
    /*border: solid 2px #1a2457 !important;*/
    border: solid 1px #1a2457 !important;
    height: 50px !important;
    border-radius: 0px !important;
    font-weight: bold;
    color: #1a2457 !important;
    margin-bottom: -10px !important;
    font-size: 20px !important;
}

.woocommerce-billing-fields input::placeholder {
    /*display: none !important;*/
}

 span#select2-billing_country-container  {
    /*border: solid 2px #1a2457 !important;*/
    border: solid 1px #1a2457 !important;
    border-radius: 0px !important;
    font-weight: bold;
    color: #1a2457 !important;
    font-size: 20px !important;  
    height: 29px;
 }
textarea#order_comments {
    /*border: solid 2px #1a2457 !important;    */
    border: solid 1px #1a2457 !important;    
    border-radius: 0px !important;
    font-weight: bold;
    color: #1a2457 !important;
    font-size:20px !important;
}
.woocommerce form .form-row label {
    color: #1a2457;
    font-size: 16px !important;
    font-weight: bold;
    font-family: 'Hurme';
}
.shop_table table, .shop_table th, .shop_table td {
    border: 2px solid #1a2457;
    border-collapse: collapse;
    font-weight: bold;
}
th.product-name, td.product-name, tr.cart-subtotal th, tr.order-total th {
    border-right: none;
}
.product-remove, .product-thumbnail, .product-name, .product-price, .product-quantity {
    border-right: none !important;
}

/****************** WP FORMS VIESTIT ********************/
.wpforms-confirmation-container-full {
    color: #fff !important;
    margin: 0 0 24px 0;
    background: #72abe4 !important;
    border: 1px solid #223283 !important;
    padding: 15px 15px;
}
#wpforms-confirmation-157 p {
    font-size: 20px !important;
}

/** MENU SEARCH **/
li.menu-item.menu-item-type-yawp_wim.menu-item-object-yawp_wim.menu-item-46 {
    position:absolute;
	right:0px;
}

/********************* MEDIA ***********************/
.some-media {
    display: inline;    
    font-size: 40px;
    padding: 25px 9px;
}




/*** ALUMNILOMAKE ***/
button#kylla {
    background: #5c89c0;
    border: none;
    padding: 10px 40px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
button#kylla:hover {
    background:#1A2457;
}
button#kylla:focus {
    outline:none;
}
.alumni-lomake {
    display: none;
}
.hr-blue {
    background-color: #223283;
}
h3.h3-blue {
    color: #1a2457;
}
.clicked {
    background: #1cc100 !important;
}
/*label.wpforms-field-label {
    font-family: inherit;
}*/
button#wpforms-submit-2466 {
    font-family: inherit;
}




/*** EHDOTUSLIITTOKOKOUS 2019 ***/
.page-id-3203 .wpforms-field-select .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3203 .wpforms-field-text .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3203 .wpforms-field-email .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3203 .wpforms-field-number .wpforms-field-medium {
    height: 70px !important;
}



/***  ILMOITTAUDU TÄHTIEN SEURASSA ***/
.page-id-3207 .wpforms-field-select .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3207 .wpforms-field-text .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3207 .wpforms-field-email .wpforms-field-medium {
    height: 70px !important;
}
.page-id-3207 .wpforms-field-number .wpforms-field-medium {
    height: 70px !important;
}




/*********************************** MEDIA QUERIES *************************************/

@media(max-width:1440px){
    .col-4.paikallisyhdistys {
        width: 48%;
    }
    .col-4.lehti.media{
        padding:20px;
    }
	li.menu-item.menu-item-type-yawp_wim.menu-item-object-yawp_wim.menu-item-46 {
		position:relative;		
	} 
    .main-navigation {
        float:right;
        margin-right:20px;
    }
    input.search-field {
        width:200px;
    }
    .site-header {
        width:100% !important;
    }
    .site-title img {
        left:40px !important;
    }
}
@media(max-width:1200px){
    input.search-field {
        width:150px;
    }
}
@media(max-width:1100px){
    .page-template-default h1.entry-title { 
        left:0px;
    }
    .sub-menu.sub-menu-opened li:first-child {
        padding-top:16px;
    }    
    .sub-menu li .sub-menu li {
        padding-left:0px !important;
    }
    .footer-viiva hr {
        width:auto !important;
    }
    ul.sub-menu .sub-menu li:first-child {
        padding-top:15px;
    }
	aside#text-22 {
		margin:0%;
	}
	.page-template-default h1.entry-title {
		top:-220px;
	}
	.main-navigation ul a {
        font-size:16px;
    }
    .main-navigation li {
	    margin: 0 0 0 20px;
	}
    aside#tribe-this-week-events-widget-2 {
        margin:0%;
        margin-top:-80px;
    }
    .page-template-full-width #primary {
        padding-left:40px !important;
        padding-right:40px !important;
    }
    .page-template-ajankohtaista #primary {
        padding-left:40px !important;
        padding-right:40px !important;
    }
    .page-template-uutiskirje #primary {
        padding-left:40px !important;
        padding-right:40px !important;   
    }
    .sidebar_otsikko {
        margin-top:40px !important;
        margin-bottom:-40px !important;
    }
    .site-content {
        width:96%;  
    }
    aside#custom_html-3, aside#custom_html-4, aside#text-16, .sidebar_otsikko {
        margin:0%;
    }
    input.kaikki_tapahtumat {
        width:100%;
        margin:0%;
    }
    input.search-field {
        width:250px;
    }
    h1.ajankohtaista {
        margin-top:0px;
    }
    .col-12.etusivu_widget {
        margin-top:0px;
    }
    .menu-item-73 {
        display: block;
    }
    img.bannerilogo {
        width:100%;
    }
    p.tervetuloa_teksti_banneri {
        display: block;
        top:0px;
        margin-top:120px;
    }
    p.banneri_mobiiliteksti {
        display: block;
    }
    hr.banneri_mobiiliviiva {
        display: block;
    }
    nav#site-navigation {
        display: none;
    }
    .home #bannercontainer {
        height:600px;
    }
    img.bannerilogo {
        margin-top:0px;
    }
    .col-6.etusivu_widget.vasen {
        display: none;
    }
    .col-6.etusivu_widget.oikea {
        width: 96%;
        margin: 2%;
    }
    .col.grid_8_of_12 {
        width: 100%;
    }
    .col.grid_4_of_12 {
        width: 100%;
        left: 0px;
    }    
    .col-4 {
        width: 100%;
    }
    .col-8 {
        width: 100%;
    }
    footer.site-footer.row {
        display: none;
    }
    .yla-footer .col-8 {
        margin-bottom:20px;
    }

    /** MOBILE MENU **/
    .menu-paamenu-container {
        border-top: solid 1px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top:-16px;
    }
    ul.sub-menu li:first-child {
        margin-top:0px;
    }
    #toggle {
       display:block;
    }
    .site-title img {
        display: none;
    }
    .col.grid_10_of_12 {
        display: none;
    }
    ul#menu-paamenu {
        display: block;
    }
    .menu-item-has-children:after {
        display: block;
    }
    #popout {
        position: fixed;
        height: 100%;
        width: 100%;
        background:#1a2457;
        color: white;
        top: 0px;
        padding-top:100px;
        left: -100%;
        overflow:auto;
        z-index: 100;
    }
    #toggle {
        float: right;
        position: fixed;
        top: 35px;
        left: 35px;
        width: 95px;
        height: auto;
        z-index: 101;
    }
    .nav-menu li { 
        width:100%;
        padding: 2px;
        font-weight: bold;
    }
    .nav-menu li a { 
        color:#FFF;
        text-decoration:none;
        width:100%;
        padding-left:24px;
        outline:none;
        font-size:18px !important;
    }
    .nav-menu li a:focus {
        outline:none;
    }
    .nav-menu li a:hover {
        color:red;
    }
}

@media(max-width:991px){    
    .col-4.lehti.media{
        width:49%;
    }
    .home #bannercontainer {
        background:url('https://samsuomi.fi/wp-content/uploads/2017/06/etusivu_isokuva.jpg') !important; 
        background-attachment: fixed !important;
        background-size:cover !important;
    }
    .col-6.lahjoitukset.vasen, .col-6.lahjoitukset.oikea {
        padding-right:0%;
    }
    .col-6.lahjoitukset p {
        text-align:center;
    }
	h3.lahjoitukset-h3 {
		font-size:30px;
		width:80%;
	}
	.col-6.lahjoitukset.vasen {
		width:100%;
	}
	.col-6.badge .col-12.badge.alaosa.vasen, .col-6.badge .col-12.badge.alaosa.oikea {
		min-height:0px !important;
	}
	.col-6.lahjoitukset.oikea {
		width:100%;
	}
	.col-6.badge {
		width:100%;
		border:none !important;
		padding:0 !important;
		margin:0 !important;
        margin-bottom:-10px !important;
	}
	.col-12.badge.alaosa p {
		width:80%;
	}
	h4.lahjoitukset-h4.no-border {
		top:0px !important;
	}
}

@media(max-width:768px){
    .page-template-full-width .social-sharing.ss-social-sharing {
        bottom: 0% !important;
        width: 147px;            
    }
    .page-template-default .social-sharing.ss-social-sharing {
        bottom: 0% !important;
        width: 147px;            
    }
    .page-template-uutiskirje .social-sharing.ss-social-sharing {
        bottom: 0% !important;
        width: 147px;            
    }
    .page-template-full-width h1.entry-title {
        font-size:30px !important;
    }
    .home h2.postiotsikko {
        line-height: 16px;
    }
    .home h2.postiotsikko a {
        font-size:18px !important;
    }
    .lue_lisaa a {
        margin-top:40px !important;
    }
    .single-posti h1.entry-title {
        font-size:30px !important;
        margin-top:-22px !important;
    }
}

@media(max-width:767px){
    .page-template-full-width #primary {
        padding-left:0px !important;
        padding-right:0px !important;
    }    
    .page-template-ajankohtaista #primary {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .page-template-uutiskirje #primary {
        padding-left:0px !important;
        padding-right:0px !important;   
    }
	img.alasivu-ylakuva {
	    margin-top: -24px;
	}
	.page-template-default h1.entry-title {
		font-size:40px;
		top:-210px;
	}
    .page-template-ajankohtaista h1.entry-title {
        font-size:40px;
        top:-210px;
    }
    .page-template-full-width h1.entry-title {
        font-size:40px;
        top:-210px;
    }
    .page-template-kategoria h1.entry-title {
        font-size:40px;
        top:-210px;
    }
    .page-template-uutiskirje h1.entry-title {
        font-size:30px;
        top:-210px;
    }
    .home h2.postiotsikko {
        position: absolute;
        top:20px;
        left:20px;
    }
    .home h2.postiotsikko a {
        color:#fff;
        letter-spacing: 1px;
        font-size:30px;
    }
    .home .postiteksti {
        display: none;
    }
    .home .posti {
        border-bottom: none;
        margin-bottom: -25px;
    }
    .home .lue_lisaa a {
        display: block !important;        
    }
    .home .lue_lisaa a span {
        font-family:'Hurme';
    }
    h2.postiotsikko a {
        font-size:36px;
    }
    h3.lahjoitukset-h3 {
        width:100%;
        font-size:26px;
    }
    p.lahjoitukset-alateksti {
        width:100%;
    }
    h2.lahjoita-valiotsikko {
        font-size:40px;
    }
}
@media(max-width:650px){
    .col-4.paikallisyhdistys {
        width: 100%;
    }
    .jaa-button {
        float:none;
        margin-top:0px;
        margin-left:-20px;
    }
}
@media(max-width:500px){
    a.apurahahakemus {
        min-width: 0px;
        width:100%;
    }
    input.search-field {
        width:150px;
    }
    .footer_small_menu a {
        display: inline-block;
    }
    i.fa.fa-calendar {
        margin-left:10px;
    }
    .col-4.lehti.media{
        width:100%;
        margin:0px;
        margin-bottom:1px;
        height:auto;
    }
    .alasivuteksti-pieni {
        font-size:18px !important;
    }
    .entry-content p {
        font-size:18px !important;
    }
    .intro-teksti {
        font-size:20px !important;
    }
    .toggle-apuraha p.alasivuteksti-pieni {
        font-size:16px !important;
        font-weight: normal;
    }
}

@media(max-width:430px){
    h3.lahjoitukset-h3 {
        font-size:24px !important;
        margin-top:-20px;
        margin-bottom:10px;
    }
    .col-6.kalenteri.vasen h3 {
        font-size:30px;
    }
    .single h1.entry-title {
        font-size:40px;
    }
    .post-info {
        font-size:16px;
        padding-top:24px;
    }
    .col-6.lahjoitukset p {
        font-size:16px;
    }
    h2.lahjoita-valiotsikko {
        font-size:30px;
    }
    .col-12.badge.ylaosa p {
        font-size:32px;
    }
    .uutiskirje-lomake input {
        width:200px !important;
    }
    input#tilaa-uutiskirje-button {
        width:85px !important;
    }
}



@media(max-width:320px){
    .yla-footer .fa {
        padding:15px 5px;
    }
    .yla-footer .col-8 a {
        font-size:26px;
    }
}

.lue_lisaa a {
    margin-top: 20px;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    position: absolute;
    /*z-index: 1;*/
    top: 60px;
    left: 20px;
    border-top: solid 1px;
    display: none;
}















/*** VÄLIAIKAINEN BANNERI ***/
/*
.col-6.etusivu_widget.vasen {
    background:url('https://samsuomi.fi/wp-content/uploads/2019/08/etusivun-banneri.jpg') no-repeat !important;
    background-position: left center !important;
}
.col-6.etusivu_widget.vasen #text-3 {
    display: none !important;
} */

.col-6.etusivu_widget.oikea {
    /* background:url('https://samsuomi.fi/wp-content/uploads/2020/02/Clipboard01.jpg') no-repeat !important; */
	background:url('https://samsuomi.fi/wp-content/uploads/2020/09/etusivun-banneri092020.jpg') no-repeat !important;
    background-position: left top !important;
    background-size: cover !important;
    cursor:pointer !important;
}
.col-6.etusivu_widget.oikea #text-4 {
    display: none !important;
}