/*
 Theme Name:   GeneratePress Child – Rooster Edition 
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme edition for Elementor
 Author:       A. Valkama / BM&M
 Author URI:   https://bmm.fi
 Template:     generatepress
 Version:      0.1
*/

/* – G E N E R A L – – – – – – – – */

	* {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}

	body * { box-sizing: border-box; }

/* – T Y P O G R A P H Y – – – – – – – – */
	
	/* Jakoviivan muokkaus */
	hr, .elementor hr { height: 2px; margin: 1.5em 0; background-color: rgba(0,0,0,0.1); }

	/* Listauksen muokkaus */
	.elementor-tab-content ul,
	.elementor-widget-text-editor ol, 
	.elementor-widget-text-editor ul  { margin: 0 0 0 1.25em; }

	.elementor-widget-text-editor ul + p,
	.elementor-widget-text-editor ul + h1,
	.elementor-widget-text-editor ul + h2,
	.elementor-widget-text-editor ul + h3,
	.elementor-widget-text-editor ul + h4, 
	.elementor-widget-text-editor ul + h5 { margin-top: 1em;}

	.elementor-widget-text-editor ol li,
	.elementor-widget-text-editor ul li { margin-bottom: 0.25em; }

	.elementor-widget-text-editor ol li::marker,
	.elementor-widget-text-editor ul li::marker { color: var( --e-global-color-primary ); font-weight: 600; }

	.elementor-tab-content ul li { margin-bottom: 15px;	font-size: 15px; }

	/* Kosmetologi palveluiden listaus */
	.palvelut-moduli ul li strong { font-size: 17px; font-weight: 500; }
	.palvelut-moduli ul li::marker { font-weight: 600; }


	/* Viimeisen kappaleen margin */
	.elementor-widget-container p:last-child { margin-bottom: 0; }


/* – M O D I F I C A T I O N S – – – – – – – – */

	/* Kosmetologi menu item 
	li.kosmetologi.current-menu-item { background-color: #AE6C65; }*/

	/* Cookie Consent */
	#cookie-notice { box-shadow: 0 0 15px rgb(0 0 0 / 15%); }
	.cn-text-container { color: #000; }
	.cn-button:hover { background-color: #00481d !important; }

	.elementor-post__card { box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%) !important; }

	/* NAVIGOINTI */
	.menu-item-has-children ul { min-width: 100% !important; } /* Dropdown-valikon leveys */

	li.menu-item:first-child a:before { border-radius: 3px 0 0 0; }

	.elementor-nav-menu .sub-arrow i { font-size: 13px; } /* Mobiilimenun + koko */
	
	/* Aukioloajat - Arkipyhät sunnuntain loppun */
	.op-row:nth-child(3) th.op-cell.op-cell-heading::after {
   		content: ' ja arkipyhät';
	}

	/* TARJOUSTUOTTEET */

	.tarjoukset {
		display: flex;
		flex-wrap: wrap;
	}

	.tarjoustuote {
		display: block;
		border-radius: 3px; 
		margin: 15px;
		width: calc(20% - 30px);
		background-color: #FFF;
		padding: 20px;
	}

	.tarjoustuote.tarjous-slider {
		width: 100%;
		background-color: #FFF;
		margin: 0px;
		text-align: center;
	}

	.tarjoustuote.tarjous-slider img { padding: 0 15px;}

	.tuotetiedot { margin-top: 10px; }

	.tarjoustuote h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 8px;
	}

	.tarjoustuote .tarjous {
		font-size: 30px;
		font-weight: 800;
		margin-bottom: 10px;
		color: var( --e-global-color-primary );
	}

	.tarjoustuote .ovh {font-size: 12px; color: #444444; line-height: 1.2em; }



	/* RSS */

	.rss h5 { display: none; }

	.rss ul { margin: 0px; list-style:none; }

	.rss ul li { 
		font-size: 18px;
		line-height: 1.2em;
		list-style: none;
		padding: 10px 0;
		margin: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	

	.rss ul li:last-child { border-bottom: none;}

	.rss ul li a { color: #167316; font-weight: 500; }
	.rss ul li a:hover { text-decoration: underline; color: #0C3D0C; }

	.rss span.rss-date { font-size: 13px; font-weight: 500; color: #333; display: block; }
	.rss span.rss-date:before { content: " – "; }

	.rssSummary { font-size: 16px; }
	

/* – R E S P O N S I V E  S T Y L I N G – – – – – – – – */
	
	/* – D E S K T O P – – – */

	@media only screen and (max-width: 1280px) {
		
		.tarjoustuote {
			margin: 15px;
			width: calc(25% - 30px);
			padding: 20px;
		}

	}

	/* – S M A L L  D E S K T O P – – – */

	@media only screen and (max-width: 1024px) {
		.header-top { background-color: #EEE !important;}
		
		.tarjoustuote {
			margin: 10px;
			width: calc(33% - 20px);
			padding: 20px;
		}
	}

	/* – T A B L E T – – – */

	@media only screen and (max-width: 768px) {
		
		.tarjoustuote {
			margin: 10px;
			width: calc(50% - 20px);
			padding: 20px;
		}
		
		li.menu-item ul.sub-menu { background-color: #00481D !important; }
	}


	/* – M O B I L E / 600 – – – */

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

		.tarjoustuote {
			margin: 15px;
			width: 100%;
			padding: 15px;
		}		
		
	}


	/* – M O B I L E / 480 – – – */

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

	}