/*
Theme Name: Maple Downs
Theme URI: https://mapledowns.com
Author: Justin Benner
Author URI: https://justinbenner.com
Description: Custom-made for Maple Downs.
Version: 9999.99
Text Domain: blankslate
*/

/*RESET*/

	* {
		box-sizing: border-box;
		padding: 0px;
		margin: 0px;
		text-decoration: none;
		color: inherit;
	}

	body {
		position: relative;
	}

	.full {
		width: 100%;
	}

	.center {
		width: 85%;
		margin: 0 auto;
	}

	.center-alt {
		width: 60%;
		margin: 0 auto;
	}

/*FLEX*/

    .flex-row-start-start {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .flex-row-center-start {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    .flex-row-center-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .flex-row-start-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .flex-row-between-start {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch;
        justify-content: space-between;
        align-items: flex-start;	
    }

    .flex-row-between-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;	
    }


    .flex-row-start-stretch {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;	
    }

    .flex-row-between-stretch {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;	
    }

    .flex-col-end-end {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .flex-col-between-start {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .flex-col-start-start {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .flex-col-center-center {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

/*COMMON*/

    .title {
		font-family: "Merriweather", serif;
		font-size: 40pt;
        font-weight: bold;
    }

    .subtitle {
		font-family: "Merriweather", serif;
		font-size: 18pt;
		font-weight: bold;
    }

	.copy {
		font-family: "Merriweather", serif;
		font-size: 14pt;
		line-height: 1.5;
	}

    .button {
        display: inline-block;
        border: none;
        cursor: pointer;
        padding: 15px;
        text-transform: uppercase;
        transition: .25s ease-out;
    }

    .button:hover {
        transition: .25s ease-in;
    }

/*SCROLLBAR*/

    ::-webkit-scrollbar {
        width: 12.5px
    }

    ::-webkit-scrollbar-track {
        background: #dedede;
        border-radius: 0px
    }

    ::-webkit-scrollbar-thumb {
        background: #2f2f2f;
        border-radius: 0px
    }

/*HEADER*/

	/*GIVE POSITION AND MAKE IT SIT ON TOP OF EVERYTHING ELSE*/

		.header-sticky {
			position: fixed;
			padding: 0px;
			z-index: 9999;
		}

		/*ADD STICKY CLASS*/

			.header-sticky-holder.add-sticky {
				background: rgba(0,0,0,0.8);
				justify-content: flex-end !important;
				align-items: center;
				transition: .25s ease-in;
			}

			.header-sticky-holder.add-sticky .center {
				position: relative;
				justify-content: flex-end !important;
			}

		/*DEFINE LOGOS*/

			.header-sticky a.primary-logo {
				display: block;
				margin-top: 50px;
				width: 400px;
				height: 300px;
				max-width: 100%;
			}

			.header-sticky-holder a.secondary-logo {
				display: none;
			}

			.header-sticky-holder.add-sticky a.primary-logo {
				display: none;
			}

			.header-sticky-holder.add-sticky a.secondary-logo {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
			}

			.header-sticky-holder.add-sticky a.secondary-logo img {
				width: 300px;
			}

		/*MEMBER LOGIN*/
		
			.member-login {
				font-family: "Merriweather", serif;
				font-size: 14pt;
				color: #FFF;
			}

		/*MENU*/

			.header-sticky-holder .menu-items {
				display: none;
			}

			.header-sticky-holder.add-sticky .menu-items {
				display: flex;
				padding-top: 20px;
				padding-bottom: 20px;
			}

			.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
				background-color: #FFF !important;
			}

/*OVERLAY*/

	.overlay {
		position: fixed;
		background: rgba(0,0,0,0.95);
		top: 0px;
		left: 0px;
		height: 0px;
		transition: .25s ease-out;
		z-index: 2;
		overflow: hidden;
	}
    
	/*SHOW*/
    
		.show {
			height: 100vh;
			transition: .25s ease-in;
		}
    
        /*MENU*/
    
            /*LIST*/
    
                .overlay ul {
                    width: 100%;
                    list-style-type: none;
                    text-align: center;
                }
    
                /*LIST ITEM*/
    
                    .overlay ul li {
						font-family: "Merriweather", serif;
						font-size: 18pt;
						color: #FFF;
                        margin-bottom: 15px;
                        transition: .25s ease-out;
                    }
    
                /*HOVER STATE*/
    
                    .overlay ul li:hover {
						color: #be3226;
                        transition: .25s ease-in;
                    }

/*PARALLAX*/

	.parallax {
		position: relative;
	}

	/*VIDEO*/

		.parallax video {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 0;
			object-fit: cover;
		}

	/*MAKE CENTERING DIV VISIBLE*/

		.parallax .center {
			position: relative;
			z-index: 1;
		}

	/*MAKE ALL TITLES WHITE AND CENTERED*/

		.parallax .title {
			color: #FFF;
			text-shadow: 1px 1px 2px #000000;
			text-align: center;
		}

	/*ADD MARGIN TO SCROLL DOWN IMAGE*/

		.parallax img.scroll-down-image {
			margin-top: 50px;
		}

/*COPY*/

	/*ADD STANDARD PADDING*/

		.copy-block {
			padding-top: 100px;
			padding-bottom: 100px;
		}

	/*COLOUR THE FIRST COPY BLOCK ON THE CONTACT PAGE*/

		.page-id-83 .copy-block {
			background: #E5E5E5;
		}

	/*MAKE ALL TITLES RED*/

		.copy-block .title {
			color: #be3226;
		}

	/*MAKE ALL SUBTITLES RED*/

		.copy-block .subtitle {
			color: #be3226;
		}

	/*ADD MARGIN TOP AND BOTTOM TO COPY*/

		.copy-block .copy {
			margin-top: 25px;
			margin-bottom: 25px;
		}

	/*VIDEO*/

		.copy-block .copy-video {
			margin-bottom: 50px;
		}

	/*IMAGE*/

		.copy-block .copy-block-image {
			margin-bottom: 50px;
			width: 600px;
			max-width: 100%;
		}

/*QUOTES*/

	.quotes {
		padding: 100px;
	}

	/*FORCE ALL CONTENT TO CENTER*/

		.quotes {
			text-align: center;
		}

	/*FORCE IMAGE TO BE CERTAIN WIDTH*/

		.quotes img {
			width: 250px !important;
		}

	/*ADD MARGIN BENEATH QUOTE*/

		.quotes .subtitle {
			margin-bottom: 25px;
		}

/*CONTACT*/

	.contact {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	/*DEFINE ARTICLE WIDTH*/

		.contact .center-alt article {
			width: 31.3333%;
			margin-right: 2%;
			margin-bottom: 25px;
			text-align: center;
		}

	/*COLOUR THE SUBTITLE AND ADD A MARGIN ON TOP*/

		.contact .center-alt article .subtitle {
			color: #be3226;
			margin-top: 25px;
		}

	/*ADD HOVER TO THE LINKS*/

		.contact .center-alt article a {
			display: block;
			transition: .25s ease-out;
		}

		.contact .center-alt article a:hover {
			color: #be3226;
			transition: .25s ease-in;
		}

/*FOOTER*/

	/*TOP*/

		footer .footer-top {
			padding: 50px;
			background: #CCC;
		}

		/*DEFINE IMAGE WIDTH*/

			footer .footer-top img {
				width: 250px;
				max-width: 100%;
			}

	/*BOTTOM*/

		footer .footer-bottom {
			padding:  50px;
			background: #be3226;
		}

		/*SOCIAL ICONS*/

			footer .footer-bottom .social-icons {
				margin-bottom: 25px;
			}

			footer .footer-bottom .social-icons a {
				margin-right: 25px;
			}

			footer .footer-bottom .social-icons a:last-of-type {
				margin-right: 0px;
			}

			footer .footer-bottom .social-icons i {
				font-size: 24pt;
				color: #FFF;
				transition: .25s ease-out;
			}

			footer .footer-bottom .social-icons i:hover {
				color: #CCC;
				transition: .25s ease-in;
			}

		/*AODA*/

			footer .footer-bottom a.aoda {
				display: block;
				margin-top: 25px;
				color: #FFF;
			}

		/*COPY*/

			footer .footer-bottom .copy {
				color: #FFF;
				text-align: center;
			}

/*MEDIA QUERIES*/

	@media (max-width: 1600px) {

		.center {
			width: 80%;
		}

		.center-alt {
			width: 80%;
		}

	}

	@media (max-width: 1200px) {

		.contact .center-alt article {
			width: 48%;
		}

	}

	@media (max-width: 900px) {
		
		.center {
			width: 90%;
		}
		
		.center-alt {
			width: 90%;
		}

		.title {
			font-size: 28pt;
		}
		
		.header-sticky {
			position: relative;
		}
		
		.header-sticky-holder.add-sticky a.secondary-logo img {
			width: 200px;
		}
		
		.member-login {
			display: none;
		}

		.parallax {
			background-attachment: scroll !important;
			padding-top: 250px !important;
			padding-bottom: 250px !important;
		}
		
		.parallax video {
			display: none;
		}
		
		.copy-block {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.contact {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.contact .center-alt article {
			width: 100%;
			margin-right: 0px;
		}
		
		.contact .center-alt article:last-of-type {
			margin-bottom: 0px;
		}
		
		.quotes {
			padding: 50px;
		}

	}