/*
Theme Name: BlankSlate Child
Theme URI: https://github.com/tidythemes/blankslate
Template: blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2022.4.1656306556
Updated: 2022-06-27 05:09:16

*/

@font-face {
    font-family: Montserrat-Regular;  
    src: url(/wp-content/themes/blankslate-child/fonts/Montserrat-Regular.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Medium;  
    src: url(/wp-content/themes/blankslate-child/fonts/Montserrat-Medium.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-SemiBold;  
    src: url(/wp-content/themes/blankslate-child/fonts/Montserrat-SemiBold.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Bold;  
    src: url(/wp-content/themes/blankslate-child/fonts/Montserrat-Bold.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: PlayfairDisplay-Bold;  
    src: url(/wp-content/themes/blankslate-child/fonts/PlayfairDisplay-Bold.ttf);  
    font-weight: normal;  
}

#header {
	position: absolute;
	padding: 5%;
	width: 100%;
	z-index: 1;
}

.header {
	display: none;
}

#site-title {
	display: flex;
}

#site-title h1,
#site-title > div{
	width: 50%;
}

#site-title h1 a {
	font-family: Montserrat-Bold;
	font-size: 60px;
}

#nav {
	margin: auto;
}

#menu {
	width: 100%;
	text-align: right;
}

#container {
	position; absolute;
}

a, p, span {
	color: white;
	text-decoration: none;
}

#nav a {
	font-family: Montserrat-SemiBold;
	font-size: 25px;
	margin: 10px;
}

.section-img {
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
}

#section-1-msg {
    position: absolute;
    right: 10%;
    bottom: 7%;
    font-family: PlayfairDisplay-Bold;
    font-size: 100px;
    width: 760px;
}

.section {
	position: relative;
	height: 100vh;
	padding: 5%;
	background-position: center;
    background-repeat: no-repeat;
	max-height: 1080px;
}

#section-2of1 {
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translate(-50%, 0%);
	display: block;
	text-align: center;
}

#section-2-msg {
	font-family: PlayfairDisplay-Bold;
    font-size: 86px;
    white-space: nowrap;
}

#section-2of1-msg {
	margin: 30px 25px 0px;
    font-family: Montserrat-SemiBold;
    font-size: 30px;
}

.section-3 {
	display: flex;
}

#services {
	display: flex;
}

#section-services-3 {
	margin: auto;
    text-align: center;
	width: 100%;
}

#section-services-3 > p {
	font-family: Montserrat-SemiBold;
    font-size: 72px;
}

#services-scrollable {
	display: flex;
	overflow-x: scroll;
}

#section-list-3 {
	display: flex;
    margin-top: 5%;
}

.section-part-3 {
	text-align: center;
}

.section-part-3 > img {
	height: 100px;
}

.section-part-3 > p:nth-of-type(1) {
	font-family: Montserrat-Medium;
    font-size: 28px;
    margin-top: 20px;
}

.section-part-3 > p:nth-of-type(2) {
	font-family: Montserrat-Regular;
    font-size: 21px;
    margin-top: 20px;
    line-height: 2.0;
	width: 380px;
}

.section-part-3:nth-of-type(2),
.section-part-3:nth-of-type(3){
	margin: 0px 2%;
}

.section-part4 {
	display: flex;
	height: 50%;
	text-align: center;
}

.section-inner4 {
	margin: auto;
}

#part4-1 > p:nth-of-type(1) {
	font-family: Montserrat-SemiBold;
    font-size: 72px;
}

#part4-1 > p:nth-of-type(2) {
	font-family: 'Montserrat-Medium';
    font-size: 28px;
    margin-top: 50px;
}

#part4-2 > p:nth-of-type(1) {
	font-family: 'Montserrat-SemiBold';
    font-size: 72px;
}

#testimonial-scrollable {
	display: flex;
    overflow-x: scroll;
}

#testimonial-list {
	display: flex;
    margin-top: 40px;
    column-gap: 60px;
}

.testimonial {
	height: 250px;
    width: 350px;
    padding: 38px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
}

.testimonial > p:nth-of-type(1),
.testimonial > p:nth-of-type(3) {
	font-family: 'Montserrat-Regular';
    font-size: 21px;
}


.testimonial > p:nth-of-type(2) {
	font-family: 'Montserrat-Medium';
    font-size: 28px;
    margin-top: auto;
}

#footer-part1 {
	display: flex;
    flex-direction: row;
    height: 70%;
    margin: auto;
}

#footer-part1 > p:nth-of-type(1) {
	font-family: 'Montserrat-SemiBold';
    font-size: 72px;
    margin: auto;
}

#footer-part1 > p:nth-of-type(2) {
	font-family: 'Montserrat-Medium';
    font-size: 28px;
    margin: auto;	
}

#footer-part2 {
	display: flex;
}

#footer-inner1 {
	width: 65%;
    margin-right: 5%;
}

#footer-inner1 > p:nth-of-type(1) {
	font-family: 'Montserrat-SemiBold';
    font-size: 72px;
}

#footer-inner1 > p:nth-of-type(2) {
	font-family: 'Montserrat-Regular';
    font-size: 21px;
    margin-top: 20px;
}

#footer-socials img {
	height: 80px;
	margin: 20px 20px 0px;
}

#footer-inner2 > p:nth-of-type(1) {
	font-family: 'Montserrat-Medium';
    font-size: 28px;
}

