/*
 Theme Name:   SUTUAS
 Description:  Suomen henkilöstö- ja turvallisuusasiantuntijat - sivusto
 Author: Suomen henkilöstöasiantuntijat, Suomen turvallisuusasiantuntijat
 Template:     onepress
 Text Domain:  sutuas
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #292B2C;
    text-decoration: none;
	font-weight:bold;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #fcc92e;
    text-decoration: none;
}

#primary{
	min-height:360px;
}
/*Ajankohtaiset-linkkien väri*/
.list-article-meta a {
    color: #fcc92e;
}
/*Ajankohtaiset lue lisää-nappi*/
.all-news .btn-theme-primary-outline{
	background:#fcc92e;
	color:#fff;
	
}
.all-news .btn-theme-primary-outline:hover{
	color:#fff;
	background:#ffdd76;
}

/*HERO-Asetukset*/

input[type="reset"], input[type="submit"], input[type="submit"], .nav-links a:hover, .btn-theme-primary, .btn-theme-primary-outline:hover, .card-theme-primary, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
    color: #191919;
}

input[type="reset"], input[type="submit"], input[type="submit"], .nav-links a:hover, .btn-theme-primary:hover {
    color: #fff;
	border:1px solid #fff;
	background:transparent;
}


.hero__content .btn-secondary-outline:hover{
	background:#fcc92e;
	color:#191919;
	border-color:#191919;

}

.hero-content-style1 h2 {
    font-size: 65px;
}

.hero__content p{
	font-style: unset!important;
	}
	
.hero-content-style1 p{
	margin-bottom:0;
}	

/*Navigaatio-Asetukset*/

.onepress-menu a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

/*Alavalikko*/
.onepress-menu ul li a {
    border-top: 1px solid #333;
    background: #002147;
}

.onepress-menu ul li {
    line-height: 20px;
	font-size:15px;
}
.onepress-menu ul {
    border:none;
}

/*Mobiili-navigaatio*/

.onepress-menu-mobile li{
	background: #002147 !important;
	border-top: 1px solid #001731 !important;
}

.nav-toggle-subarrow{
	border-left: 1px solid #001731 !important;
}

.onepress-menu-mobile a{
	color:#fff!important;
}

.onepress-menu-mobile a:hover{
	color:#fcc92e!important;
}

.fleft{
	float:left; 
	width:42%;
	padding:1%; 
	color:#777777; 
	letter-spacing:.1px;
	}

.fleft:hover{
	background:#ffe493; 
	color:#333333;
	}

.fright{
	float:right; 
	width:42%; 
	padding:1%; 
	color:#777777;
	letter-spacing:.1px;
	}

.fright:hover{
	background:#ffe493;
	color:#333333;
	}


.entry-meta{display:none;}
.tags-links{display:none !important;}
.cat-links a{
	color:#fcc92e;
	}

/*Kurssien hakukenttä*/
	.probox{
		height:50px!important;
	}
	.promagnifier{
		height:50px!important;
		width:50px!important;
	}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size:20px;
}
::-moz-placeholder { /* Firefox 19+ */

  font-size:20px;
}
:-ms-input-placeholder { /* IE 10+ */

  font-size:20px;
}
:-moz-placeholder { /* Firefox 18- */

  font-size:20px;
}

div[id*="ajaxsearchlite"] .probox .proinput {

	margin: 12px 0px 0px 10px!important;
}
#ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
	font-size: 20px!important;
	}
	
/*Koulutukset- sivun laatikot*/	

.kurssi{
	background: #f4f4f4;
	padding:15px;
	margin:10px 3px;
	color:#333;
	float:left;
	border: solid 2px #d1d1d1;
	width:47%;

}


.kurssi h2{
	font-size:1.5em;
	margin-bottom: 20px;
}

.kurssi h2 a:hover{
	color:#002147;
	background:transparent;
}
.kurssi p{
	font-size:1em;
	margin:10px;
}

.kurssi .kuva{
	height:150px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.kuva img{
	position:absolute;
	top: 0px;
}

/*Sininen ilmoittautumisnappi/lue lisää-nappi*/
.sininen{
	color:#fff !important;
	text-decoration:none;
	
	background-color:#3175DB;
	margin:10px 10px;
	font-size:.7em;
	text-transform: none;
	
}
.sininen:hover{
	color:#fff;
	background-color:#004696;
}
.sininen:active{
	color:#fff;
}

/*Koulutusten taulukko*/

/*etsi-kenttä*/
#myInput {
    background-image: url('themes/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

table .sininen{
	margin:10px 0;
	font-size:.8em;
}

/*Taulukon-nuolet*/

table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(themes/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(themes/desc.gif);
}

#sutuas td{
	width: 20%;
	border-color:#c8c8c8;
}

#sutuas tr:nth-child(even) {
	background: #efefef;
	}	

