/*  
 Theme Name:  MBA
 Theme URI:   http://agroup.com
 Description: Child theme for Kadence  
 Author:      Bjorn Bennett
 Author URI:  http://agroup.com
 Template:    kadence 
 Version:     1.0.0  
 Text Domain: kadence-child  
*/

/* @import url("https://use.typekit.net/dyf8ehb.css"); */
@import url("https://use.typekit.net/dyf8ehb.css");

:root {
	--font-family: "proxima-nova", sans-serif;

	--white: #fff;
	--black: #000;
}

body {
	font-family: var(--font-family);
}

h1, h2, h3, h4, h5, h6, p {
	font-family: var(--font-family) !important;
}


/* FOOTER */
.site-footer-wrap {
	padding: 3rem 0 0;

	.footer-widget-area>* {
		align-content: center;
	}

	.top-message {
		color: var(--white);
		width: 560px;
		max-width: 100%;

		h2 {
			color: var(--white);
			font-size: 3.25rem;

			@media(max-width:768px ){
				font-size: 2rem;
			}
		}

		p {
			font-size: 1rem;
		}
	}

	.wp-block-contact-form-7-contact-form-selector {
		form {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			
			> *:not(fieldset) {
				display: inline-block;
				width: 50%;
				padding: 0 1rem;

				p {
					&:nth-of-type(1),
					&:nth-of-type(2) {
						width: 50%;
					}
				}
	
				input {
					width: 100%;
					background: transparent;
					border: none;
					border-bottom: 1px solid var(--white);
					border-radius: 0;

					&::placeholder {
						color: var(--white);
					}

					&[type="submit"] {
						width: fit-content;
						position: relative;

						&::after {
							content:"";
							display: inline-block;
							vertical-align: middle;
							background-image: url(assets/images/orange-arrow@2x.png);
							background-repeat: no-repeat;
							background-position: center;
							width: 46px;
							height: 15px;
							margin-left: 10px;
							background-size: contain;
							position: relative;
							top: -2px;
							filter: brightness(10);
						}
					}
				}
			}
		}
	}

	.site-middle-footer-wrap {
		position: relative;

		> div {
			padding-right: 3rem;

			@media(max-width: 768px){
				padding-right: 0;
			}
		}

		a {
			font-family: var(--font-family);
			font-size: 3.25rem;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			@media(max-width:768px ){
				font-size: 2rem;
			}

			&::after {
				content:"";
				display: inline-block;
				vertical-align: middle;
				background-image: url(assets/images/orange-arrow@2x.png);
				background-repeat: no-repeat;
				background-position: center;
				width: 46px;
				height: 15px;
				/* margin-left: 2rem; */
				right: 2rem;
				background-size: contain;
				position: relative;
				top: 5px;
				filter: brightness(10);
			}
		}

		.site-footer-middle-section-1 {
			&::after {
				@media(max-width:768px ){
					display: none;
				}
			}
		}
		
		.site-footer-row-container-inner::before,
		.site-footer-row-container-inner::after {
			content: "ksd";
			position: absolute;
			border-top: 2px solid white;
			width: 300vw;
			left: -100vw;
			height: 2px;
		}
		
		.site-footer-row-container-inner::before {
			top: 0;
		}
		
		.site-footer-row-container-inner::after {
			bottom: 0;
		}
	}
	
	.site-bottom-footer-wrap {

		.site-footer-bottom-section-1 {
			@media(max-width: 768px){
				margin-bottom: 2rem;
			}
		}

		.site-footer-bottom-section-2 {
			color: #DE9567;
			font-size: 0.85rem;
			font-family: var(--font-family);
			text-transform: uppercase;
			margin: 0 0 0 auto;
			flex-direction: column;
            align-items: flex-end;

			a {
				border-radius: 50% !important;
			}

			.footer-menu-container {
				ul#primary-menu {
					margin-bottom: 2rem;
	
					li a {
						color: #fff;
						padding-right: 0;
						padding-left: 2rem;
						
						@media(max-width: 768px){
							padding-right: 2rem;
						}
					}
				}
			}
			
			.footer-widget-area {
				margin: 0 auto;
			}
		}
			
		.footer-html-inner,
		a {
			color: #DE9567;
			font-size: 0.85rem;
			font-family: var(--font-family);
			text-decoration: none !important;
			letter-spacing: 1px;
		}


		.footer-social-inner {
			margin-bottom: 2rem;
		}
	}
}

/* GENERAL */
.arrow-buttons {
	a {
		font-weight: 800;
		
		&::after {
			content:"";
			display: inline-block;
			vertical-align: middle;
			background-image: url(assets/images/orange-arrow@2x.png);
			background-repeat: no-repeat;
			background-position: center;
			width: 46px;
			height: 15px;
			margin-left: 10px;
			background-size: contain;
			position: relative;
			top: -2px;
		}
	}
}


/* HOMEPAGE */
body.home {

	#hero-section {
		.wp-container-core-post-template-is-layout-2f3213d7 .wp-block-post-excerpt {
			border-color: #3a312e;
		}
		
		.wp-block-post-title :where(a) {
			min-height: 50px;
		}
	}

	#intro-section {

		/* categories  */
		ul.categories-container {
			text-align: center;
			
			li {
				display: inline-block;
				list-style: none;
				margin: 0 1rem;
				
				a {
					font-weight: 500;
					text-decoration: none;
					font-family: var(--font-family);
					text-transform: uppercase;
					color: black;
				}
				
			}

		}

		/* search input */
		.wp-block-search__inside-wrapper {
			position: relative;
			
			&::before {
				content:"";
				display: inline-block;
				vertical-align: middle;
				background-image: url(assets/images/mag-glass@2x.png);
				background-repeat: no-repeat;
				background-position: center;
				width: 17px;
				height: 17px;
				background-size: contain;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
			}
			
			input {
				border-radius: 0;
				padding-left: 30px;
				font-family: var(--font-family);
				font-size: 1rem;
				color: black;
				
				&::placeholder {
					color: black;
				}
			}
			
			button {
				display: none;
			}
		}

		/* post */
		li.wp-block-post.post {

			.wp-block-post-excerpt {
				border-color: #b1aead;
			}

			.comment-shortcode-section {
				.wp-block-post-comments-link a {
					text-decoration: none;
				}

				.wp-block-post-comments-link a, 
				.count {
					font-family: var(--font-family);
					font-size: 1rem;
				}
			}			
		}
	}

	.innerblocks-wrap.kt-layout-inner-wrap-id6578_36b8f2-25 .columns-1.wp-block-post-template {
		@media(max-width:768px){
			padding-left: 0;
		}
	}

	article#post-6578 {
		padding: 0 2rem;
	}
}

