/*---------------------------------------------------------------------------------
Theme Name:		Rauhanturvaajat Yhdistyssivusto
Description:	Custom Divi Child Theme
Author:				Valakia Interactive
Author URI:		https://valakia.fi
Template:			Divi
Version:			1.6.1
------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.cookie-notice-container {
	background:#07a1f9!important;
}

/* KIRJASINTYYLIT */
p, h1, h2, h3, h4, h5, h6, h7, h8, li, ul, ol {word-wrap: normal !important;} p:empty {display: none !important; visibility: hidden;}
p {font-weight: 400 !important;} p strong {font-weight: 700 !important;}
p a {}
p a:hover {color: #25292b !important; text-decoration: underline;}
h1 {font-size: 250% !important;}
h2 {font-size: 200% !important;}
h3 {font-size: 150% !important;}
h4 {font-size: 125% !important;}

/*jakaja sisältöön, esim. Vertaistuki-mallisivulla yhteyshenkilöiden päälle*/
.viivainbox {border-top: 5px solid #d2caba !important; margin-top: 30px !important;}

/* Sivujen pääotsikot - hiekka, sini jne.*/
.main-heading h1, .main-heading h3 {font-size: 177% !important; text-transform: none !important;}

/*Jäseneksi - globaali osio*/
.jasenbox h1 {font-size: 200% !important;}

/*Yhdessä olemme voimakkaampia -osio*/
.sloganbox h1 {font-size: 200% !important;} .sloganbox p {font-size: 100% !important; font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 400 !important; font-style: italic !important; }

/*Nostot - huomiot esim. Vertaistuen muodot jne. maastokuvio*/
.nostobox {}
.nostobox h3 {margin-bottom: 15px !important;}
.nostobox p {font-size: 88%; font-style: italic !important; line-height: 1.5 !important;}

/* Yleisiä nappulatyylejä leiskan mukaan */
.et_pb_module .et_pb_button:hover, .et_pb_button:hover {
	opacity: 0.5;
	transition: all 0.5s ease;
}

body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button {
font-size: 18px;
font-family: 'Russo One', Helvetica, Arial, Lucida, sans-serif !important;
text-transform: uppercase !important;
transform: skewX(-8deg) skewY(0deg);
width: 218px;
}

/* TOP HEADER - TOPBAR */
/*.main-header-finders {float: right !important; position: relative; margin-top:8px; } .main-header-finders .et_pb_widget div {float: left; display: block;}*/
.et_pb_svg_logo #logo { margin-top:-24px; padding:10px 0; }
.main-header-nimi { display:inline-block; position: relative; max-width:204px;} 
.main-header-nimi h3 {z-index:100; /*font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;*/ font-family: roboto-condensed, sans-serif; font-style:normal; font-weight: 700; text-transform: uppercase; color: #212427; font-size: 106% !important; line-height: 1.3em; padding: 25px 8px 0px 5px;}
.et-fixed-header .main-header-nimi h3 {font-size: 100% !important; padding: 20px 8px 0px 5px !important;}
.et-fixed-header { /*top:18px!important;*/ }
#top-header { background-color: #fff; }
#top-header, #top-header a { color:#2b2b2b;  }
#top-header .container.clearfix {  display: none; }
#top-header .et_pb_module { margin-bottom: 0!important; }
#top-header .et_pb_row { padding: 7px 0 7px 0;  }
.et_pb_menu__menu>nav>ul>li>a {margin-bottom: 0px;}
.et_pb_search input.et_pb_searchsubmit { padding:5px;}
.liity { padding-top: 9px; }
.liity p { font-size: 1.1em; font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif; }
.et_pb_menu__icon.et_pb_menu__search-button {color: #212427 !important;}
.et_pb_menu__icon.et_pb_menu__close-search-button {color: #07A1F9 !important;}
/*.et-fixed-header .main-header-klubi h3 {font-size: 100% !important; margin-top: 38px!important;}*/ /*mallia logo-nimestä*/
ul#menu-kielivalikko::before { content:'LANGUAGE:'; vertical-align:middle; line-height: 12px; font-size: 1.1em; font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; font-weight: 400 !important; padding-top: 9px; }
.et_header_style_left #et-top-navigation .mobile_menu_bar,
.et_header_style_split #et-top-navigation .mobile_menu_bar { padding-top: 12px; padding-bottom: 12px; }

/* PÄÄVALIKKO */
#top-menu {transform: skewX(-8deg) skewY(0deg);}
#et-top-navigation { padding: 0 0 0 0!important;}
#et-top-navigation nav>ul>li>a, #et-top-navigation nav>ul>li>a::after {   padding-top: 33px; padding-bottom: 33px!important;}
#top-menu li {  padding: 11px;}
#top-menu>li:last-child { padding-right:11px; }
#top-menu li ul { transform: skewX(8deg) skewY(0deg); margin-top: 9px; width: auto; }
#top-menu li ul  { background-color: rgba(216, 203, 187, 0.8)!important; padding:0!important;}
#top-menu li ul li { border-bottom:1px solid rgba(0, 0, 0, 0.21);}
#top-menu li li ul { transform: skewX(0deg) skewY(0deg); margin-top: 20px;  }
#top-menu a { transition: all .0s ease-in-out; }
#top-menu li li a { font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; font-style: normal!important; width:220px; transform:skewX(0deg) skewY(0deg); font-weight: 600; text-transform: uppercase; padding: 10px 0px; font-size: 16px!important;}
#top-menu li:hover {  background-color: rgba(255, 255, 255, 0.3);}
#top-menu li a { font-weight: normal; transform: skewX(8deg) skewY(0deg); }
#top-menu li a:hover { color: #07a1f9; }
.et_mobile_menu .menu-item-has-children > a { font-weight: normal; }
#et-top-navigation { font-weight: 400 !important; }

/* ETUSIVUN SLIDER */
.viiva { background: #d8cbbb; height: 9px; width: 30%; max-width:330px; margin: 0 auto; margin-top: 10px; margin-bottom: 14px; }

/* OTSIKKO MUOTOILUJA */
.alleviivaus_hiekka {  background: #d8cbbb; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; float: left; }
.alleviivaus_sininen {  background: #07a1f9; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; float: left; }
.alleviivaus_hiekka_keskitetty { background: #d8cbbb; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; }
.alleviivaus_sininen_keskitetty {  background: #07a1f9; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; }
.alleviivaus_hiekka_oikea {  background: #d8cbbb; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; float: right; }
.alleviivaus_sininen_oikea {  background: #07a1f9; height: 5px; width: 70%; max-width:172px; margin: 0 auto; margin-top: 3px; margin-bottom: 14px; float: right; }

/*ETUSIVU - TAPAHTUMAT: EVENT MANAGER MUOTOILUT*/
.tapahtumalaatikko {background: #d8cbbb; padding: 0px; float: left;  border: none; border-bottom: 2px solid #07a1f9; position: relative;}
.tapahtumakuva { height: 160px;	overflow: hidden; background-color: white; }
.tapahtumakuva img { height: 100% !important; width: 100% !important; object-fit: cover; }
.tapahtumatekstit {padding: 16px 16px 10px 16px;}
.tapahtumannimi { /*min-height: 80px; */}
.tapahtumalaatikko h2.entry-title {	font-size: calc(12px + 0.5vw) !important; font-style: normal; line-height: 1.35 !important; margin-top: 0px !important; }
.tapahtumalaatikko h2.entry-title a { color: var(--text-color-normal)!important;}
.tapahtumalaatikko h2.entry-title a:hover { color: #07a1f9 !important;}
.tapahtumanpvm p.post-meta {font-size: 78% !important; color: #003397; font-weight: 600 !important;}
.tapahtumansisalto { font-size: 80% !important; line-height: 1.5 !important; margin-bottom: 25px; margin-bottom: 25%; }
.tapahtumanpaikka p.post-meta { padding-top: 10px; text-align: right; font-size: 12px; line-height: 1.5em!important;}
.tapahtumanpaikka { position: absolute; bottom: 10px; right: 20px; left: 20px; }

.em.em-list { display: flex!important; flex-flow: wrap; flex-direction: row; grid-gap: 0!important; }
.four-columns  { width:24.2%; float:left; margin: 0 0 2% 1%; hyphens: auto; }
.four-columns:first-child,
.four-columns:nth-child(5n+5) { margin-left: 0 !important; }
.four-columns:last-child {margin-right: 0%;}
.et_pb_code_inner .four-columns { display: flex; }
.tapahtumat-etusivu .css-search { text-align: right; background:none; border:0px; }
.tapahtumat-etusivu .css-search select { margin-left: 10px; }
.tapahtumat-etusivu .css-search .em-search-advanced label > span  { display:inline-block; float: none;  }
.tapahtumat-etusivu .css-search .em-search-field { margin-right: 55px;}
.tapahtumat-etusivu .em-search-advanced .em-search-submit { padding: 0 15px; position: absolute; top:0; right:0; border:0px; height: 33px; margin:15px 0px!important; background-color: #07a1f9; color:#fff; border-radius:0px!important; text-transform: uppercase; font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif; }
.tapahtumat-etusivu select { padding: 5px 15px!important; border:none; background-color: #07a1f9; color:#fff; border-radius: 0px;   -webkit-appearance: none; -webkit-border-radius: 0px;  
    background-image: url("/wp-content/themes/rtl-main/images/dropdown.svg");
  background-position: 100% 50%;  background-repeat: no-repeat;}

#category.em-events-search-category { border-radius:0px!important;  min-width: 165px; height: 33px; text-transform: uppercase; font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif;  }
.css-search option { padding: 20px!important;}
/*.em-search-advanced { position: absolute; right:50px; top:0;}*/
.em-pagination { position: absolute; bottom: -67px; left: 0; }
.em-pagination .page-numbers { color: #fff; background-color: #07a1f9; padding: 8px 15px; }
.em-pagination .current { color: #000; background-color: #07a1f9;
	padding: 8px 15px; }
.menneet_tapahtumat .et_pb_code_inner { display: inline-block; margin-bottom: 100px !important }

/** YKSITTÄISEN TAPAHTUMAN MUOTOILU **/
.single-event #left-area { width: 100%;}
.single-event #main-content .container:before {display: none;}
.single-event #sidebar { display: none!important;}
.single-event .et_post_meta_wrapper { display: none;}
.et_pb_row.tapahtumaotsikko { width: 100%;} 
.event .event-title {display: block; }
.et_pb_row.tietoja { width: 100%; border-top: 3px solid #d8cbbb; padding: 4% 0%;}
.et_pb_module.tiedot { width:49%; float: left; }
.em-location-map-container { width: 100%!important;}
.takaisin { cursor:pointer; font-family:'Russo One',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; text-transform: uppercase; position: absolute; top: -60px; left: 0; transform: skewX(-8deg) skewY(0deg); background-color: #07a1f9; border-radius: 0px; padding-left: 1.4em!important; padding-right: 1.7em!important; font-size: 1.1em; line-height: 2.1em!important; color: #fff; border:none;}
.takaisin:hover { background-color: rgba(7, 161, 249, 0.50); }

/* PAINIKE MUOTOILU */
.painike  {  transform: skewX(-8deg) skewY(0deg); background-color:#07a1f9; border-radius:0px; padding-left: 1.7em!important; padding-right:2em!important; font-size:1.25em; line-height: 2.4em!important; }
.painike .et_pb_button:after { font-weight: 800; }

/* TIEDOTTEET ETUSIVU */
.etusivu-tiedotteet { background: url("/wp-content/themes/rtl-main/images/maastokuvio2.jpg") repeat-y;
  background-position: right 50%; background-size: 50%; }
.tiedotteet .listing-item { margin-bottom: 10px; }
.tiedotteet .date { font-style: italic; font-size: 12px; color:#8d806f;}
.tiedotteet .title { display: block; font-family: 'Russo One',Helvetica,Arial,Lucida,sans-serif!important;}
.tiedotteet a.title  { color: #2a322e; font-size: 100% !important;}
.tiedotteet a.title:after { content:'»'; padding-left:10px; }
.tiedotteet a.title:hover { color: #07a1f9;}

/* TIEDOTTEET ALASIVU */
.ajankohtainen { hyphens: auto; }
.ajankohtainen [data-columns]::before { content: '4 .column.size-1of4' !important; }
.ajankohtainen .column.size-1of4 { width: 24%!important; margin-right: 1%;}
.ajankohtainen .et_pb_post { height: 430px; position: relative;	margin-bottom: 4%; }
.ajankohtainen .et_pb_image_container {	height: 160px; overflow: hidden; }
.ajankohtainen .et_pb_image_container a { display: inline; }
.ajankohtainen .et_pb_image_container img {	height: 100% !important; width: 100% !important; object-fit: cover; object-position: center; }
.ajankohtainen h2.entry-title { font-size: 110% !important; font-style: normal; line-height: 1.35 !important; }
.ajankohtainen p.post-meta { font-weight: 400 !important; font-size: 12px!important; position: absolute; bottom: 10px; right: 20px; }
.ajankohtainen p.post-meta a { color: black; text-transform: uppercase; }
.ajankohtainen h2.entry-title a:hover {	color: #07a1f9; }
.ajankohtainen .post-content-inner p { font-weight: 500 !important; }
.ajankohtainen .et_pb_image_container {	margin: -20px -20px 19px; }

/* TAPAHTUMAT -SIVU */
.vi-search-field { padding: 0 0 20px 0; text-align: right; }
.vi-search-field select {
	padding: 8px 15px !important;
	border: none;
	background-color: #07a1f9;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-image: url(/wp-content/themes/rtl-main/images/dropdown.svg);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border-radius: 0px !important;
	max-width: 235px;
	font-size: 14px;
	padding-right: 50px !important;
	}

	.vi-label {
		display: inline;
		padding-right: 20px;
		font-size: 14px;
		vertical-align: sub;
		width: 133px;
	}

	.vi-category-button {
		padding: 8px 15px;
		margin-top: 3px;
		border: 0px;
		background-color: #07a1f9;
		color: #fff;
		border-radius: 0px !important;
		-webkit-border-radius: 0px;
		text-transform: uppercase;
		font-size: 14px;
	}

#menneet .et_pb_code_inner { width: 100%; }

/* Yhdistyksen tapahtumalista etusivulla */
.union_frontpage_event {
	margin-bottom: 15px;

}
.union_frontpage_event p {
	font-style: italic;
	font-size: 12px;
	color: #8d806f;
	font-family: 'Roboto',
	Helvetica,
	Arial,
	Lucida,
	sans-serif;
}
.union_frontpage_event_title a {
	font-family: 'Russo One',
	Helvetica,
	Arial,
	Lucida,
	sans-serif !important;
	color: #2a322e;
	font-size: 18px;
	font-weight: 500;
}
.union_frontpage_event_title a:hover, .union_frontpage_event_title a:active {
	color: #07a1f9;
}

.union_frontpage_event_title a:after {
	content: '»';
	padding-left: 10px;
	font-family: 'Russo One',
	Helvetica,
	Arial,
	Lucida,
	sans-serif !important;
	font-size: 18px;
	font-weight: 500;
}


/* TWITTER-SYÖTE */
.twittersyote { padding: 15px;}

/* OIKOTIET */
.oikotie { transform: skewX(-8deg) skewY(0deg); cursor: pointer; }
.oikotie h4, .oikotie p { transform: skewX(8deg) skewY(0deg);  }
.oikotie h4, .oikotie h4 a {font-size: 110% !important;}
.oikotie .et_pb_main_blurb_image { width:78px; margin-bottom: 0px; padding: 5px;}
.oikotie .et-pb-icon { font-size: 62px; color:#d0c3b3!important; padding-top: 12%; }
.oikotie .et_pb_module_header { padding: 25px 15px 5px 5px;}
.oikotie .et_pb_blurb_description {  padding: 0px 15px 20px 5px; font-size: 13px;}
.paikallisyhdistykset_blurb h4 a { font-size: 104% !important; }
.oikotie .et_pb_blurb_container { margin: 0 auto; overflow: hidden; hyphens: auto; }
.oikotie .et_pb_blurb_container p { line-height: initial; }

/* JÄSENYHDISTYKSET */
.jasenyhdistykset { line-height: 2em; }
.jasenyhdistykset a { color: #212427; /*text-decoration: underline;*/  }
.jasenyhdistykset a:hover { color: #07a1f9; }
.jasenyhdistykset a:after { content:'»'; padding-left:5px; }

/* LIITY JÄSENEKSI GLOBAL MODUULI */
.jaseneksi .et_pb_column { margin-right:0%!important; }
.jaseneksi .et_pb_column_1_2 { width: 50%; }
.jaseneksi .et_pb_contact_form_container { width: 70%; }
.jaseneksi .et_pb_button {transform: skewX(-8deg) skewY(0deg);}
.jaseneksi .et_contact_bottom_container { padding-top:20px; }
.jaseneksi .kokemuksia p {line-height: 1.35 !important;}
.jaseneksi { z-index: 999 !important; padding-top:0px!important; }

/* LOMAKKEET */
.kriha-form h1.et_pb_contact_main_title {font-size: 177% !important; color: #d8cbbb !important;}
.kriha-form p.et_pb_contact_field {margin-bottom: 1% !important;}
.kriha-form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {margin-bottom: 0 !important;}
.kriha-form .et_contact_bottom_container {margin-top: 11px !important;}

/** BREADCRUMBS - Shortcodella **/
.breadcrumb {border-bottom: 1px solid #6A6F6C !important; padding-bottom: 15px !important;}
.breadcrumb span {font-size: 85%; font-weight: 400 !important; font-style: italic !important; color: #6A6F6C !important;}
.breadcrumb span a {font-weight: 400 !important; font-style: italic !important; color: #6A6F6C !important;}
.breadcrumb span span, .breadcrumb span.breadcrumb_last {font-size: 100% !important;}
.breadcrumb span a:hover {color: #5ba0f6 !important; text-decoration: underline !important;}

/** FOOTER **/
.footer {font-size: 100% !important;}
.footer h1 {font-size: 100% !important;}
.footer h3 {font-size: 133% !important;}
.footer p {font-size: 78% !important; line-height: 1.5 !important;}
.footer a, .footer p a {font-size: 100% !important; color: #2b2b2b;}
.footer a:hover,.footer p a:hover {color: #07a1f9;}
.footer .et_pb_social_media_follow li a { margin-right: 1px;}
.footerlogo img { margin-top: -8px; margin-right: 8px; }
#main-footer .et_pb_row { z-index: 0; }
.copyright .et_pb_text_inner { padding-left: 20px; padding-right: 20px; }

/* MOBIILITYYLIT */

@media (min-width: 980px) {	.css-events-list { display: flex; flex-wrap: wrap; }}

@media (max-width: 1490px) and (min-width: 981px) {
  .oikotiet .et_pb_column_1_3 { width: 45%; margin-right:2.5%; }
  .oikotiet .et_pb_column:last-child { width: 100%; margin-right: 0%;}
  .oikotiet .et_pb_column:nth-child(2) { margin-right: 0%; }
  .oikotiet .et-last-child .et_pb_module { display: inline-block; }
  .oikotiet .et-last-child .et_pb_module:first-child { width: 45%; margin-right:2.5%; /*float: left;*/  }
  .oikotiet .et-last-child .et_pb_module:last-child { width: 45%/*float: right; */}
	.oikotiet .et_pb_module { margin-bottom: 3%!important; }
	.ajankohtainen [data-columns]::before {
		content: '3 .column.size-1of4' !important;
	}
  .ajankohtainen .column.size-1of4 { width: 31%!important; margin-right: 2%;}
}

@media (max-width: 980px) {
  h3 {/*font-size: 28px!important;*/}
	.main-header-nimi {	display: inline-block; position: relative; max-width: 600px; }
	.main-header-nimi h3 { padding: 5px 8px 0px 5px; font-size: 100% !important; }
	.et_pb_svg_logo #logo { margin-top: -3px; padding: 0 0; height: 54% !important; }
  .four-columns {	width: 49%;	margin: 0 2% 15px 0%; }
  .four-columns:nth-child(2) { margin: 0 0 0 0%; }
  .four-columns .et_pb_code_inner { display:inherit;  }
  .etusivu-tiedotteet, .jaseneksi  { background: #d1c4b4;   }
  .jaseneksi .et_pb_contact_form_container { width: 100%; }
  .jaseneksi .et_pb_column_1_2 { width: 100%; margin-bottom: 0px;}
	.jasenbox h1, .sloganbox h1 {font-size: 125% !important;}
	.ajankohtainen [data-columns]::before {
		content: '2 .column.size-1of4' !important;
	}
  .ajankohtainen .column.size-1of4 { width: 48%!important; margin-right: 2%;}
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  h3 {/*font-size: 22px !important;*/}
  .four-columns  {width: 100%; margin: 0 0 15px 0; font-size: 1.24em!important; }
  .four-columns:nth-child(2) { margin: 0 0 15px 0%; }
  .two-columns {width: 100%;}
  .tapahtumalaatikko { min-height: auto; }
  .jaseneksi .et_pb_column_3  { background-position-x: -100px;  background-color: #d1c4b4; }
	.kokemuksia .et_pb_text_5 { background: rgba(255,255,255,0.4); padding: 20px; }
	.ajankohtainen [data-columns]::before {
		content: '1 .column.size-1of4' !important;
	}
  .ajankohtainen .column.size-1of4 { width: 100%!important; margin-right: 0%;}
  .et_pb_module.tiedot { width:100%; float: left; }
}

/* TOP BAR & MENU FIXES IN MOBILE */
@media (max-width: 980px) {
	#top-header .et_pb_menu__menu { display: flex !important; }
	#top-header .et_mobile_nav_menu { display: none !important; }
	#top-header .et_pb_column { margin-bottom: 0px !important; }
	#top-header .et_pb_menu__wrap { justify-content: flex-start; padding-left: 12px; }
	.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_svg_logo #logo.et_pb_column { margin-right: 3.5%; }
	h1 { font-size: 150% !important; hyphens: auto; }
}

@media (max-width: 1140px) {
	.et_pb_row_0 { width: 90% !important; }
}

@media (max-width: 550px) {
	.main-header-nimi h3 { font-size: 75% !important; }
	#main-header .container { width: 95%; }
}

/*Jumping header and menu fixes */
@media (max-width: 1110px) {
	#et_mobile_nav_menu { display: block;	}
	#top-menu { display: none; }
}

@media (max-width: 1340px) and (min-width: 980px) {
	.et_menu_container { width: 95%; }
	#top-menu li { padding-left: 5px; padding-right: 5px; }
}

@media (max-width: 1340px) and (min-width: 980px) {
	#et_mobile_nav_menu { min-height: 103px;	}
	.mobile_menu_bar_toggle { margin-top: 26px; }
	.et-fixed-header #et_mobile_nav_menu { min-height: 82px;	}
	.et-fixed-header .mobile_menu_bar_toggle { margin-top: 14px; }
}

@media (min-width: 980px) {
	.et_pb_menu__wrap { padding-right: 30px; }
}

@media (max-width: 475px) {
	.vi-label { padding-right: 0px !important; }
	.painike { font-size: 1em !important; }
}