#footer-inner2 > p:nth-of-type(2),
#footer-inner2 > p:nth-of-type(3),
#footer-inner2 > p:nth-of-type(4) {
	font-family: 'Montserrat-Regular';
    font-size: 21px;
    margin-top: 40px;
}

#copyright {
	font-family: Montserrat-Regular;
	color: white;
	margin-top: 20px;
}

@media screen and (max-width: 1400px) {
	.section-inner4 {
		width: 100%;
	}
	
	#section-1-msg {
		transform: translate(-50%, 0);
    	left: 50%;
		text-align: center;
	}
	
	#site-title h1 a {
		font-size: 50px;
	}
	
	#nav a {
	    font-size: 20px;
    }
	
	#section-2-msg {
		font-size: 65px;
	}
	
	#section-2of1-msg {
		font-size: 20px;	
	}
	
	#part4-1 > p:nth-of-type(1) {
		font-size: 65px;	
	}
	
	#part4-1 > p:nth-of-type(2) {
		font-size: 20px;	
	}
	
	#footer-inner1 > p:nth-of-type(1) {
		font-size: 45px;
	}
	
	#footer-inner1 > p:nth-of-type(2) {
		font-size: 18px;
	}
	
	#footer-socials img {
		height: 50px;
	}
	
	#footer-part1 { 
		height: 60%;
	}
	
	#footer-part1 > p:nth-of-type(1) { 
		font-size: 60px;
	}
	
	#footer-part1 > p:nth-of-type(2) { 
		font-size: 22px;	
	}
}

#menu-fold {
	display: none;
	color: white;
	font-size: 30px;
	width: 30px;
	margin: auto 0 auto auto;
}

@media screen and (max-width: 1024px) {
	#site-title h1 a {
		font-size: 35px;
	}
	
	#nav {
		display: flex;
    	flex-direction: column;
	}
	
	#menu {
		display: none;
    	flex-direction: column;
    	margin: auto 0 auto auto;
    	text-align: right;
	}
	
	#menu-fold {
		display: block;
	}
	
	#nav a {
		font-size: 16px;
    	margin: 0px 0px 0px auto;
    	padding: 10px 0 10px;
	}
	
	#section-1-msg {
		font-size: 70px;
	}
	
	#section-2-msg {
		font-size: 50px;	
	}
	
	#section-2of1-msg {
		font-size: 16px;	
	}
	
	#section-services-3 > p {
		font-size: 60px;
	}
	
	.section-part-3 > img { 
		height: 70px;	
	}
	
	.section-part-3 > p:nth-of-type(1) { 
		font-size: 22px;	
	}
	
	.section-part-3 > p:nth-of-type(2) { 
		font-size: 18px;	
	}
	
	#part4-1 > p:nth-of-type(1) {
		font-size: 40px;
	}
	
	#part4-1 > p:nth-of-type(2) { 
		font-size: 16px;
	}
	
	#part4-2 > p:nth-of-type(1) { 
		font-size: 40px;
	}
	
	.testimonial { 
		height: 190px;
	}
	
	.testimonial > p:nth-of-type(1), .testimonial > p:nth-of-type(3) { 
		font-size: 16px;
	}
	
	.testimonial > p:nth-of-type(2) { 
		font-size: 22px;
	}
	
	#footer-part1 > p:nth-of-type(1) {
    	font-size: 40px;
	}
	
	#footer-part1 > p:nth-of-type(2) {
    	font-size: 18px;
	}
	
	#footer-inner1 > p:nth-of-type(1) {
    	font-size: 30px;
	}
	
	#footer-inner1 > p:nth-of-type(2) {
    	font-size: 15px;
	}
	
	#footer-socials img {
    	height: 35px;
	}
	
	#footer-inner2 > p:nth-of-type(1) {
    	font-size: 22px;
	}
	
	#footer-inner2 > p:nth-of-type(2), #footer-inner2 > p:nth-of-type(3), #footer-inner2 > p:nth-of-type(4) {
    	font-size: 18px;
	}
}

@media screen and (max-width: 800px) {
	#site-title h1 {
		width: 70%;
	}
	
	#site-title > div {
		width: 30%;
	}
	
	#section-1-msg {
		font-size: 40px;
		width: 100%;
	}
	
	
	#section-2-msg {
		white-space: normal;
		font-size: 40px;
	}
	
	#section-2of1-msg {
    	font-size: 12px;
	}
	
	#footer-part1 { 
		flex-direction: column;
    	text-align: center;
		margin: unset;
    	height: unset;
    	min-height: 20%;
	}
	
	#footer-part2 {
    	flex-direction: column-reverse;
    	text-align: center;
    	height: unset;
    	margin-top: 20px;
	}
	
	#footer-inner1 { 
		width: 100%;
    	margin-top: 40px;
	}
	
	#contact-us {
		display: inline-flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
	}
	
	#footer-inner2 > p:nth-of-type(2), #footer-inner2 > p:nth-of-type(3), #footer-inner2 > p:nth-of-type(4) { 
		margin-top: 20px;	
	}
}

@media screen and (max-width: 500px) {
	#site-title h1 a { 
		font-size: 25px;	
	}
}

@media screen and (max-height: 1024px) {
	.section-part4 { 
		height: 40%;	
	}
}

@media screen and (max-height: 1024px) {
	
}