/*
 Theme Name:   BlankSlate Child
 Template:     blankslate
 Version:      1.0.0
*/


h1.entry-title{
    display: none!important;
}

#getstarted {
  scroll-margin-top: 20vh;
}



/* HOME YOUTUBE VIDEO */

/* 16:9 Aspect Ratio Container */
.Youtube_16_9_1 {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: #000; /* Fallback color (black) */
}

	.ar_16_9, .VidBox{
		aspect-ratio: 16 / 9!important;
	}	

.Youtube_16_9_1 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


                                    /* FONT SIZES */
                                    
html {
  font-size: 16px; /* Base size: 1rem = 16px */
}


@media only screen and (max-width: 766px){                                    
p{
		font-size: 1.1rem;
		line-height: 1.2em;
		margin-bottom: unset;
		margin-top:0!important;
	}                                    

h1{
    font-size: 1.9rem!important;
    line-height: 1.2em!important;
}
	
h2{
    font-size: 1.7rem!important;
    line-height: 1.2em!important;
}

h3{
    font-size: 1.5rem!important;
    line-height: 1.2em!important;
}

h4{
    font-size: 1.3rem!important;
    line-height: 1.2em!important;
}
}

@media screen and (min-width: 767px) and (max-width: 1275px) {                                    
p{
		font-size: 1.2rem;
		line-height: 1.2em;
		margin-bottom: unset;
		margin-top:0!important;
        padding: unset;
	}                                    

h1{
    font-size: 2rem!important;
    line-height: 1.2em!important;
    color: unset;
    margin: unset;
    padding: unset;
}
	
h2{
    font-size: 1.8rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

h3{
    font-size: 1.6rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

h4{
    font-size: 1.4rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

}

@media only screen and (min-width: 1276px){                                    
p{
		font-size: 1.2rem;
		line-height: 1.2em;
		margin-bottom: unset;
		margin-top:0!important;
        padding: unset;
	}                                    

h1{
    font-size: 2.2rem!important;
    line-height: 1.2em!important;
    color: unset;
    margin: unset;
    padding: unset;
}
	
h2{
    font-size: 1.9rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

h3{
    font-size: 1.6rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

h4{
    font-size: 1.4rem!important;
    line-height: 1.2em!important;
    margin: unset;
    padding: unset;    
}

}



/* Lato Light */
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff');
    font-weight: 300; /* Lato Light weight */
    font-style: normal;
    font-display: swap;    
}

/* Lato Regular */
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: 400; /* Normal weight */
    font-style: normal;
    font-display: swap;    
}

/* Lato Bold */
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 700; /* Lato Bold weight */
    font-style: normal;
    font-display: swap;    
}

/* Lato Black */
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-black-webfont.woff2') format('woff2'),
         url('fonts/lato-black-webfont.woff') format('woff');
    font-weight: 900; /* Lato Black weight */
    font-style: normal;
    font-display: swap;    
}


/* Apply Lato font globally */
body {
    font-family: 'Lato', sans-serif !important;
    font-display: swap;    
}

/* Optional: Ensure all headings, paragraphs, and other elements inherit Lato */
h1, h2, h3, h4, h5, h6, p, li, blockquote, a {
    font-family: 'Lato', serif !important;
    font-display: swap;    
}

	
	body {
    font-family: 'Lato', sans-serif !important;
    font-display: swap;    
}


	a:hover{
		cursor: pointer;
	}
	
	

	.vh0 p{
		padding-bottom: 0;
	}
	
	.vh1 p{
		padding-bottom: 1vh;
	}	
	
	.vh2 p{
		padding-bottom: 2vh;
	}