/*
Theme Name: Goldstein Group Communications Theme
Theme URI: http://www.ggcomm.com/
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com/
Description: GGCOMM's 2019 Website Design
Version: 1.0
*/

/*
 * BASE
 */


 :root{
	 --ggcorange: #d55e35;
	 --ggcgray: #787b86;

    --primarycolor: #0083b3; /* blue */
    --primarytint: #37689d; 
    --secondarycolor: #d55e35; /* orange */
    --tertiarycolor: #1e3650; /* dark blue cta */
    --white: #fff;
    --lightgray: #faf9f0; /* pale yellow from menu */
    --midgray: #787b86; /* */
    --darkgray: #1e3650; /* dark blue cta */
    --black: #1d2231;
    --text: #1d2231;
    --generalfont: 'Muli', sans-serif;
    --headerfont: 'Roboto Slab', sans-serif;
    }


body, html {
	font-family: 'Muli', sans-serif;
	color: #1d2231;
}

body.logged-in.admin-bar .site-header {
	top: 32px;
}


h2 {
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.1em;
}
@media (max-width: 576px) {
	h2 {
		font-size: 1.5rem;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	h2 {
		font-size: 1.8rem;
	}
}

h4 {
	font-size: 1.8rem;
	line-height: 2.4em;
}

@media (max-width: 576px) {
	h4 {
		font-size: 1.2rem;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	h4 {
		font-size: 1.4rem;
	}
}

p {
	font-size: 1.1rem;
	line-height: 2.1em;
}

ul li ,
ol li {
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 2.4rem;
}
@media (max-width: 576px) {
	p {
		font-size: 1rem;
		line-height: 1.3em;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	p {
		font-size: 1.2rem;
		line-height: 1.6em;
	}
}

a{ 
    color:var(--primarycolor);
    transition: all 0.2s ease; 
}
a:hover {
    color:var(--tertiarycolor);
}

.clearfix{ clear: both;}
.aligncenter{ display: block;margin: auto;}
.alignleft{ display: block;float: left;}
.alignright{ display: block;float: right;}
.text-center{text-align:center;}
.animate_this{ opacity: 0;}

.pad-bot-0{ padding-bottom: 0rem;}
.pad-bot-1{ padding-bottom: 2rem;}
.pad-bot-2{ padding-bottom: 5rem;}
.pad-bot-3{ padding-bottom: 7rem;}
.pad-bot-4{ padding-bottom: 10rem;}

@media (max-width: 576px) {
	.pad-bot-0{ padding-bottom: 0rem;}
	.pad-bot-1{ padding-bottom: 1rem;}
	.pad-bot-2{ padding-bottom: 2rem;}
	.pad-bot-3{ padding-bottom: 4rem;}
	.pad-bot-4{ padding-bottom: 6rem;}
}

.pad-top-0{ padding-top: 0rem;}
.pad-top-1{ padding-top: 2rem;}
.pad-top-2{ padding-top: 5rem;}
.pad-top-3{ padding-top: 7rem;}
.pad-top-4{ padding-top: 10rem;}

@media (max-width: 576px) {
	.pad-top-0{ padding-top: 0rem;}
	.pad-top-1{ padding-top: 1rem;}
	.pad-top-2{ padding-top: 2rem;}
	.pad-top-3{ padding-top: 4rem;}
	.pad-top-4{ padding-top: 6rem;}
}

.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
.mar-3{ margin-top: 3rem; margin-bottom: 4rem;}
.mar-4{ margin-top: 5rem; margin-bottom: 6rem;}

@media (max-width: 576px) {
	.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
	.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
	.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
	.mar-3{ margin-top: 3rem; margin-bottom: 3rem;}
	.mar-4{ margin-top: 4rem; margin-bottom: 4rem;}
}

.h-40{
	height: 40%!important;
}

.h-60{
	height: 60%!important;
}
.h-90{
	height: 90%!important;
}
.h-10{
	height: 10%!important;
}

main {
	background-color: #3a3f4c;
	background-image: url('images/dot-bg-img.png');
	background-repeat: repeat-x;
	background-size: auto;
	background-position: top center;
}

/*Header */

header.site-header {
}

.hamburger {
	padding: 15px 15px;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	cursor: pointer;
	z-index: 99;
}
button.hamburger:focus, button.hamburger:active {
	outline:none;
}

.hamburger:hover {
	opacity: 0.7; }

.hamburger.is-active:hover {
	opacity: 0.7; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #bdbfc3; }

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 6px;
  background-color: #d55e35;
	background-color: var(--ggcorange);
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; }

.hamburger-inner::before {
	top: -10px; }

.hamburger-inner::after {
	bottom: -10px; }

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

.header-drop{
	box-shadow: 0 3px 6px -6px;
}

.center-hamburger {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.social-circle {
	color: #f0f0f0;
}

.footer-menu-headers > ul > li > a{
  color: #d55e35;
	color: var(--ggcorange);
	font-size: 1.7rem;
	font-weight: bold;
}

.footer-menu-headers > ul > li > a:hover {
	text-decoration: none;
}

.footer-menu-headers > ul, .sub-menu, .footer-menu ul{
	list-style: none;
	list-style-position: inherit;
	margin: 0;
	padding: 0;
}

.sub-menu > li a {
  color: #787b86;
	color: var(--ggcgray);
	font-size:  1.1rem;
	line-height: 2em;
}

.footer-menu > ul > li a {
  color: #787b86;
	color: var(--ggcgray);
	font-size:  1.1rem;
	line-height: 1.3em;
	text-transform: uppercase;
}

.footer-copyright, .privacy-footer-link{
  color: #787b86;
	color: var(--ggcgray);
	font-size:  1.1rem;
	line-height: 2em;
}

.privacy-footer-link:hover, .sub-menu > li a:hover, .footer-menu > ul > li a:hover {
  color: #d55e35;
	color: var(--ggcorange);
	text-decoration: none;
	cursor: pointer;
}

/*---- START REVISED STYLES FOR FOOTER ---*/

footer .row:nth-of-type(2){
  margin-top:50px;
}

footer ul li{
    font-size:1rem;
    line-height:1.3rem;
    margin: 5px 0px 10px 0px;
}

ul#menu-footer-menu li a {
    font-size: 16px;
    text-transform: uppercase;
}

img#hubspot_logo {
    max-width: 50%;
}

.footer-menu-headers > ul > li > a{
font-size:1em;
}

footer .sub-menu > li a{font-size:1rem;line-height:1rem;}
footer .sub-menu > li {font-weight:600;}

.social-icons i{color:#0083b3;}

.social-icons {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  padding: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 8px;
}


footer .footer-contact ul{
  list-style-type:none;
  color:#0083b3;
  padding-left:0px;
  margin-left:0px;
}

footer .footer-contact ul li{
  font-weight:900;
}

.footer-copyright, .privacy-footer-link{
font-size:.9em;
font-weight:bold;
}
.footer-copyright{margin-top:30px;}

/*--- END REVISED STYLES FOR FOOTER ---*/


@media (max-width: 756px) {
	.footer-menu-headers > ul > li > a::after {
		float: right;
		content: "+";
	}
	.footer-menu-headers > ul > li > ul {
		display: none;
	}
	.footer-menu-headers > ul > li:hover > ul {
		display: block;
	}
}

/*
.social-icons {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  padding: 2px 4px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
}
*/
.admin-bar nav.ggc_multibox {
  top: 32px !important;
}
nav.ggc_multibox .top{
	background-color: #faf9f0;
}
nav.ggc_multibox .bottom{
	background-color: #1e3650;
	color: #d55e35;
	font-size: 2rem;
	font-weight: 700;
	padding: 2rem 5%;
    text-align: center;
}
nav.ggc_multibox .bottom .button{
	background-color: #d55e35;
	color: #faf9f0;
	padding: 5px 15px;
	border: 3px solid #d55e35;
	display: inline-block;
}
nav.ggc_multibox .bottom .button:hover{
	background-color: #faf9f0;
	color: #d55e35;
	text-decoration: none;
}
nav.ggc_multibox{
	display: flex;
	position: fixed;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}

nav.ggc_multibox.active{
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

nav.ggc_multibox.active .multibox_item{
	overflow: hidden;
}

nav.ggc_multibox.active .multibox_item_wrap{
	animation-timing-function: ease-in-out;
	width: 100%;
	height: 100%;
	position: absolute;
}

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

	nav.ggc_multibox{
		position: absolute;
		overflow-y: scroll;
	}

	nav.ggc_multibox.active .multibox_item{
		overflow: unset;
	}
	nav.ggc_multibox .multibox_item_wrap{
		width: 100% !important;
		height: auto !important;
		position: relative !important;
	}

	nav.ggc_multibox .h-100,
	nav.ggc_multibox .h-40,
	nav.ggc_multibox .h-60,
	nav.ggc_multibox .h-90,
	nav.ggc_multibox .h-10{
		height: unset !important;
	}
}

nav.ggc_multibox.active .multibox_item .multibox_cta_1{
	background: #000000;
	color: #fff;
	background-size: cover;
	background-position: center center;
}

nav.ggc_multibox .multibox_item .multibox_cta_1 a{
	font-size: 2.2em;
	line-height: 1.2em;
	color: #fff;
	font-weight: 200;
	display: block;
	max-width: 280px;
	padding: 1em;
	position: relative;
	transition: all .5s ease;
	transition-delay: 0.33s;
	opacity: 0;
	margin-left: -1em;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_1 a{
	opacity: 1;
	margin-left: 0;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_1 a i{
	margin-left: 0.25em;
	position: relative;
	bottom: -3px;
	transition: all 0.25s ease-in-out;
}
nav.ggc_multibox.active .multibox_item .multibox_cta_1 a:hover i{
	margin-left: 0.5em;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_1 a:hover{
	text-decoration: none;
	padding-left: 1.5em;
}


nav.ggc_multibox.active .multibox_item .multibox_primary_nav{
	background: #efefef;
	color: #d55e35;
	width: 100%;
	height: 100%;
	position: absolute;
}


nav.ggc_multibox.active .multibox_item .multibox_lead_capture{
	background: #3883b3;
	padding: 4rem;
}
nav.ggc_multibox .multibox_item .multibox_lead_capture .gform_wrapper{
	opacity: 0;
	transition: all 1s ease;
	transition-delay: 0.75s;
}
nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper{
	opacity: 1;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gfield_label{
	color: #09509e;
	font-size: 1.4em;
	font-weight: 800;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container input{
	background: transparent;
	border: 0px solid transparent;
	outline: none;
	position: relative;
	text-align: center;
	color: #09509e;
	font-size: 1.4em !important;
	font-weight: 800;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container input:focus,
nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container input:active{
	outline: none;
}
nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container{
	position: relative;
	display: block;
}
nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 3px;
	width: 80%;
	background-color: #09509e;
	transition: width 0.33s ease-in-out;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .ginput_container.focus:after{
	width: 100%;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_button{
	background-color: #09509e;
	color: #3883b3;
	font-weight: 600;
	border: none;
	padding: 4px 18px;
	border-radius: 0.75em;
	margin-left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s ease-in-out;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_button:hover{
	padding: 4px 28px;
	cursor: pointer;
}


nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper div.validation_error {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 1em;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: left;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper li.gfield.gfield_error{
	background-color: rgba(255,255,255,0) !important;
	color: #fff;
	font-weight: 300;
	border: none !important;
	padding: 0;
	margin: 0;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper .validation_message{
	color: #fff;
	text-align: left;
	font-weight: 300;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_wrapper li.gfield_error textarea{
	border: none !important;;
}

nav.ggc_multibox.active .multibox_item .multibox_lead_capture .gform_confirmation_wrapper{
	color: #fff;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2{
	background: #000000;
	color: #fff;
	padding: 4em 3em;
}

nav.ggc_multibox .multibox_item .multibox_cta_2 h2{
	font-family: 'Arvo';
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-size: 1.8em;
	margin-bottom: 1em;
	opacity: 0;
	transition: opacity 0.5s ease;
	transition-delay: 0.5s;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 h2{
	opacity: 1;
}

nav.ggc_multibox .multibox_item .multibox_cta_2 h3{
	font-size: 2.2em;
	font-weight: 700;
	margin-bottom: 1em;
	opacity: 0;
	transition: opacity 0.5s ease;
	transition-delay: 0.6s;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 h3{
	opacity: 1;
}

nav.ggc_multibox .multibox_item .multibox_cta_2 p{
	opacity: 0;
	transition: opacity 0.5s ease;
	transition-delay: 0.75s;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 p{
	opacity: 1;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 p a{
	color: #fff;
	display: inline-block;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 p a:hover{
	text-decoration: none;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 p a i{
	position: relative;
  bottom: -0.1em;
	transition: all 0.15s ease-in-out;
	transition-delay: 0.1s;
}

nav.ggc_multibox.active .multibox_item .multibox_cta_2 p a:hover i{
	margin-left: 0.45em;
}

nav.ggc_multibox .multibox_item .multibox_agency_nav{
	color: #fff;
	background-color: #d55e35;
	width: 100%;
	height: 100%;
	position: absolute;
}



nav.ggc_multibox .multibox_item .multibox_agency_nav ul{
	padding-top: 6rem;
	padding-left: 0;
	margin-left: 0;
	position: absolute;
	min-width: 60%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

nav.ggc_multibox .multibox_item .multibox_agency_nav ul li{
	font-size: 2rem;
	list-style: none;
	padding-bottom: 2rem;
	transition: opacity 1s ease;
	transition-delay: 0.25s;
	opacity: 0;
	position: relative;
	display: inline-block;
	z-index: 11;
}

nav.ggc_multibox .multibox_item .multibox_agency_nav ul li a{
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: all 0.5s ease;
}

nav.ggc_multibox.active .multibox_item .multibox_agency_nav ul li{
	opacity: 1;
	display: inline-block;
	width: 100%;
}


nav.ggc_multibox.active .multibox_item .multibox_agency_nav ul li a:hover{
	text-decoration: none;
	text-shadow: 0px 0px 12px rgba(0,0,0,0.20);
}

nav.ggc_multibox .multibox_item .multibox_agency_nav ul li ul{
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	position: relative;
}

nav.ggc_multibox .multibox_item .multibox_agency_nav ul li ul li{
	font-size: 1.2rem;
	color: #fff;
	font-weight: 200;
	display: inline;
	margin-right: 10px;
	opacity: 0 !important;
	transition: all 0.5s ease;
	position: relative;
  bottom: -8px;
	width: auto !important;
}

nav.ggc_multibox .multibox_item .multibox_agency_nav ul li ul li.hov{
	opacity: 1 !important;
	bottom: 0;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.25);
}

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

	nav.ggc_multibox .multibox_item .multibox_agency_nav ul{
		position: relative;
		left: 0%;
		transform: translateX(0%);
		padding: 6em 3em 0em 3em;
	}

	nav.ggc_multibox .multibox_item .multibox_agency_nav ul li{
		font-size: 1.6em;
		width: 100%;
	}

	nav.ggc_multibox .multibox_item .multibox_agency_nav ul li ul{
		padding: 0;
	}

	nav.ggc_multibox .multibox_item .multibox_agency_nav ul li ul li{
		font-size: 0.7em;
    padding-bottom: 0;
		opacity: 1 !important;
		line-height: 1em;
		bottom: 0;
		width: unset;
	}

	nav.ggc_multibox .multibox_item .multibox_agency_nav img{
		position: relative;
		margin-top: -33%;
	}

}
#better-nav{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.better-nav-item{
	width: 50%;
	/*height: 33%;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.better-nav-item:before, .better-nav-item:after, .better-nav-item>:first-child:before, .better-nav-item>:first-child:after {
    position:absolute; content:' ';
    width:50px; height: 60px;
    border-color:#e3e3e3; 
    border-style:solid; 
}
.better-nav-item:before {top:0;left:0;border-width: 1px 0 0 1px}
.better-nav-item:after {top:0;right:0;border-width: 1px 1px 0 0}
.better-nav-item>:first-child:before {bottom:0;right:0;border-width: 0 1px 1px 0}
.better-nav-item>:first-child:after {bottom:0;left:0;border-width: 0 0 1px 1px}
.better-nav-item strong{
	font-size: 1.4em;
	color: #3782af;
}
.better-nav-inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 8em;
}
.better-nav-inner a{
	color: #3782af;
}
.better-nav-item p{
	color: #1d2231;
	width: 75%;
}
#menu-better-nav-right{
	list-style-type: none;
	margin-top: 6rem;
}
#menu-better-nav-right li a{
	font-size: 1.4em;
	font-weight: 700;
	color: #3782af;
}
#such-great-heights{
	font-size: 5em;
	color: #1e3650;
	margin-top: 6rem;
	display: block;
	text-align: right;
	margin-right: 5rem;
	line-height: 1.2em;
	z-index: 1;
	position: relative;
}
@media screen and (max-height: 1010px){
	#such-great-heights{
		font-size: 3.2em;
	}
}
#pewpew{
	margin-left: -15px;
}
#pewpew img{
	max-width: 100%; 
	height: auto;
	position: absolute;
	bottom: 0;
}
#nav1mobile{
	display: none;
	background-color: #1e3650;
}
#nav1mobile .such-great-heights{
	color: white;
    font-size: 36px;
    text-align: center;
    display: block;
    padding: 25px;
	max-width: 90%;
}
@media screen and (max-width: 767px){
	#nav1{
		display: none;
	}
	#nav1mobile{
		display: block;
	}
	.better-nav-item p:last-of-type{
		display: none;
	}
	.better-nav-inner{
		justify-content: center;
	}
	.better-nav-item{
		min-height: 90px;
		text-align: center;
	}
	#menu-better-nav-right{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	#menu-better-nav-right li a{
		font-size: 1em;
	}
	.menu-better-nav-right-container{
		width: 100%;
	}
	#better-nav{
		margin-top: 30px;
	}
}
@media screen and (max-width: 700px){
	#menu-better-nav-right li a{
		font-size: 1rem;
	}
}
@media screen and (max-width: 470px){
	#menu-better-nav-right{
		flex-direction: column;
		align-items: center;
		padding-left: 0;
	}
	#menu-better-nav-right li a{
		font-size: 1.2rem;
	}
}
.gform_wrapper .gform_body .ginput_container_select {
	border: 1px solid #888;
}



.agency_nav_bg_img{
	position: absolute;
	bottom: 0;
	z-index:6 !important;
	width: 100%;
}


nav.ggc_multibox .animated {
    -webkit-animation-duration: 0.33s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0.33s;
    animation-fill-mode: both;
}


@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:80%;
  display:block;
}


.meteorite-container{
	position: absolute;
	top: 0;
	right: 0;
}

.meteorite{
  background: url(/wp-content/themes/goldstein/images/shooting_star.png) repeat top center;
  width: 120px;
	height: 120px;
	background-size: 100%;
	position:absolute;
	display:block;
	z-index: 2;
	transition: all 1.2s ease;
	top: 0;
	right: 0;
}

.meteorite.start{
	transform: translate(150px, -150px);
	transition: none;
	top: 0;
	right: 0;
	opacity: 0.6;
}

.meteorite.end{
	transform: translate(-800px, 800px);
	top: 0;
	right: 0;
	opacity: 0;
}

.stars {
  background: url(/wp-content/themes/goldstein/images/stars.png) repeat top center;
  z-index:0;
	background-size: contain;
}

.twinkling{
  background: url(/wp-content/themes/goldstein/images/twinkling_2.png) repeat top center;
  z-index:1;
  -moz-animation:move-twink-back 700s linear infinite;
  -ms-animation:move-twink-back 700s linear infinite;
  -o-animation:move-twink-back 700s linear infinite;
  -webkit-animation:move-twink-back 700s linear infinite;
  animation:move-twink-back 700s linear infinite;
}


nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul{
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
}

nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul li{
	list-style: none;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 1em;
}

@media only screen and (max-width: 767px) {
	nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul{
		padding: 2em 4em;
		margin: 0px;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0%, 0%);
	}

	nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul li{
		list-style: none;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 600;
		padding-bottom: 1em;
	}

  footer .row:nth-of-type(2) {
      margin-top: 5px;
  }  

  .site-header .ml-5{margin-left:0px !important;}
  .hamburger{right:0px;}


}

nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul li a{
	transition: all 0.5s ease;
	padding-right: 8px;
	padding-left: 0px;
}

nav.ggc_multibox.active .multibox_item .multibox_primary_nav ul li a:hover{
	text-decoration: none;
	padding-left: 8px;
	padding-right: 0px;
}

nav.ggc_multibox .contact-cta-title a {
	color: #09509e;
  font-size: 2.2em;
  font-weight: 800;
  text-decoration: none;
}

nav.ggc_multibox .contact-cta-text a {
	color: #073f7d;
  font-size: 1.1em;
  font-weight: 400;
  text-decoration: none;
}

nav.ggc_multibox .btn-primary, nav.ggc_multibox .btn-primary, nav.ggc_multibox .hs-button.primary {
	color: #ffffff !important;
	background-color: #09509e !important;
	border: 1px solid #09509e !important;
	border-radius: 0px !important;
}

.main-content-wrapper > section {
	padding-left: 2rem;
	padding-right: 2rem;
}

.main-content-wrapper > section.general-grid {
	padding-left: 0px;
	padding-right: 0px;
}

/* Portfolio pages 2022 */

.port-orangebg {background-color: #d55e35;}
.port-bluebg {background-color: #1c2232;}
.port-orangetext {color: #d55e35;}
.port-bluetext {color: #1c2232;}
.port-20pad {padding: 20px;}
.orangetext{
	color: #d55e35;
}
a.tria::after {
	content: "\25e5";
	margin-left: 22px;
	font-size: .5em;
	vertical-align: top;
	position: relative;
	display: inline-block;
	transition: margin-top ease 0.5s;
}
a.tria:hover{
	text-decoration: none;
}
a.tria:hover:after{
	margin-top: -8px;
}

/* roi calculator */
#hs-roi-calculator-embed > div > div {
  height: 2580px!important;
}
@media (max-width: 1015px) {
  #hs-roi-calculator-embed > div > div {
    height: 3380px!important;
  }
}
@media (max-width: 570px) {
  #hs-roi-calculator-embed > div > div {
    height: 4950px!important;
  }
}

.single-video .video-content {background-color:#fff;padding-top:3rem;}
.single-video .one-col-cta h4 a {color:var(--ggcorange);}

/*Chatbot Modal */
#chatbot-openModalBtn{
	position: fixed;
	bottom: 50px;
	right: 0;
	width: 250px;
	height: 73px;
	z-index: 100;
	cursor: pointer;
}
#chatbot-openModalBtn img{
	max-width: 100%;
	height: auto;
}
.chatbot-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
	z-index: 101;
}

.chatbot-modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 50px 20px;
    width: 80%;
}

.chatbot-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
		padding-bottom: 15px;
	  color: #343434;
}

.chatbot-close:hover {
    color: #aaa;
}