/*Theme Name: Lynbrook Custom ThemeAuthor: Brand-Eye-DiaAuthor URI: https://www.brand-eye-dia.com/Developer: Sherri Ferritto*//* incoporate reset styles for production site *//* ----------------------------------------------THEME STYLES   ------------------------------------------------- */ body, html {	margin: 0px;	padding: 0px;	font-family: 'EB Garamond', serif;	color:#222;	background-color:#FFF;	font-size: 16px;	font-size: 100%;	-webkit-text-size-adjust: none;	position: relative;	height: 100%;	width: 100%;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	-webkit-text-size-adjust: none;}/*========= basic global font sizes =============*/.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem;	font-weight: 700;	line-height: 1.2;}h1 {	font-size:22px;	color:#70625a;	font-weight:400;	text-transform:uppercase;	letter-spacing:.125em;	text-align:center;}h2, .h2, .h2 {	font-size:24px;	color:#2C4203;	font-weight:400;	margin-top: 15px;	margin-bottom: 10px;}.content h2, .h2 {	margin-top: 20px;	margin-bottom: 30px;}h3, .h3 {	font-size:18px;	color:#2C4203; margin-bottom: .25rem;}p {	font-size: 18px;	line-height: 160%;	margin: 0px;	padding-bottom: 10px;}.content ul {	margin-left:0;}.content ul li {	font-size: 18px;	line-height: 155%;	letter-spacing:-.015em;	padding-bottom: 10px;	list-style:none;}.content ul.bullets {	margin-left:1.5rem;}.content ul.bullets li {	font-size: 18px;	line-height: 125%;	letter-spacing:-.015em;	padding-bottom: 10px;	list-style:none;}.content ul.bullets li:before {	content: '\25A0';	font-size: 130%;	float: left;	margin-left: -1.5rem;	color: #2C4203;}p.lead {	font-size: 24px;}b, strong {	font-weight: 700;} @media only screen and (min-width: 768px) {h1 {font-size:20px;} .h1 {font-size:24px;} h2, .h2 {font-size:22px;}h3 {font-size:17px;}p {font-size: 16px;}.content ul li {font-size: 16px;}p.lead {font-size: 18px;}} @media only screen and (min-width: 992px) {h1 {font-size:28px;}.h1 {font-size:26px;}h2, .h2 {font-size:22px;}h3 {font-size:18px;}p {font-size: 17px;}.content ul li {font-size: 17px;}p.lead {font-size: 19px;}}@media only screen and (min-width: 1200px) {h1 {font-size:34px;} .h1 {font-size:29px;}h2, .h2 {font-size:28px;}.content h2 { margin-bottom:20px;}h3 {font-size:21px;}p {font-size: 20px;padding-bottom: 15px;}.content ul li {font-size: 20px;}p.lead {font-size: 24px;}} @media only screen and (min-width: 1800px) { h1 {font-size:36px;} .h1 {font-size:32px;}h2, .h2 {font-size:30px;} .content h2 { font-size:42px; margin-top:30px; margin-bottom:30px;}h3 {font-size:24px;}p {font-size: 28px;}.content ul li {font-size: 28px;}p.lead {font-size: 34px;}}/* --------- other helpers and overrides ---------*/ul, menu, dir {	display: block;	list-style-type: disc;	margin:0;	padding: 0;	margin-left:1rem;}a, a:visited {	color:#2C4203;	text-decoration: none;	transition: all 0.12s ease-in-out 0s;}a:hover, a:focus {	color: #E3C04D;	text-decoration: none;}a:focus {	outline: thin dotted;}.content a:link, .content a:visited {	color: #2C4203;	text-decoration: none;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color:  #8e8f8e;}.content a:hover, .content a:focus {	color: #E3C04D;	text-decoration: none;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #E3C04D;}/* telephone links a[href^="tel:"], a[href^="tel:"]:visited {color: inherit;font-weight:inherit;text-decoration:none;border:none;} a[href^="tel:"]:hover {color: inherit;font-weight:inherit;border:none;}*/img {	max-width: 100%;	height: auto}img.fullwidth-photo {	width: 100%;	height: auto}figure {	padding: 0px;	margin: 0px}.marginabove {	padding-top: 30px}.spaceabove {	padding-top: 30px}.spacebelow {	padding-bottom: 30px}@media only screen and (min-width: 768px) {.spaceabove {padding-top: 30px}.spacebelow {padding-bottom: 30px}}@media only screen and (min-width: 1200px) {.spaceabove {padding-top: 40px}.spacebelow {padding-bottom: 40px}}@media only screen and (min-width: 1800px) {.spaceabove {padding-top: 60px}.spacebelow {padding-bottom: 60px}}.padding {	padding-top: 30px;	padding-bottom: 30px}.overflow {	overflow:hidden;}.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;	white-space: nowrap;	height: 1px;	width: 1px;	overflow: hidden}.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;	font-size: 14px;	font-size: 0.875rem;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index: 100000}a#skiptocontent {	padding: 6px;	position: absolute;	top: -60px;	left: 0px;	color:#FFF;	background: #2C4203;	border-right: 1px solid white;	border-bottom: 1px solid white;	border-bottom-right-radius: 8px;	background: transparent;	-webkit-transition: top 1s ease-out, background 1s linear;	transition: top 1s ease-out, background 1s linear;	z-index: 100}a#skiptocontent:focus {	position: absolute;	left: 0px;	top: 0;	color:#FFF;	background: #2C4203;	outline: 0;-webkit-transition: top .1s ease-in, background .5s linear;transition: top .1s ease-in, background .5s linear;	margin-bottom:200px;}.iframe-container {	overflow: hidden;	padding-top: 56.25%;	position: relative;}.iframe-container iframe {	border: 0;	height: 100%;	left: 0;	position: absolute;	top: 0;	width: 100%;}.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	height: 0;}.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}.error-message {	color:#cc0000;	font-weight:bold;}a.anchor {	display: block;	position: relative;	top: -130px;	visibility: hidden;	scroll-behavior:smooth;}/* =========== CONTAINERS ================= */.container {	width:95%;	max-width:95%;	margin-left:auto;	margin-right:auto;}@media only screen and (min-width: 360px) {.container {}}@media only screen and (min-width: 768px) {.container { width:90%; max-width:90%;}} @media only screen and (min-width: 1200px) { .container {width:82%;max-width:1266px;} .content.container {width:65%;max-width:1266px;}}.card {	background-color: transparent;	background-clip: border-box;	border: none;	border-radius: 0;}.card-img, .card-img-bottom, .card-img-top {	border-radius:0;}.img-border {	background-color:#FFF;	border: 3px solid #FFF;}.img-border:hover {	border: 3px solid #FFF;}/* =========== buttons and colors ================= */.btn {	font-weight: 600;	font-style: normal;	font-size: 1rem;	line-height: 1.42857143;	text-align: center;	white-space:  normal;	vertical-align: middle;	display: inline-block;	text-decoration: none;	-ms-touch-action: manipulation;	touch-action: manipulation;	cursor: pointer;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	background-image: none;	border: 3px solid transparent;	border-radius: 0;	margin-bottom: 0;	padding-top: 6px;	padding-right: 1rem;	padding-bottom: 6px;	padding-left: 1rem;}.btn:visited {	color: #FFF;}.content a.btn:link, .content a.btn:visited, .content a.btn:hover, .content a.btn:focus {	border-bottom:none;}.btn-white, .btn-white:visited {	font-family: 'Lato', sans-serif;	color:#222;	text-transform:uppercase;	letter-spacing:.02em;	background-color:rgba(255, 255, 255, 0.75);	border: 2px solid #FFF;}span.btn-white:hover, span.btn-white:focus {	color:#222;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#FFF;	border: 2px solid #FFF;}a.btn-white:hover, a.btn-white:focus {	color:#222;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#FFF;	border: 2px solid #FFF;}.btn-green, .btn-green:visited {	font-family: 'Lato', sans-serif;	color:#FFF !important;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#2C4203;	border: 2px solid #2C4203;}span.btn-green:hover, span.btn-green:focus {	color:#FFF;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#E3C04D;	border: 2px solid #E3C04D;}a.btn-green:hover, a.btn-green:focus {	color:#FFF;	background-color:#E3C04D;	border: 2px solid #E3C04D;}.btn-brown, .btn-brown:visited {	font-family: 'Lato', sans-serif;	color:#FFF !important;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#70625a;	border: 2px solid #70625a;}span.btn-brown:hover, span.btn-brown:focus {	color:#FFF;	text-transform:uppercase;	letter-spacing:.02em;	background-color:#E3C04D;	border: 2px solid #E3C04D;}a.btn-brown:hover, a.btn-brown:focus {	color:#FFF;	background-color:#E3C04D;	border: 2px solid #E3C04D;}/* colors and backgrounds */.bg-brown {	background-color: #70625a;}.green {	color: #2C4203;}.bg-green {	background-color: #2C4203;}.bg-gold {	background-color: #E3C04D;}.bg-green, .bg-green h2, .bg-green h3, .bg-green p {	color:#FFF;}.bg-pink {	background-color: #FCF;}hr {	display: block;	height: 2px;	border: 0;	border-top: 2px solid #b7b0ac;	margin: 1em 0;	padding: 0;	margin-bottom:20px;}/* ================================================= *//* ====================== header ================= *//* ================================================= */#Header {	position: fixed;	width: 100%;	height: 106px;	top: 0;	bottom: inherit;	background-color: rgba(0, 0, 0, 0.3);	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items:center;	justify-content: space-around;	z-index: 8000; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -0-transition: height .3s; transition: height .3s;}#Header.nophoto {	background-color:#70625a;}#Header.stickyheader {	height:60px;	background-color:rgba(112, 98, 89, 0.7);		/*transition: transform 0.25s ease;*/		 transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -0-transition: height .3s; transition: height .3s;} @media only screen and (min-width: 768px) {#Header { height: 106px;}#Header.stickyheader { height:60px;}#Header.stickyheader .logo { display:none;}#Header.stickyheader .tagline { display:none !important;}} @media only screen and (min-width: 992px) {#Header { height: 160px;}#Header.stickyheader { height:60px;}} @media only screen and (min-width: 1800px) {#Header { height: 228px;}#Header.stickyheader { height:60px;}}header .logo {	width:140px;} @media only screen and (min-width: 768px) { header .logo { text-align:center;width:129px; margin-left:auto; margin-right:auto; margin-bottom:15px;}} @media only screen and (min-width: 992px) { header .logo {width:129px;}} @media only screen and (min-width: 1200px) {header .logo { width:185px; margin-bottom:20px;}} @media only screen and (min-width: 1800px) {header .logo { margin-bottom:30px;}}header .tagline {	text-align:center;}header .tagline p {	font-family: 'Lato', sans-serif;	font-size:14px;	text-align:center;	text-transform:uppercase;	letter-spacing:.2em;	color:#E3C04D;	/*text-shadow: 2px 3px 3px rgba(0,0,0,0.6);*/	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.75);} @media only screen and (min-width: 1800px) {header .tagline p {font-size:16px;}}/* =================================================== *//* ================= navigation menu ================= */header nav {	font-family: 'Lato', sans-serif;	color: #FFF;	text-transform:uppercase;	font-weight:400;} @media only screen and (min-width: 992px) {header nav { text-align: center;}} @media only screen and (min-width: 1800px) {header nav { margin-top:10px;}}header nav ul {	margin: 0px;	padding: 0px;	list-style: none;	line-height: 1;	vertical-align: middle;	letter-spacing: normal;	text-align:   center;}header nav ul li {	display: inline;	text-align: center;	padding:0;	margin:0;	vertical-align: middle;	line-height:100%;}header nav li a, header nav li a:visited {	display:inline-block;	font-size: 18px;	font-weight: normal;	font-style:normal;	color: #FFF;	text-transform: uppercase;	letter-spacing:.065em;	margin:0;}/* mobile nav displays till 992 */ @media only screen and (min-width: 992px) { header nav ul li:last-child { padding-right:0;} header nav li a { font-size: 14px; padding-left: .5rem; padding-right:.5rem;}} @media only screen and (min-width: 1200px) {header nav li a { font-size: 16px;}} @media only screen and (min-width: 1400px) {header nav li a { font-size: 17px; padding-left: 1rem; padding-right:1rem;}} @media only screen and (min-width: 1800px) {header nav li a { font-size: 21px; padding-left: 1.5rem; padding-right:1.5rem;}}header nav li a:hover, header nav li a:focus {	color: #E3C04D;	text-decoration:none;	border:none;}header nav li.current_page_item a, header nav li.active a {	color: #E3C04D;}header nav li.current_page_item a:hover, header nav li.active a:hover {	color: #E3C04D;}header nav li.current-page-ancestor a {	color: #E3C04D;}.nav>li>a:focus, .nav>li>a:hover {	background-color: transparent;}/* drop down menu - large screen */header nav .dropdown-menu {	top: 100%;	min-width: 13rem;	padding: 0;	padding-top:12px;	padding-bottom:7px;	margin:0;	margin-top:25px;	color: #E3C04D;	text-align: left;	list-style: none;	background-color: #70625a;	border: none;	border-radius:0;}header nav .dropdown:hover > .dropdown-menu {	margin-top:24px;} @media only screen and (min-width: 1200px) {header nav .dropdown-menu { margin-top:15px;}header nav .dropdown:hover > .dropdown-menu { margin-top:14px;}} @media only screen and (min-width: 1800px) {header nav .dropdown-menu { margin-top:37px;} header nav .dropdown:hover > .dropdown-menu { margin-top:36px;}} .dropdown-toggle::after { display: none; margin-left:0; vertical-align: .255em; content: ""; border:none;}header nav ul ul li {	display:  block;	text-align: left;	margin-bottom:6px;}header nav ul ul li a {	font-size: 13px;	text-transform:none;	padding-bottom:3px; padding-left:.75rem; padding-right:.75rem;}header nav ul ul li a:hover, header nav ul ul li a:focus {	color: #E3C04D;}header nav ul ul li.current_page_item a:hover, header nav ul ul li.active a:hover {	color: #E3C04D;}header nav ul ul li.current-page-ancestor a {	color: #E3C04D;}/*.dropdown:hover .dropdown-menu {	display: block;}*//* mobile navigation takeover overlay */header .mobile-tools {	text-align:right;}.hamburger {	display: inline-block;	cursor: pointer;	padding:0;}.hamburger:focus {	outline:none;	box-shadow:none;}.bar1, .bar2, .bar3 {	display:block;	width: 44px;	height: 2px;	background-color: #FFF;	margin: 8px 0;} @media only screen and (min-width: 1600px) {.bar1, .bar2, .bar3 { width: 78px; height: 2px; margin: 15px 0;}}.bar2 {	transition: 0.3s;}.hamburger:hover .bar2 {	width:100%;	transition: 0.3s;}.change .bar1 {	-webkit-transform: rotate(-45deg) translate(-6px, 6px);	transform: rotate(-45deg) translate(-6px, 6px);	background-color: rgba(0, 0, 0, 0.8);}.change .bar2 {	opacity: 0;}.change .bar3 {	-webkit-transform: rotate(45deg) translate(-6px, -6px);	transform: rotate(45deg) translate(-6px, -6px);	background-color: rgba(0, 0, 0, 0.8);}/* close button */.btn-close {	position: absolute;	top:15px;	right:25px;	z-index:9000;	height:44px;	width: 44px;	background-color: transparent;	padding:0;} @media only screen and (min-width: 480px) {.btn-close {top:15px; right:45px;}}.btn-close .bar1 {	transition: 0.3s;	-webkit-transform: rotate(-45deg) translate(-8px, 6px);	transform: rotate(-45deg) translate(-8px, 6px);	background-color: #FFF;}.btn-close .bar2 {	opacity: 0;}.btn-close .bar3 {	transition: 0.3s;	-webkit-transform: rotate(45deg) translate(-6px, -6px);	transform: rotate(45deg) translate(-6px, -6px);	background-color: #FFF;} @media only screen and (min-width: 1600px) {.btn-close .bar1 { transition: 0.3s; -webkit-transform: rotate(-45deg) translate(-12px, 15px); transform: rotate(-45deg) translate(-12px, 15px); background-color: #FFF;} .btn-close .bar3 { transition: 0.3s; -webkit-transform: rotate(45deg) translate(-11px, -11px); transform: rotate(45deg) translate(-11px, -11px); background-color: #FFF;}}/* =================================================== */.menu-overlay {	position: fixed;	width: 100%;	height:100%;	z-index: 9999;	top: 0;	left: 0;	font-family: 'Lato', sans-serif;	background-color: #2C4203;	overflow-y: hidden;	transition: 0.5s;	animation-duration: 2s;	display:none;}.overlay-header {	width:100%;	height:96px;	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: center;	justify-content: flex-end;}.menu-overlay .btn-close {	/*position: absolute;*/		width: 40px;	height: 40px;	line-height: 1;	text-decoration: none;	text-align: center;	padding: 0;	margin-top: 6px;	margin-right: 0;	color: rgba(255, 255, 255, 0.90);}.menu-overlay .btn-close:hover {	color: #FFF;	border: 2px solid #FFF;}.overlay-content {	position: relative;	width: 100%;	height:100%;	padding-bottom:96px;	text-align: center;	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: center;}.menu-overlay nav {	color: #FFF;	text-transform:uppercase;	padding-bottom:20%;}.menu-overlay nav ul {	margin: 0px;	padding: 0px;	list-style: none;	line-height: 1;	vertical-align: middle;	letter-spacing: normal;	text-align: center;}.menu-overlay nav ul li {	display: block;	text-align: center;	padding:0;	margin:0;	vertical-align: middle;	line-height:100%;}.menu-overlay nav li a {	display:block;	font-size: 24px;	line-height:150%;	font-weight: normal;	font-style: normal;	color: #FFF;	text-transform: uppercase;	letter-spacing:.085em;	margin:0;	padding-top:12px;	padding-bottom:12px;} @media only screen and (min-width: 768px) {.menu-overlay nav li a { font-size: 20px; padding:3px;}}.menu-overlay nav li a:visited {	color: #FFF;}.menu-overlay nav li a:hover, .menu-overlay nav li a:focus {	color: #E3C04D;	border:none;}.menu-overlay nav li.current_page_item a {	color: #E3C04D;}.menu-overlay nav li.current_page_item a:hover {	color: #E3C04D;}/* mobile menu drop downs */.menu-overlay .dropdown-menu {	position:  relative;	top: auto;	left: 0;	float: none;	min-width: 100%; padding: .5rem 0; margin: .125rem 0 0;	font-size: 1rem;	color: #FFF;	text-align: left;	list-style: none;	background-color: transparent;	background-clip: padding-box;	border:  none;	border-radius:0;}.menu-overlay .dropdown-menu.show {	display:block;	position:  relative !important;	transform: translate3d(0px, 0px, 0px) !important;}.menu-overlay nav ul ul li a {	font-size: 18px;	text-transform:none;	padding-bottom:3px; padding-left:.75rem; padding-right:.75rem;}.menu-overlay nav ul ul li a:hover, .menu-overlay nav ul ul li a:focus {	color: #E3C04D;}.menu-overlay nav ul ul li.current_page_item a:hover, .menu-overlay nav ul ul li.active a:hover {	color: #E3C04D;}.menu-overlay nav ul ul li.current-page-ancestor a {	color: #E3C04D;}/*element.style {    position: absolute;    transform: translate3d(0px, 66px, 0px);    top: 0px;    left: 0px;    will-change: transform;}*//* ================================================= *//* ====================== globals ================= *//* ================================================= */main {	min-height:500px;}/* -------- Page banner -------- */.pagebanner {	margin-bottom:44px;}.pagebanner.nospacebelow {	margin-bottom:0;}.pagebanner.homebanner img {	min-height:500px;}.pagebanner .card-img-overlay {	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: flex-end;	justify-content: center;}.pagebanner .headingbox {	margin-bottom:6%;}.pagebanner h1 {	font-weight:400;	text-transform: none;	letter-spacing:0;	margin:0;	padding:0;}.pagebanner .headingbox h1 {	color:#FFF;	letter-spacing: normal;	/*text-shadow: 2px 4px 3px rgba(0,0,0,0.5);*/text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5),  0px 6px 10px rgba(0, 0, 0, 0.15),  0px 13px 17px rgba(0, 0, 0, 0.15);} @media only screen and (min-width: 768px) {.pagebanner .headingbox h1 { font-size:28px;}} @media only screen and (min-width: 992px) {.pagebanner .headingbox h1 { font-size:32px;}} @media only screen and (min-width: 1200px) {.pagebanner .headingbox h1 { font-size:40px;}} @media only screen and (min-width: 1800px) {.pagebanner .headingbox h1 { font-size:46px;}}.pagebanner.nophoto {	height: 106px;} @media only screen and (min-width: 768px) {.pagebanner.nophoto { height: 106px;}} @media only screen and (min-width: 992px) {.pagebanner.nophoto { height: 160px;}} @media only screen and (min-width: 1800px) {.pagebanner.nophoto { height: 228px;}}/* ================================================= *//* ====================== home page ================= *//* ================================================= *//*.owl-carousel .animated {   animation-duration: 1000ms;  animation-fill-mode: both; }*/.intro {	padding-top:30px;	padding-bottom:50px;	text-align:center;}.home h1, .home h2 {	color:#2C4203;	letter-spacing:normal;	text-transform:none;}.intro h1 {	margin:0;	margin-bottom:24px;} @media only screen and (min-width: 1800px) {.intro h1 { margin-bottom:30px;}}/* -------- featured grids -------- */.featured-section {	color: #FFF;	background-color: #70625a;	text-align:center;}.featured-section.bg-white {	color: #70625a;	background-color: #FFF;}a.gallery-item, a.gallery-item:visited, a.gallery-item:hover, a.gallery-item:focus {	border:none;	outline:none;	text-decoration:none;}.featured-section .header {	padding-top:20px;	padding-bottom:20px;	text-align:center;} @media only screen and (min-width: 1200px) { .featured-section .header { padding-top:30px; padding-bottom:30px;}}.featured-section h2 {	font-weight:400;	color: #FFF;	text-transform:uppercase;	letter-spacing:.1em;	margin:0;	padding:0;} @media only screen and (min-width: 768px) {.featured-section h2 { font-size:17px;}} @media only screen and (min-width: 992px) {.featured-section h2 { font-size:21px;}} @media only screen and (min-width: 1200px) {.featured-section h2 { font-size:24px;}} @media only screen and (min-width: 1800px) {.featured-section h2 { font-size:30px;}}.featured-section p {	color: #FFF;	font-weight:500;	margin:0;	padding:0;	margin-top:15px;}.featured-grid {	border: 7px solid #FFF;}.catgrid-item {/*top:0 !important;*/	}.featthumb {	border: 7px solid #FFF;}.featthumb .card-img-overlay {	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: center;	justify-content: center;	opacity: 0;	-webkit-transition: all 0.4s ease-in-out 0s;	-moz-transition: all 0.4s ease-in-out 0s;	transition: all 0.4s ease-in-out 0s;}.featthumb a:hover > .card-img-overlay {	background-color: rgba(000, 000, 000, 0.30);	opacity: 1;}.featthumb a:hover {	border:none;}/* connect section */.featured-section.connect {	position:relative;}.featured .card-img-overlay {	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: center;	justify-content: center;	-webkit-transition: all 0.4s ease-in-out 0s;	-moz-transition: all 0.4s ease-in-out 0s;	transition: all 0.4s ease-in-out 0s;}/* home testimonials video */.video-container {	width:95%;	max-width:95%;	margin-left:auto;	margin-right:auto;} @media only screen and (min-width: 768px) {.video-container { width:65%; max-width:65%;}} @media only screen and (min-width: 1200px) {.video-container { width:50%; max-width:50%;}}/* ================================================= *//* ================ INTERIOR PAGES ================= *//* ================================================= *//* ---------- portfolio subpage category filtering menu --------- */nav.subpage-nav {	font-family: 'Lato', sans-serif;	color: #70625a;	text-transform:uppercase;	margin-bottom:20px;}nav.subpage-nav ul {	margin: 0px;	padding: 0px;	list-style: none;	line-height: 1;	vertical-align: middle;	letter-spacing: normal;	text-align:  center;}nav.subpage-nav ul li {	display:  block;	text-align: center;	padding:0;	margin:0;	margin-bottom:15px;	vertical-align: middle;	line-height:100%;}nav.subpage-nav ul li button {	-webkit-appearance: none;	appearance: none;	background-color:transparent;	border:none;	text-align: center;	white-space:  normal;	vertical-align: middle;	display: inline-block;	text-decoration: none;	-ms-touch-action: manipulation;	touch-action: manipulation;	cursor: pointer;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	background-image: none;} @media only screen and (min-width: 768px) { nav.subpage-nav ul li { display: inline; margin-bottom:0;}}nav.subpage-nav li a, nav.subpage-nav li a:visited, nav.subpage-nav li button, nav.subpage-nav li button:visited {	display:inline-block;	font-size: 18px;	font-weight: normal;	font-style:normal;	color: #70625a;	text-transform: uppercase;	letter-spacing:.065em;	margin:0;	border:none;} @media only screen and (min-width: 768px) { nav.subpage-nav li:after {content: '|';color: #b7b0ac;font-size:110%;padding-left:1px;} nav.subpage-nav ul li:last-child { padding-right:0;} nav.subpage-nav li:last-child:after {content: '';} nav.subpage-nav li a, nav.subpage-nav li button { font-size: 14px; padding-left: .5rem; padding-right:.5rem;}} @media only screen and (min-width: 1200px) {nav.subpage-nav li a, nav.subpage-nav li button { font-size: 16px;}} @media only screen and (min-width: 1400px) {nav.subpage-nav li a, nav.subpage-nav li button { font-size: 17px; padding-left: .85rem; padding-right:.85rem;}} @media only screen and (min-width: 1800px) {nav.subpage-nav li a, nav.subpage-nav li button { font-size: 21px; padding-left: 1rem; padding-right:1rem;}}nav.subpage-nav li a:hover, nav.subpage-nav li a:focus, nav.subpage-nav li button:hover, nav.subpage-nav li button:focus {	color: #E3C04D;	text-decoration:none;	border:none;}nav.subpage-nav li.current_page_item a, nav.subpage-nav li.active a {	color: #E3C04D;}nav.subpage-nav li button.is-checked {	color: #E3C04D;}nav.subpage-nav li.current_page_item a:hover, nav.subpage-nav li.active a:hover {	color: #E3C04D;}nav.subpage-nav li.current-page-ancestor a {	color: #E3C04D;}.nav>li>a:focus, .nav>li>a:hover {	background-color: transparent;}/* ---------- content --------- */.content {	padding-top:20px;	padding-bottom:20px;	text-align:center;/*min-height:300px;*/} @media only screen and (min-width: 1200px) {.content { padding-bottom:60px;}}.content h2 {	text-align:center;	position:relative;}.content h2:before, .content h2:after, .content .h2:before, .content .h2:after {	position: absolute;	width: 25%;	height: 2px;	content: '';	color:#b7b0ac;	border-top: 2px solid #b7b0ac;	margin-top: .65em;}.content h2:before, .content .h2:before {	margin-left: -27%;}.content h2:after, .content.h2:after {	margin-left: 2%;}.ornament {	margin-top: 30px;	text-align:center;	position:relative;}.ornament:before, .ornament:after {	position: absolute;	width: 25%;	height: 2px;	content: '';	border-top: 2px solid #b7b0ac;	margin-top: .65em;}.ornament:before {	margin-left: -27%;}.ornament:after {	margin-left: 2%;}.ornament img {	margin:0;}.news-listing .ornament img {	margin:0;}/* full width ornament */.ornament.full {	width:100%;}.ornament.full:before, .ornament.full:after {	position: absolute;	width: 46.25%;	height: 2px;	content: '';	border-top: 2px solid #b7b0ac;	margin-top: .65em;}.ornament.full:before {	margin-left: -48.25%;}.ornament.full:after {	margin-left: 2%;}.bottom-text {	background-color:#70625a;	color:#FFF;	padding-top:20px;	padding-bottom:20px;}.bottom-text a:link, .bottom-text a:visited {	color:#FFF;}.bottom-text a:hover, .bottom-text a:focus {	color:#E3C04D;} @media only screen and (min-width: 1200px) {.bottom-text .content { padding-bottom:20px;}}/* ====================== people grid ================= */.people-grid .card {	padding-top:30px;	padding-bottom:30px;}.people-grid .card {	width:95%;	margin-left:auto;	margin-right:auto;	font-family: 'Lato', sans-serif;}.people-grid .card-body {	padding:10px;}.people-grid .card a:link, .people-grid .card a:link, .people-grid .card a:hover, .people-grid .card a:focus {	border:none;	outline:none;}img.rgb_to_bw, a.rgb_to_bw img { -webkit-transition: -webkit-filter .5s ease-in-out; transition: -webkit-filter .5s ease-in-out; -o-transition: filter .5s ease-in-out; transition: filter .5s ease-in-out; transition: filter .5s ease-in-out, -webkit-filter .5s ease-in-out;	-webkit-filter: grayscale(0%);	filter: grayscale(0%);}img.rgb_to_bw:hover, a.rgb_to_bw img:hover {	-webkit-filter: grayscale(100%);	filter: grayscale(100%);}.people-grid p {	font-size:16px;	color:#222;	font-weight:400;	line-height:125%;	margin:0;	padding:0;}.people-grid .card a:link p, .people-grid .card a:visited p {	color:#222;}.people-grid .card a:hover p, .people-grid .card a:focus p {	color:#2C4203;}.no-brk {	display:inline;	white-space: nowrap;}.people-grid p span {	display:block;	white-space: nowrap;}/* portfolio slider modal */.mfp-bg {	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 8500;	overflow: hidden;	position: fixed;	background: #FFF;	opacity: 1;}.mfp-wrap {	z-index: 8600;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {	color:#222;	right: 0;	text-align: right;	padding-right: 6px;	width: 100%;	position:absolute;	top:0;	right:0;}.mfp-image-holder .mfp-content {	max-width: 1622px;}.mfp-container {	padding: 0;}img.mfp-img {/* width: 100%;   max-width: 1622px;    height: auto;    display: block;    line-height: 0;    box-sizing: border-box;    padding: 0;    margin: 0 auto;*/}.mfp-figure:after {	box-shadow: none;	background: #FFF;}.mfp-bottom-bar {	display:none;}/* mfp arrows */.mfp-arrow {	position: absolute;	opacity: 0.65;	margin: 0;	top: 50%;	margin-top: -55px;	padding: 0;	width: 90px;	height: 110px;	-webkit-tap-highlight-color: transparent;}.mfp-arrow-right {	background-image: url(images/arrow-next.png) !important;	background-repeat: no-repeat !important;	background-position: center center !important;}.mfp-arrow-right:before {	border:  none;}.mfp-arrow-right:after {	border:  none;	margin-left: 39px;}.mfp-arrow-left {	background-image: url(images/arrow-prev.png) !important;	background-repeat: no-repeat !important;	background-position: center center !important;}.mfp-arrow-left:before {	margin-left: 25px;	border: none;}.mfp-arrow-left:after {	border: none;	margin-left: 31px;}/* ---- */.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {	cursor:pointer;	position: fixed;	top:15px;	right:15px;}.mfp-zoom-out-cur .mfp-image-holder .mfp-close {	cursor:pointer;}.slider-wrapper {	padding:30px;}.portfolio-slider img {	border: 5px solid #999;}.port-modal .mfp-close {	position: absolute;	width: 40px;	height: 40px;	line-height: 40px;	right: 15px;	top: 15px;	text-decoration: none;	text-align: center;	opacity: 1;	padding: 0;	color: #999 !important;	border-radius: 50%;	border: 2px solid #999;}.port-modal .mfp-close:hover {	color: #FFF !important;	border: 2px solid #FFF;}/* section at bottom of page */.project-details strong {	font-weight:600;}/* content modals */.content-modal {	position:relative;}.content-modal > .mfp-close {	position: absolute;	top:60px;	right:9%;}/* ----- Case Studies --------- */.single-contentmodal-wrapper {	background-color:#a19892;	padding-top:60px;	padding-bottom:60px;}.single-contentmodal {	background-color: #FFF;	padding-top:30px;	padding-bottom:40px;} @media only screen and (min-width: 768px) { .single-contentmodal article { padding-right:10px;}} @media only screen and (min-width: 992px) { .single-contentmodal article { padding-right:15px;}} @media only screen and (min-width: 1200px) {.single-contentmodal article { padding-right:20px;}} @media only screen and (min-width: 1800px) {.single-contentmodal article { padding-right:24px;}}.single-contentmodal h2 {	font-family: 'Lato', sans-serif;	font-weight:900;	color:#2C4203;	text-transform: uppercase;	letter-spacing:.035em;	margin:0;	padding:0;}.single-contentmodal.news h2 {	text-transform:  none;	letter-spacing:.01em;	font-weight:400;}.single-contentmodal p {	line-height:162%;}.single-contentmodal ul li {	font-family: 'Lato', sans-serif;	font-weight:600;	font-size: 18px;	line-height: 125%;	letter-spacing:-.015em;	padding-bottom: 10px;	list-style:none;	color: #222;}.single-contentmodal ul li:before {	content: '\2022';	font-size: 75%;	float: left;	margin-left: -1rem;	color: #70625a;} @media only screen and (min-width: 768px) { .single-contentmodal h2 { font-size:15px;} .single-contentmodal ul li { font-size: 18px;}} @media only screen and (min-width: 992px) {.single-contentmodal h2 { font-size:20px; margin-bottom:18px;}.single-contentmodal p { font-size:20px;} .single-contentmodal ul li { font-size: 16px;}} @media only screen and (min-width: 1200px) { .single-contentmodal h2 { font-size:26px; margin-bottom:20px;}.single-contentmodal p { font-size:26px;} .single-contentmodal ul li { font-size: 18px;}} @media only screen and (min-width: 1800px) { .single-contentmodal h2 { font-size:32px; margin-bottom:24px;}.single-contentmodal p { font-size:32px;} .single-contentmodal ul li { font-size: 23px;}}.contentmodal-sidebar img {	margin-bottom:30px;} @media only screen and (min-width: 1800px) {.contentmodal-sidebar img { margin-bottom:50px;}}/* ----- Services --------- */.services-list {	text-align:center;	color: #4d4845;	font-family: 'Lato', sans-serif;	font-weight:700;}.services-list ul {	list-style:none;	margin:0;	padding:0;	padding-top:30px;	padding-bottom:30px;	text-align:center;}.services-list ul li {	color: #222;	color: #4d4845;}.services-list ul li {	text-transform:uppercase;}.services-list ul li ul li {	text-transform: none;}.services-list ul ul {	padding-top:10px;	padding-bottom:10px;}.services-list ul ul li {	line-height: 125%;}.services-list a, .services-list a:visited, .content .services-list a, .content .services-list a:visited {	color: #2C4203;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #2C4203;}.services-list a:hover, .services-list a:focus, .content .services-list a:hover, .content .services-list a:focus {	color: #2C4203;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #2C4203;}/* service detail */.service-detail h1 {	font-family: 'Lato', sans-serif;	font-weight:800;	font-size:24px;	color: #2C4203;	margin-bottom:20px;}.service-detail h2 {	color: #70625a;	text-transform:uppercase;}.content .featured-service h2:before, .content .featured-service h2:after {	content: '';	display:none;}.service-detail p {	color: #70625a;} @media only screen and (min-width: 992px) { .service-detail p { font-size:20px;}} @media only screen and (min-width: 1200px) { .service-detail p { font-size:26px;}} @media only screen and (min-width: 1800px) { .service-detail p { font-size:32px;}}.logo-badge {	margin-left:auto;	margin-right:auto;	width:30%;	max-width:212px;}.featured-service {	padding-bottom:20px;}.service-photo {	margin-top:20px;	margin-bottom:20px;}.content .featured-service a.see-all:link, .content .featured-service a.see-all:visited {	font-family: 'Lato', sans-serif;	font-size:80%;	color:#2C4203;	border-bottom-style:solid;	border-bottom-color: #2C4203;}.content .featured-service a.see-all:hover, .content .featured-service a.see-all:focus {	font-family: 'Lato', sans-serif;	font-size:80%;	color:#E3C04D;	border-bottom-style:solid;	border-bottom-color: #E3C04D;}.leed-project:first-of-type{	padding-top:20px;}.backto {	background-color:#70625a;	padding-top:30px;	height:106px;	width:100%;	text-align:center;} @media only screen and (min-width: 768px) {.backto { height: 106px;}} @media only screen and (min-width: 992px) {.backto { height: 160px;}} @media only screen and (min-width: 1800px) {.backto { height: 228px;}}.backto a:link, .backto a:visited {	font-family: 'Lato', sans-serif;	text-transform:uppercase;	letter-spacing:.05em;	font-size:80%;	color:#FFF;}.backto a:hover, .backto a:focus {	color:#E3C04D;}/* ================= Testimonials ================= */.video-section {	padding-bottom:30px;}.video-section p {	font-family: 'Lato', sans-serif;	font-size:16px;	color:#222;	font-weight:400;	line-height:125%;	margin:0;	padding:0;}.testimonial {	margin-bottom:40px;}.testimonial:first-of-type {	padding-top:30px;}.testimonial:after {	content: "";	display: block;	margin: 0 auto;	width: 80%;	padding-bottom: 40px;	border-bottom: 2px solid #b7b0ac;}.testimonial:last-of-type:after {	display: none;}.testimonial blockquote {	text-align:center;	color:#222;}.testimonial blockquote p {	margin:0;	padding:0;}.testimonial blockquote .attribution {	color:#70625a;}.testimonial blockquote .quotemark {	font-family:Georgia, "Times New Roman", Times, serif;}/* ================= News and awards ================= *//* subnav menu */.subnav-menu {	font-family: 'Lato', sans-serif;	text-align:center;	position:relative;	text-transform: none;	color: #70625a;				margin-top:30px;		}.subnav-menu:before, .subnav-menu:after {	position: absolute;	width: 25%;	height: 2px;	content: '';	color:#b7b0ac;	border-top: 2px solid #b7b0ac;	top: 50%;}.subnav-menu:before {	margin-left: -27%;}.subnav-menu:after {	margin-left: 2%;} @media only screen and (max-width: 767px) {.subnav-menu:before {        margin-left: -17%;    width: 13%;}.subnav-menu:after {   margin-left: 4%;    width: 13%;}}.subnav-menu ul {	display:inline;		}.subnav-menu ul li {		font-family: 'Lato', sans-serif;	font-size: 16px;	line-height:100%;	font-weight: normal;	font-style:normal;	color: #70625a;	text-transform: uppercase;	letter-spacing:.065em;		position: relative;	display:inline;		padding-left:6px;	padding-right:6px;}.subnav-menu ul li a:link, .subnav-menu ul li a:visited {	color:#9c8d84;	border:0;		font-family: 'Lato', sans-serif;	font-size: 16px;	font-weight: normal;	font-style:normal;	color: #70625a;	text-transform: uppercase;	letter-spacing:.065em;	}.subnav-menu ul li.left.current_page_item a:link,.subnav-menu ul li.left.current_page_item a:visited,.subnav-menu ul li.right.current_page_item a:link,.subnav-menu ul li.right.current_page_item a:visited,.subnav-menu ul li a:hover, .subnav-menu ul li a:focus {color:#E3C04D;	}.subnav-menu ul li.left {	padding-left:24px;	}.subnav-menu ul li.right {	padding-right:24px;	}.subnav-menu ul li.left a:before {	position: absolute;	left:0;	top: 0;	content: url('images/arrow-prev-small-gray.png');	z-index:1000;		}.subnav-menu ul li.left.current_page_item a:before,.subnav-menu ul li.left a:hover:before {	position: absolute;	left:0;	top: 0;	content: url('images/arrow-prev-small-gold.png');	z-index:1000;		}.subnav-menu ul li.right a:after {			position: absolute;	right:0;	top: 0;		content: url('images/arrow-next-small-gray.png');	z-index:1000;	}.subnav-menu ul li.right.current_page_item a:after,.subnav-menu ul li.right a:hover:after {	position: absolute;	right:0;	top: 0;		content: url('images/arrow-next-small-gold.png');	z-index:1000;		}/* news listings */.news-listing {	padding-bottom: 20px;	text-align:center;	width:80%;	margin-left:auto;	margin-right:auto;} @media only screen and (min-width: 1200px) {.news-listing { padding-bottom: 60px; width:60%; max-width:1028px; margin-left:auto; margin-right:auto;}}.news-listing article {	margin-bottom: 30px;	padding-bottom: 30px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #70625a;} @media only screen and (min-width: 1200px) {.news-listing article { margin-bottom: 40px; padding-bottom: 40px;}}.news-listing article:last-of-type {	border:none;}.news-listing article {	padding-top:5px;}.news-listing h3 {	font-family: 'Lato', sans-serif;	text-transform:none;	color:#70625a}.news-listing a:hover h3 {	color:#2C4203}.news-listing img {	margin:0;	margin-top:20px;	margin-bottom:20px;}.news-listing p {	margin:0;	padding:0;}p.entry-date {	font-family: 'Lato', sans-serif;	font-size:16px;	margin:0;	padding:0;	color:#70625a;}.readmore {	font-weight:600;	white-space:nowrap;	text-transform:uppercase;}/* ----- Contact Connect Page --------- */.instagram-icon {	margin:20px;	margin-left:auto;	margin-right:auto;	width:52px;	height:auto;} @media only screen and (min-width: 1800px) {.instagram-icon { width:102px; height:auto;}}/* ----- Constant Contact sign up form overrides --------- */.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {	color: #2C4203 !important;	font-family: 'EB Garamond', serif;	font-weight:400;	line-height: 1.2;}.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {	color: #70625a !important;}div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {	font-weight: 400 !important;}.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {	background-color: #2C4203 !important;	border: 1px solid #2C4203 !important;	color: #FFF;}/* ================= 404 Search and Search Results ================= */  .search-results {	text-align:left;}.search-results article {	margin-bottom: 30px;	padding-top: 5px;	padding-bottom: 30px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #70625a;}.search-results article:first-of-type {	margin-top: 20px;}.content h2.entry-title {	text-align:left;	position:relative;	font-family: 'Lato', sans-serif;	text-transform: none;	color: #70625a;}.content h2.entry-title:before {	margin:0;	display:none;}.content h2.entry-title:after {	margin:0;	display:none;}/* ================================================= *//* ====================== footer ================= *//* ================================================= */footer {	font-family: 'Lato', sans-serif;	color: #FFF;	background-color: #2C4203;	padding-top:20px;	padding-bottom:50px;} @media only screen and (min-width: 1200px) {footer { padding-top:40px;}} @media only screen and (min-width: 1800px) {footer { padding-top:60px;}}footer .container {	width:95%;	max-width:95%;}/* =================================================== *//* ================= navigation menu ================= */footer nav {	font-family: 'Lato', sans-serif;	color: #FFF;	text-transform:uppercase;	font-weight:400;}footer nav {	text-align: center;	margin-bottom:40px;}footer nav ul {	margin: 0px;	padding: 0px;	list-style: none;	line-height: 1;	vertical-align: middle;	letter-spacing: normal;	text-align:   center;}footer nav ul li {	display: inline;	text-align: center;	padding:0;	margin:0;	vertical-align: middle;	line-height:100%;}footer nav li a, footer nav li a:visited {	display:block;	font-size: 16px;	font-weight: normal;	font-style:normal;	color: #FFF;	text-transform: uppercase;	letter-spacing:.065em;	margin:0;	padding:10px;}footer nav .caret {	display: none;}footer nav .caret:after {	display: none;} footer nav .dropdown-toggle::after { display: none;}footer p {	font-size: 16px;}footer p.copyright span {	display:block;} @media only screen and (min-width: 992px) { footer nav li a, footer nav li a:visited { display:inline-block; font-size: 16px; font-weight: normal; font-style:normal; color: #FFF; text-transform: uppercase; letter-spacing:.065em; margin:0;} footer p.copyright span { display: inline;}}/* mobile nav displays till 992 */ @media only screen and (min-width: 992px) { footer p { font-size: 14px;} footer nav li a { font-size: 14px; padding-left: .5rem; padding-right:.5rem;}} @media only screen and (min-width: 1200px) { footer p { font-size: 15px;}footer nav li a { font-size: 15px;}} @media only screen and (min-width: 1400px) {footer p { font-size: 15px;}footer nav li a { font-size: 16px; padding-left: 1rem; padding-right:1rem;}} @media only screen and (min-width: 1800px) { footer p { font-size: 17px;}footer nav li a { font-size: 17px; padding-left: 1.5rem; padding-right:1.5rem;}}footer nav li a:hover, footer nav li a:focus {	color: #E3C04D;	text-decoration:none;	border:none;}footer nav li.current_page_item a, footer nav li.active a {	color: #E3C04D;}footer nav li.current_page_item a:hover, footer nav li.active a:hover {	color: #E3C04D;}footer nav li.current-page-ancestor a {	color: #E3C04D;}.nav>li>a:focus, .nav>li>a:hover {	background-color: transparent;}footer p {	text-align:center;}/* back to top script *//* ----- back to top ------- */.cd-top {	display: inline-block;	height: 40px;	width: 40px;	position: fixed;	bottom: 40px;	right: 10px;	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);	/* image replacement properties */  overflow: hidden;	text-indent: 100%;	white-space: nowrap;	background: rgba(122, 11, 11, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;	visibility: hidden;	opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;}.cd-top.cd-top--show, .cd-top.cd-top--fade-out, .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;}.cd-top.cd-top--show {	/* the button becomes visible */  visibility: visible;	opacity: 1;}.cd-top.cd-top--fade-out {	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */  opacity: .5;}.cd-top:hover {	background-color: #2C4203;	opacity: 1;} @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px;}} @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px;}}/* social icons - footer section */footer .container {	position:relative;}footer .social {	padding-top:20px;	padding-bottom:20px;	text-align: center;}footer .social a:hover, .social a:focus {	border:none;	opacity:.9;}footer .social img.icon {	margin-left:8px;	margin-right:8px;}footer .social img.icon {	width:32px;}footer .social img.member-logo {	width:36px;} @media only screen and (min-width: 1200px) {footer .social img.icon { margin-left:15px; width:48px;} footer .social img.member-logo { width:69px;}} @media only screen and (min-width: 1800px) {footer .social img.icon {width:76px;} footer .social img.member-logo { width:110px;}}/* social icons - connect section */.connect .social {	padding-top:20px;	padding-bottom:20px;	text-align: center;	background-color: #2C4203;}.connect .social a:hover, .connect .social a:focus {	border:none;	opacity:.9;}.connect .social img.icon {	margin-left:15px;}.connect .social img.member-logo {	width:36px;}.connect .social img.social-icon {	width:32px;} @media only screen and (min-width: 768px) { .connect .social { position:absolute; bottom:0; right:2.5%; text-align: right; background-color: transparent;} .connect .social img.icon { margin-left:10px;} .connect .social img.member-logo { width:5%;} .connect .social img.social-icon { width:4%;}} @media only screen and (min-width: 1200px) { .connect .social img.icon { margin-left:15px;}}