#sutuas tbody tr:hover{
	background-color:rgba(0, 33, 71, 0.2);
}
#sutuas .stxt{
	font-size: .7em !important;
	padding: 0px 14px !important;
	width: 99px;
}

#sutuas thead th{
	vertical-align: middle;
	width: 25%!important;
}
table td{
	vertical-align: middle!important;
}


/*Järjestettäviä kursseja ei löytynyt*/	
.no-posts{
	font-size:1.7em;
	font-weight:bold;
}

/*Taulukon kyllä-ei tekstit*/
	
.vihrea{
	color:green;
	font-weight:bold;
	margin:0;
}
.punainen{
	color:red;
	font-weight:bold;
	margin:0;
}




.kurssi-single{
	float:left;
	padding:2%;
	width:47%;
	margin:10px;
	color:#292B2C;
}


.kurssi-single h3{
	margin-bottom:20px;
	font-size:2.1em;
	font-weight:bold;
}
.kurssi-single p{
	font-size:1.1em;
	margin:5px 8px 15px 8px;
}

.ilmoittautuminen{
	width:47%;
	float:right;
	padding: 3%;
	margin: 10px;
}

.ilmoittautuminen h3{
	font-size:1.6em;
	
}


.floatl{
	float:left;
}
.floatr{
	float:right;
}

.fstop{
	clear:both;
	}



.nfound{
	font-size:2em;
}

.tyop{
	width:40%;
}
.tyop h2{
	margin-bottom: 20px;
	font-size: 2.1em;
	font-weight: bold;
}


/*Tietoa meistä- osio*/
.esittely{
	width:70%;
	margin: 0 15%;
}

.section-contact input[type="checkbox"]{
	width: 5%;
}

/*tarjouspyyntö-sivu ja yhteystiedot-sivu*/
.centered{
	width:60%;
	margin: 0 20%;
}

.centered select{
	font-size: 1.3em;
}

/*Lomakkeen tausta*/
.tarjous{width:50%;background:#e3e3e3;padding:3%;}

/*Lomakkeen lähetä-nappi*/
input[type="reset"], input[type="submit"], input[type="submit"]{
    color: #fff;
    border: 2px solid #fff;
    background: #fcc92e;
}


/*Lomakkeen leveys*/

textarea,
 input[type="date"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="password"],
 input[type="search"],
 input[type="tel"],
 input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"] {
    width: 100%;
}

/*Etusivun yhteydenottolomake*/
#wpcf7-f146-o1, 
#wpcf7-f211-o1{
	width: 50%;
	margin: 0 auto;
}



/*Sutuas English*/

.cont em{
	display:none;
}
#key{
	display:none;
}
#auth{
	display:none;
}
#osc ul li::before{
	content:'\25b6';
}
#rwsc ul li::before{
	content:'\25b6';
}
#fa ul li::before{
	content:'\25b6';
}
#hwc ul li::before{
	content:'\25b6';
}


#hwc h3,
#fa h3,
#rwsc h3,
#osc h3{
	background-color: #002147;
	color: #fff;
	padding: 10px;
	margin-bottom: 0;
}
#hwc ul,
#fa ul,
#rwsc ul,
#osc ul{
	border: #7e7e7e solid 1px;
	padding:0;
}
#hwc li,
#fa li,
#rwsc li,
#osc li{
	margin:0;
	padding: 6px 15px;
}

#hwc li:nth-child(odd), 
#fa li:nth-child(odd), 
#rwsc li:nth-child(odd), 
#osc li:nth-child(odd) { 
	background-color:transparent;
	}
	
#hwc li:nth-child(even), 
#fa li:nth-child(even), 
#rwsc li:nth-child(even), 
#osc li:nth-child(even) { 
	background-color:#eaeaea; 
}



/*Henkilöstöpalveluiden palvelu-sivut*/
.palvelu{
	margin:30px;
}

.palvelu h2{
	font-size:2em;
	font-weight:bold;
	margin-bottom:15px;
	
}

.palvelu h3{
	font-size:1.5em;
}

.palvelu p{
	margin-left:15px;
}

.lista{
	margin-left:30px;
}

/*Avoimet työpaikat*/

.jobs{
	list-style:none;
}

.jobs a{
	color:#002147;
}
.jobs a:hover{
	color:#fcc92e;
	text-decoration:none;
}

.jobs .btn{
	border: 2px solid #fff;
    background: #002147;
}
.jobs .btn:hover{
	border: 2px solid #fff;
    background:#00489a;
}
.jobs .btn a{
	color: #fff;
}

.jobs li{
	margin:15px;
	padding:10px;
}
.pva{
	font-size: .9em;
	margin-bottom: 3px;
}

