@charset "utf-8";
/* CSS Document */
.btn{border-radius:0px!important;}

.fa-facebook,.fa-twitter,.fa-google,.fa-linkedin{
		text-decoration:none!important;
		margin-bottom:30px;
		font-size:25px!important;
		text-align:right!important;
		
		
	}
	
.btn-default {
    border: thin solid #272525!impotant;
    color: #272525!important;
    background-color: transparent!important;
    float: right!important;
    font-size: 1.2em!important;
    border: 0.1em solid!important;
    margin-top: 40px!important;
	
}

.btn-default:hover, .form .btn-default:hover{
		border:thin solid #CDDB00!impotant;
		color:#CDDB00!important;
		background-color:transparent!important;
		border-color:#CDDB00!important;
		float:right!important;
		font-size:1.2em!important;
		border:0.1em solid!important;
		margin-top:40px!important;
	}
	
	
	.fa-instagram,.fa-facebook,.fa-dribbble,.fa-behance,.fa-globe{
		text-decoration:none!important;
		margin-bottom:30px;
		color:#272525!important;
		font-size:25px!important;
		text-align:center!important;
	}
	
		.fa-instagram:hover,.fa-facebook:hover,.fa-dribbble:hover,.fa-behance:hover,
.form .fa-instagram:hover,.form .fa-facebook:hover,.form .fa-dribbble:hover,.form .fa-behance:hover,.fa-globe:hover{
        color:#CDDB00!important;
		
	}
	
		.form .btn-default{
		border:thin solid #333!impotant;
		color:#333!important;
		background-color:transparent!important;
		border-color:#333!important;
		float:right!important;
		font-size:18px!important;
		border:2px solid!important;
		margin-top:40px!important;
	}
	
	.form .fa-instagram,.form .fa-facebook,.form .fa-dribbble,.form .fa-behance,.form .fa-globe{
		text-decoration:none!important;
		margin-bottom:30px;
		color:#333!important;
		font-size:25px!important;
		text-align:center!important;
	}

	.container{
		background-color:#FFFFF !important;
		margin:-60px auto!important;
		max-width:100%!important;
		padding:0px!important;
		height:auto!important;
		position:relative!important;
		z-index:0px!important;
		}
	
	.intro-bkgrnd{
		background-image:url("../images/bkgrnd-01.png");
		background-size:100%;
		background-position:center;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	
	.padding-80{padding:80px!important;}
	.padding-left-40{padding:20px 40px 40px 80px!important;}
	.margin-40{margin:60px auto;}
	.social-media{
		margin-top:200px!important;
		z-index:1;
        
	}
.side-nav{
width:20px;
height:110vh;
position:fixed;
z-index:2;
background-color:#CDDB00;
top:-10px;
}

  .triangle-right {
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-left: 50px solid #CDDB00;
      border-bottom: 50px solid transparent;
      margin-top:43vh;
      z-index:100000;
      position:fixed;

    }
    
      .triangle-left {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 25px solid #fff;
      border-bottom: 25px solid transparent;
      margin-top:43vh;
      z-index:100000;
      position:relative;
      right:0;

    }
	
	.image img{
		width:70%;
display:block;
}

body {
  font-family: "Lato", sans-serif;
}
body, html{
padding:0px;
margin:0px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #CDDB00;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
}

.sidenav a {
  font-family: "Inter", sans-serif;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 107px;
  color: #272525;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 107px;
  margin-left: 50px;
}

	.fixed-left{
		z-index:1!important;
	position:fixed!important;
	padding: 40px 0px 0px 60px!important;
	}
	
	.fixed-right{
		z-index:1!important;
	position:fixed!important;
		right:0!important;
	}
	
	.light{
	color:#ddd!important;;
	}
	
		.dark{
	color:#333!important;;
	}

/*Mobile Navigation — hamburger + dropdown pattern (adapted from the
  Pine Bluff Downtown theme's mobile nav). Uses FCG's existing fonts
  (Lato/Inter) and colors (#272525 ink, #CDDB00 lime accent) — no new
  palette introduced. Desktop nav (.desktop-nav) is untouched.*/

.mobile-nav{
	display:none;
}

.bkgrnd-wht{background-color:rgba(242, 242, 242, 0.8)!important;}

@media screen and (max-width: 900px) {
	.desktop-nav,.side-nav{display:none!important;}

	/* Belt-and-suspenders: explicitly hide the desktop nav's own
	   logo, CTA button, and social icons on mobile too, in case
	   another stylesheet (Elementor, a plugin, etc.) ever overrides
	   the .desktop-nav{display:none} rule above with a more specific
	   or !important selector. These three are the only logo/CTA/
	   social elements that live outside the .mobile-nav bar. */
	.desktop-nav .image img,
	.desktop-nav .btn-default,
	.desktop-nav .fa-instagram,
	.desktop-nav .fa-dribbble,
	.desktop-nav .fa-globe{
		display:none!important;
	}

	.mobile-nav{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		right:0;
		display:flex;
		align-items:center;
		justify-content:space-between;
		z-index:1000;
		box-sizing:border-box;
		padding:14px 20px 14px 30px;
	}

	.mobile-nav .image img{
		height:7vh;
		width:auto!important;
		display:block;
	}

	/* Hamburger toggle button */
	.mobile-hamburger{
		display:flex;
		flex-direction:column;
		justify-content:center;
		gap:5px;
		width:34px;
		height:34px;
		background:none;
		border:none;
		cursor:pointer;
		padding:6px;
		z-index:1001;
	}

	.mobile-hamburger span{
		display:block;
		width:26px;
		height:3px;
		background:#272525;
		border-radius:2px;
		transition:0.3s ease;
	}

	.mobile-hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
	.mobile-hamburger.active span:nth-child(2){opacity:0;}
	.mobile-hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

	/* Dropdown panel — slides down below the fixed bar, same
	   max-height transition technique as the Pine Bluff nav */
	.mobile-nav-menu{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		max-height:0;
		overflow:hidden;
		background:#fff;
		box-shadow:0 8px 18px rgba(0,0,0,0.12);
		transition:max-height 0.35s ease;
	}

	.mobile-nav-menu.open{
		max-height:640px;
		overflow-y:auto;
	}

	.mobile-nav-links{
		list-style:none;
		margin:0;
		padding:0;
	}

	.mobile-nav-links li{
		width:100%;
		border-top:1px solid rgba(0,0,0,0.08);
	}

	.mobile-nav-links a{
		display:block;
		padding:16px 30px;
		color:#272525;
		text-decoration:none;
		font-family:"Inter", sans-serif;
		font-weight:700;
		letter-spacing:0.5px;
		text-transform:uppercase;
		font-size:0.95em;
		transition:color 0.2s ease;
	}

	.mobile-nav-links a:hover{
		color:#CDDB00;
	}

	.mobile-nav-links li.current-menu-item > a{
		color:#CDDB00;
		border-left:3px solid #CDDB00;
		padding-left:27px;
	}

	.mobile-nav-menu .mobile-nav-container{
		width:100%;
		box-sizing:border-box;
		padding:20px 30px;
		border-top:1px solid rgba(0,0,0,0.08);
	}

	.mobile-nav-menu .btn-default{
		float:none!important;
		display:inline-block;
		margin-top:0!important;
		font-size:0.95em!important;
	}

	.mobile-nav-menu .mobile-nav-social{
		text-align:left;
	}

	.mobile-nav-menu .fa{
		padding:0px!important;
		margin-right:20px;
		font-size:22px!important;
	}

	.sidenav a {
  padding:6px 30px 0px 0px;
  text-decoration: none;
  font-size: 4em!important;
  color: #272525;
  display: block;
  transition: 0.3s;

}
	.triangle-left {right:-20px;}
}

	
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
	
@media screen and (max-width: 900px) {
	.intro-bkgrnd{
		background-size:cover;
		background-attachment:inherit;
	
	}
	.image img{width:50%!important;}
	.social-media{margin-top:400px!important;}
	.fa-facebook,.fa-twitter,.fa-google,.fa-linkedin{ padding:20px!important;}
	
	.container{
		margin-top:0px!important;
		padding:0px 0px 0px 28px!important;
	}
	
	}