/*!

bootstrap ref
sm 576
md  768
lg  992
xl  1200

font-family: 'Oregano', cursive;
font-family: 'Shadows Into Light Two', cursive;

*/
html {
  scroll-behavior: smooth;
}

body {
	background-color: #2c2c2c;
	background: url(/wp-content/uploads/bg-brandy-kopp.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	font-family: 'Shadows Into Light Two';
	color:#343434;
}

#main
{
	margin-top:0;
}

section
{
	margin:44px auto;
}

.navbar-brand
{
	display:none;
}

.logo
{
	position:absolute;
	top:24vh;
	right:40px;
	max-width:35%;
}

.entry-image-hero, .image-hero {
    width: 100%;
    left: 0;
    display: block;
    position:relative;
    height: 0;
    padding-bottom: 50%;
    background-size: cover;
    background-position: center center;
}

/*--------------------------------------------------------------
# Social Media
--------------------------------------------------------------*/
.social-icons
{
	font-size:44px;
}

.social-icons-upper
{
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 420px;
}
.social-icons-upper a
{
	color:#111111;
	font-size:44px;
}

@media only screen and (max-width: 980px) 
{
	.social-icons-upper
	{
		left:auto;
		right:34px;
		margin:0 0 0 0px;
	}
}

@media only screen and (max-width: 600px) {

	.social-icons-upper
	{
		right:11px;
	}

	.logo
	{
		top:auto;
		bottom:10vh;
		right:10px;
		max-width:45%;
	}

	.entry-image-hero, .image-hero {
	    padding-bottom: 80%;
	}

}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.nav-link
{
	font-size:1.3rem;
	font-weight:bold;
}

h1, h2
{
	font-family:'Oregano';
	color:#ffb33d;
	font-size:3rem;
	line-height:1;
}

h3
{
	text-transform:uppercase;
}

a
{
	color:#ffb33d;
}

a:hover
{
	color:#ffb33d;
	text-decoration:underline;
}

.light-panel
{
	background:rgba(255, 255, 255, 0.9);
	padding:32px;
}

.gray-panel
{
	background:rgba(76, 76, 76, 0.9);
	color:#ffffff;
	padding:32px;
}

.btn, .container-fluid, .entry-img, .navbar, .overlay, .wpcf7 input[type=submit], a, img {
    transition: all .5s ease-in-out 0s;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agent
{
	font-size:1.24rem;
	line-height:1.6;
}

.gform_wrapper div.validation_error {
    color: #ffb33d !important;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 2px solid #ffb33d !important;
    border-bottom: 2px solid #ffb33d !important;
}

.gform_wrapper .validation_message {
    color: #ffb33d !important;
    font-weight: 700;
    letter-spacing: normal;
}

input[type="submit" i] {
    appearance: auto;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: -internal-light-dark(black, white);
    background-color: #ffb33d;
    box-sizing: border-box;
    padding: 3px 14px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(255, 179, 61), rgb(218, 113, 32));
    border-image: initial;
}

input[type="submit" i]:hover {
	background:#ffffff;
}