/*
Theme Name:  MoA 
Description:  Custom Theme for MOA. Child for Twenty Twentyone.
Textdomain:  moa
Template:  twentytwentyone
Version:  1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

	.gbc-h1 {
		font-family: Pacifico;
		text-shadow: -2px 1px 5px rgba(0,0,0,0.2);
		font-size:60px;
		line-height: 1.5;
font-weight:normal!important;
font-style: italic;
		margin-bottom: 0;
	}

	.gbc-text-shadow{
		text-shadow: -2px 1px 5px rgba(0,0,0,0.2);
	}

	.gbc-pacifico, .gbc-h2{
		font-family: Pacifico!important;
                font-weight:normal!important;
	}

	.gbc-h3, .gbc-content p, .gbc-footer-links {
		font-family:Poppins, sans-serif!important;
                font-weight: bold!important;
		color:white!important;
/*		text-transform: uppercase;*/
	}

  .gbc-content p {
    letter-spacing:0!important;
  }


	.gbc-h3 {
		font-weight: bold;
	}

	.shiny-button {
		position: relative;
		overflow: hidden;	
		display: inline-block;
		padding:15px 30px;border-radius:30px;text-transform: uppercase;text-decoration: none!important;
	}

	span.gbc-brown-button {
		padding:15px 30px;border-radius:30px;text-transform: uppercase;text-decoration: none!important;
	}

	.shiny-button:hover {
		filter: brightness(110%) saturate(105%);

	}

	.shiny-button::before {
		content:'';
		position: absolute;
		top:0;
		left:-100%;
		width:100%;
		height:100%;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);
		transition: 0.5s;
	}

	.shiny-button:hover::before {
		left:100%;
	}

	.gbc-uppercase {
		text-transform: uppercase;
	}

	.gbc-small {
		font-size:14px;
	}

	.gbc-header-bar a {
		color:white!important;
		display: inline-block;
		margin-left:10px;
	}

	.gbc-header-bar a:hover {
		color:#EDC647!important;
	}

	.gbc-header-bar p {
margin-top:14px!important;
margin-bottom:14px!important;
}
	.gbc-header-bar a {
		color:white!important;
		display: inline-block;
		margin-left:10px;
	}

	.gbc-copy-large {
		font-size:17px;
	}

	.gbc-text-col {
		width:calc(25% - 40px);
		padding:20px;
		float:left;
	}

	.gbc-text-col-half {
		width:calc(50% - 40px);
		padding:20px;
		float:left;
	}

	.gbc-brown-button {
		background:#ac643f;
		color:white;
	}

	.gbc-logos {
		text-align: center;
		font-style: italic;
	}

	.gbc-logos img {
		width:100%;
		max-width: 100px;
		margin:20px auto;
		display: block;

	}

	.gbc-nav {
		position: absolute;
		top:20px;
		right:8.5%;
	}

	.gbc-nav a {
		opacity: 0.75;
		text-decoration: none!important;
		margin:0 10px;
	}

	.gbc-nav a:hover {
		opacity: 1;
	}

	.gbc-hero-text {
		text-align:right;
		float:right;
		margin-top:25vh;
		padding-right:8.5%;
		max-width: 400px;
	}

	.gbc-footer-links li {
		list-style: none;
		border-bottom: solid 2px #EE819E;
		padding:10px 0;
		background-image:url("https://assets.codepen.io/20212/gbc-arrow.png");
		background-repeat:no-repeat;
		background-position: right center;
		background-size:30px auto;
	}

	.gbc-footer-links li a {
		display: block;
		background-repeat:no-repeat;
		background-position: -3px center;
		background-size:30px auto;
		padding-left:30px;
		background-image:url("https://assets.codepen.io/20212/email-icon+%281%29.png");
	}

	.gbc-footer-links li a:hover {
		color:#EDC647!important;
	}

	.gbc-footer-links li:first-child a {
		background-repeat:no-repeat;
		background-position: -3px center;
		background-size:30px auto;
		padding-left:30px;
		background-image:url("https://assets.codepen.io/20212/insta-icon.png");
	}

	

	.gbc-footer-links a {
		font-weight: bold;
		color:white!important;
		text-decoration: none!important;
	}

	@media only screen and (max-width: 1000px) {
  		.gbc-text-col {
			width:calc(50% - 40px);
			/*padding:20px;
			float:left;*/
		}

		

		.gbc-text-col:nth-of-type(2n+1) {
			clear:both;
			/*padding:20px;
			float:left;*/
		}
	}

	@media only screen and (max-width: 800px) {
		.gbc-text-col-half {
			width:calc(100% - 40px);
			padding:20px;
			display: inline-block;
		}

		.gbc-about-hero-image {
			position: static!important;
			width:100%!important;
			padding-bottom:56.25%;
		}

		.gbc-about-hero-text {
			width:80%!important;
		}

	}

	@media only screen and (max-width: 600px) {
  		.gbc-text-col {
			width:calc(100% - 40px);
			/*padding:20px;
			float:left;*/
		}

				.dropbtn {
			padding:5px!important;
		}

		.gbc-nav a {
			margin:0 4px!important;
		}



		.h1-style {
			font-size:45px;
			margin-bottom: 0;
		}

		.gbc-hero-text {
			text-align:center;
			
			margin-top:15vh;
			padding-right:0px;
/*			max-width: none;*/
			float:none;
			margin-left:auto;
			margin-right:auto;
		}
	}