/*
 Theme Name: Divi-Hoose, a Divi child theme
 Theme URI: https://www.yellahoose.com/wp/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.yellahoose.com/wp/
 Template: Divi
 Version: 0.9.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

	@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow); 

	html, body, .hoose-section, .hoose-row .hoose-column { 
		margin: 0; 
		min-height: 100vh;
		overflow: auto;
		position: relative; 
	} 

	.desktop .hoose-column { 
		margin: 0 5% 20% 0; 
		max-width: 91%;
		min-height: 100vh;
		overflow: auto;
		position: relative; 
	} 

	.tablet .hoose-column, 
	.phone .hoose-column { 
		margin: 0 0 20% 0 !important;
		max-width: 91%;
		overflow: auto;
		position: relative; 
	} 

	.hoose-row, .hoose-column { 
		min-width: 100%; 
	}
	.hoose-row-with-columns.desktop { 
		margin-left: auto;
		margin-right: auto;
		max-width: 67%;
		min-width: auto;
	}
	.hoose-row-with-columns.tablet, 
	.hoose-row-with-columns.phone { 
		margin-left: auto;
		margin-right: auto;
		max-width: 91%;
		min-width: auto;
	}
	.hoose-row-with-columns .hoose-column { 
		min-width: auto;
		padding: 50px 0 0 0;
	}
	.hoose-row-with-columns .hoose-column .et_pb_module { 
		background-color: aliceblue; 
		padding: 50px 40px 50px 30px; 
	}
	body.home .hoose-row-with-columns .hoose-column { 
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 101%;
	} 
	body.home .hoose-row-with-columns .hoose-column { 
		background-image: url(https://www.yellahoose.com/wp/wp-content/uploads/2025/04/wave-2.svg); 
	}
	.hoose-row-with-columns .hoose-column .et_pb_text_inner { 

	} 
	.hoose-row-with-columns .hoose-column h2 {	
		color: black;
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 2.55em;
		line-height: 1em;
	} 
	.hoose-section { 
		background: url(https://www.yellahoose.com/hoose-back.png) no-repeat center center fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	} 
	.hoose-section #wrap { 
		left: 50%;
		position: absolute;
		top: 50%;
		text-align: center; 
		transform: translate(-50%, -50%);
  	} 

	@media (max-width: 981px) {
		.hoose-section #wrap { /* nada */ } 
	} 

	@media (max-width: 980px) {
		.hoose-section #wrap { width: 91%; } 
	} 

	.hoose-section .tape {
		background-color: rgba(255, 255, 255, 0.75);
		box-shadow: .3em 0 0 rgba(255, 255, 255, 0.75), -.3em 0 0 rgba(255, 255, 255, 0.75);
		box-decoration-break: clone;
		color: black;
		display: inline;
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 1.55em;
		line-height: 1.35em;	
		text-align: center;
	}