/*
 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; }

	body {padding: 0 30px;}

/* – 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-widget-text-editor ol, ul  { margin: 0 0 1.5em 1.25em; }

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

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

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

	/* Elementor list-iconin paikka */
	.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a { align-items: start; }
	.elementor-widget .elementor-icon-list-item .elementor-icon-list-icon { margin-top: 0.25em; }


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

	.toimenpiteet i {
			font-size: 15px;
			line-height: 20px;
		}


/* – 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) {

	}

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

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

	}

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

	@media only screen and (max-width: 768px) {
			
			body {padding: 0 20px;}
		
		.page-title .elementor-background-overlay { background-size: contain !important; }

	}


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

	@media only screen and (max-width: 600px) {
		
			body {padding: 0 15px;}

	}


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

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

	}