/*Ajankohtaista- artikkelit*/

.artikkeli{
	width:65%;
	margin: 0 17.5% 20% 17.5%;
	padding:35px;
	background:#fff;
	position: relative;
	top: 5em;

}

.artikkeli p,
.artikkeli h2,
.artikkeli h3,
.artikkeli h4,
.artikkeli h5,
.artikkeli h6{
	padding:0 2%;


}

.artikkeli h1{
	text-align:center;
	margin: 5px auto 25px auto;
	text-transform: uppercase;
	color: #002147;

}

.artikkeli .pva{
	text-align:center;
}
.cont{
	width:100%;
	position:relative;
}
.cont .kuva{
	position:absolute;
}
.kuva{
  width: 100%;
  height:350px;
  overflow: hidden;
}
.kuva img{
	width: 100%;
	height: auto;
}

.no-img{
	position:static;
}

.postinav{
	color:red;
	 text-align:center;
	 z-index:2;
}
/*Toimipaikka-sivut*/
.toimip{
	width:45%;
	margin:15px 2.5%;
}

.toimip iframe{
	max-width:100%;
}

/*Henkilöstöpalvelujen yhteystiedot-sivu*/
/*Yhteystietojen container*/
.yhteystieto-cont{
	width:47%;
	float:left;

}

/*Henkilöstöpalvelujen tiedot*/
.cont-info{
	padding:10px;
	margin-bottom:20px;
}

/*Yhteystiedot-sivun henkilöiden määritykset*/
.yhteystieto{
	width:48%;
	margin: 4px;
	padding:10px;
	text-align:center;
	background:#EBEBEB;
	float:left;
}

/*Kieli-liput*/
.yhteystieto img{
	margin:5px 1px;
}


/*Yhteystietojen henkilökuvien määritykset*/
.henkilokuva{
	max-height:220px;
}

/*Nimen yläpuolella näkyvä titteli/ammattiala*/
.titteli{
	font-size: .8em;
	margin-bottom: 5px;
}
/*Yhteystietojen vaakaviiva*/
.yhteystieto hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

.tiedot{
	font-size:.8em;
	margin-bottom:0;
}


.lomake{
	width:45%;
	margin-top: 6%;
}
.vasen{
	width:45%;
}


/*Mediaquery*/

@media screen and (max-width:1199px){

/*Navigaatio*/
.onepress-menu ul li {
    line-height: 20px;
	
}

.onepress-menu a {
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
	}
	
/*Kurssitaulukko*/	
.tablesorter-header-inner{
	margin-right:13px;
}

.kurssi.kuva img {
    top: 0px;
}
/*Hero-teksti*/
.hero-content-style1 h2 {
    font-size: 58px;
}

/*Etusivun yhteydenottolomake*/
#wpcf7-f146-o1, 
#wpcf7-f211-o1{
	width: 80%;
	margin: 0 auto;
}

}
	
@media screen and (min-width:768px) and (max-width:991px){

/*Hero- alueen teksti*/

.hero-content-style1 h2 {
    font-size: 42px;
}

.fleft, .fright{ width:44%; padding:2%;}

.kurssi{
	width:100%;
}
.kurssi .btn{
	padding:5px;
	margin:5px 0;
	width:auto;
	
}
.kurssi h3{
	font-size:15px;
}

/*Ajankohtaista- artikkelit*/

.artikkeli{
	width:80%;
	margin: 0 10% 20% 10%;
}

.cont .kuva img {
    top: -100px;
}
.kuva{
  height:350px;
}

.kurssi .kuva img {
    top: 0px;
}


/*Avoimet koulutukset taulukko*/

#sutuas thead th {
	font-size: .8em;
}
.tablesorter-header-inner{
	margin-right:13px;
}

/*Sininen ilmoittautumisnappi/lue lisää-nappi*/
.sininen{
	margin: 2px 0px;
	font-size: .9em !important;
	width: 241px;
	
}

/*tarjouspyyntö-sivu ja yhteystiedot-sivu*/
.centered{
	width:80%;
	margin: 0 10%;
}

/*Toimipaikka-sivut*/	
.toimip{
	width:100%;
	margin:15px 0%;
}

/*Henkilöstöpalvelujen yhteystiedot-sivu*/
/*Yhteystiedot-sivun henkilöiden määritykset*/
.yhteystieto{
	width:100%;
}

/*Yhteystietojen vaakaviiva*/
.yhteystieto hr{
	width:70%;
}

}

@media screen and (max-width:767px){
	
/*Hero- alueen teksti*/

.hero-content-style1 h2 {
    font-size: 193%;
}

.fleft, .fright{ 
	width:100%; 
	padding:5%;
	}
	
.kurssi{
	width:100%
}
.kurssi .btn{
	width:auto;	
}


/*kurssi hakukenttä*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */

  font-size:12px;
}
:-ms-input-placeholder { /* IE 10+ */

  font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */

  font-size:12px;
}

#ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
	font-size: 15px!important;
	}
	
div[id*="ajaxsearchlite"] .probox .proinput {
    margin: 12px 0px 0px 1px !important;
}	


input[type="submit"] {
    width: 100%;
}

.kurssi-single{
	width:100%;
}
.ilmoittautuminen{
	width:100%;
}
.tyop{
	width:100%;
}

.kurssi {
    width: 100%;
	margin: 10px 2px;
	}
	
.kurssi .kuva img{
	top: 0px;
}	

/*Ajankohtaista- artikkelit*/

.artikkeli{
	width:90%;
	margin: 0 5% 20% 5%;
}


.artikkeli h1{
	text-align:center;
	margin: 5px auto 25px auto;
	text-transform: uppercase;
}

.kuva{
  height:350px;
}

/*Avoimet koulutukset taulukko*/

#sutuas thead th {
	font-size: .8em;
}
.tablesorter-header-inner{
	margin-right:13px;
}

/*Sininen ilmoittautumisnappi/lue lisää-nappi*/
.sininen{
	margin: 0px 0px;
	font-size: .9em !important;
	width: 229px;
	
}
	
/*tarjouspyyntö-sivu ja yhteystiedot-sivu*/
.centered{
	width:100%;
	margin: 0;
}

/*Ajankohtaiset artikkelit*/

.cont .kuva {
    position: absolute;
	top: -55px;
}

.artikkeli{
	top:1.7em;
}

.cont .kuva img{
	top:2em;
}

/*Toimipaikka-sivut*/	
.toimip{
	width:100%;
	margin:15px 0%;
}	

/*Henkilöstöpalvelujen yhteystiedot-sivu*/
/*Yhteystietojen container*/
.yhteystieto-cont{
	width:100%;
	float:none;
	margin:0 auto;

}

/*Yhteystiedot-sivun henkilöiden määritykset*/
.yhteystieto{
	width: 47%;
	float: left;
}

.lomake{
	width:80%;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

}

@media screen and ( max-width:474px ){
/*Henkilöstöpalvelujen yhteystiedot-sivu*/
/*Yhteystiedot-sivun henkilöiden määritykset*/
.yhteystieto{
	width: 100%;
	float: none;
	margin-left:auto;
	margin-right:auto;	
	
}
.yhteystieto hr{
	width: 60%;
}
.kurssi {
    width: 100%;
	margin: 10px 0px;
	}
}


@media screen and (max-width:394px){
/*Hero- alueen teksti*/

.hero-content-style1 h2 {
    font-size: 26px;
}
#hero .btn{
	display:inline-table;
	width: 50%;
	font-size:.9em;
}


.palvelu p{
	margin-left:0;
}


.list{
	margin-left:0;
}

.site-branding{
	max-width:70%;
}

.artikkeli{
	padding:20px;
}

.artikkeli h1{
	font-size:2em;
	
}

	
}

@media screen and (max-width:323px){



.artikkeli h1{
	font-size:1.6em;
	
}
.artikkeli p, h2, h3, h4, h5, h6{
	padding:0 2%;
}
.artikkeli p{
	font-size:.9em;
}
/*Footer- tekstin koko*/
.site-footer .site-info {
    font-size:.7em;
}

/*Henkilöstöpalvelujen yhteystiedot-sivu*/
/*Yhteystietojen container*/
.yhteystieto-cont{
	width:90%;
}

.lomake{
	width:100%;
}
	
}

@media screen and (max-width:248px){


.artikkeli h1{
	font-size:1.5em;
	
}
.artikkeli p, h2, h3, h4, h5, h6{
	padding:0 2%;
}
.artikkeli p{
	font-size:.9em;
	text-align:justify;
}


	
}

@media screen and (max-width:200px){

#nav-toggle {
	width: 18%;
}

.artikkeli{
	top: 0;
	padding:2px;
}

.artikkeli .pva{
	font-size:.9em;
}

.artikkeli h1{
	font-size:1.5em;
	
}
.artikkeli p, h2, h3, h4, h5, h6{
	padding:0 0;
}
.artikkeli p{
	font-size:.8em;
}
.artikkeli h2{
	font-size: 1.3em;
}
.kuva{
  height:auto;
}
.kurssi{
	display:inline-block;
	width: 100%;
}
.kurssi .kuva{
	display:none;
}

/*Etusivun yhteydenottolomake*/
#wpcf7-f146-o1, 
#wpcf7-f211-o1{
	width: 100%;
	margin: 0 auto;
}

	
}