/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 14 2022 | 06:55:13 */
button.navbar-toggler, footer, .mega-indicator {
	display:none!important
}
html {
	margin:0!important;
	padding:0!important;
	width:100vw!important;
	overflow-x:hidden!important
}
body {
	margin:0;
	padding:0;
	width:100vw!important;
	overflow:hidden
}
body.media {
	display:initial
}
body section.elementor-top-section:nth-of-type(1) {
	padding-top:85px!important;
	min-height:calc(100vh - 96px)
}
body.elementor-editor-active section.elementor-top-section:nth-of-type(1) {
	margin-top:100px!important
}
ul, li {
	list-style:none;
	margin:0;
	padding:0
}
a {
	color:#bfac03;
	text-decoration:none
}
a:hover {
	color:#000;
	text-decoration:none
}
div.menu {
	display:none
}
body {
	margin:0;
	padding:0;
	font-family:'Noto Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:100%;
	height:100%;
	font-size:15px;
	color:#666;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed
}
body, p, ul, li {
	color:#666;
	font-family:'Noto Sans', sans-serif
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Noto Serif', serif;
	color:#666
}
h1 {
	font-weight:normal;
	color:#bfac03;
	font-size:32px
}
.headingshort h1 {
	max-width:500px
}
body.single-post h1 {
	color:#111
}
h1.page-title {
	text-transform:capitalize
}
h2 {
	font-weight:normal;
	font-size:28px;
	color:#111
}
h6 {
	font-family:'Noto Sans', sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.6em
}
hr {
	height:0;
	border:none;
	border-bottom:#bfac03 1px solid
}
.smalltext {
	font-size:13px
}
body:not(.elementor-editor-active) #pagebackground {
	min-height:100vh;
	background-attachment:fixed!important
}
#content {
	padding:0!important;
	margin:0!important;
	min-height:calc(100vh - 96px)
}
#primary {
	margin-bottom:30px
}
@media (min-width:768px) {
#primary {
	flex:0 0 66.666667%;
	max-width:66.666667%
}
}
@media (max-width:767px) {
#secondary {
	max-width:100%!important;
	margin-left:0!important
}
}
#masthead {
	height:70px;
	background:rgba(0,0,0,0) url(https://dev.matthewgandy.org/wp-content/uploads/BG_Header.png) repeat-y!important;
	background-size:50%!important;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	transition:all 0.2s ease;
	margin:0!important;
	padding:0!important;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.7)!important;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.7)!important;
	box-shadow:0 0 10px rgba(0,0,0,.7)!important;
	border:none!important
}
#masthead .container {
	width:100%;
	max-width:100%;
	margin:0!important;
	padding:0!important
}
#masthead .navtint {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background:url(https://dev.matthewgandy.org/wp-content/uploads/BG_Nav.png) repeat-y right
}
#masthead .navbar {
	align-items:start!important
}
#masthead .navbar-brand {
	margin:0;
	padding:19px 30px 0 20px!important
}
#masthead .navbar-brand img {
	margin:0;
	max-width:230px;
	height:auto;
	transition:all 0.1s ease
}
@media (max-width:1024px) {
#masthead {
	height:50px;
	background:#fff!important
}
#masthead .navtint {
	background:#fff
}
#masthead .navbar-brand {
	padding:12px 10px 0 17px!important
}
#masthead .navbar-brand img {
	max-width:180px
}
}
#mega-menu-wrap-primary {
	position:absolute;
	right:10px;
	top:34px
}
#mega-menu-primary {
	position:relative
}
a.mega-menu-link {
	font-family:'Noto Serif', serif!important;
	font-weight:normal;
	line-height:30px!important;
	position:relative
}
a.mega-menu-link:hover {
	border-color:rgba(0,0,0,0)!important
}
a.mega-menu-link::after {
	display:none!important
}
ul.mega-sub-menu {
	top:36px!important;
	border-right:#000 2px solid;
	background-image:none!important
}
.navbordertop {
	width:100%;
	height:2px;
	background:#fff;
	position:absolute;
	top:-60px;
	left:0;
	transition:all 0.2s ease;
}
button#responsive-menu-button {
	right: 25px !important;
}
#responsive-menu {
	padding-top: 50px !important;
}
#responsive-menu li a {
	font-family: 'Noto Serif', serif;
	color: #bfac03;
}
#responsive-menu .responsive-menu-subarrow {
	background: rgba(0,0,0,0) !important;
	border: none !important;
}
.maintext {
	display: inline-block;
    width: calc(100% - 195px);
    max-width: calc(100% - 195px);
  	padding-left: 15px;
  	padding-top: 15px;
}
.sideimages {
	width: 170px !important;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 0px;
}
.sideimages img {
	padding-bottom: 20px;
}
@media (max-width: 480px) {
  .maintext {
      margin-left: 15px;
  }
  .sideimages {
      display:none;
  }
}
.headerimagebox {
	padding-right:30px;
	margin-bottom:8px !important;
}
.headerimagebox .headerimage {
	background-size:cover;
	background-position:50% 50%;
	float:left;
	margin-bottom:10px;
	position:relative;
	left:-15px
}
.headerimagebox .headerimage.empty {
	background:#999
}
.headerimagebox .headerheading {
	overflow:hidden
}
.headerimagebox h2 {
	margin:0;
	display:inline-block;
	color:#999
}
.headertextbox {
	padding-right:30px;
	margin-bottom:0!important
}
.headertextbox p {
	margin-bottom:0!important
}
.headerlinkbox {
	position:absolute;
	width:100px;
	max-width:100px;
	height:100px;
	max-height:100px;
	top:-15px;
	right:-15px;
	display:inline-block;
	transform:rotate(90deg)
}
.headerlinkbox p {
	margin:0!important;
	padding:0!important
}
.headerlinkbox a {
	color:#111;
	padding-left:70px;
	height:30px!important;
	display:inline-block;
	font-family:'Noto Serif', serif;
	font-size:20px;
	background:url(https://dev.matthewgandy.org/wp-content/uploads/headerlinkbg.png) no-repeat
}
.headerlinkbox a:hover {
	background-position:0 -50px
}
a.headerboxoverlay {
	width:calc(100% - 30px);
	height:calc(100% - 30px);
	position:absolute;
	top:15px;
	left:15px;
	z-index:1
}
a.headerboxoverlay:hover .headerlinkbox a {
	background-position:0 -50px
}
.bgmask {
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%
}
body.blogpage .nav-links {
	display:none
}
body.blogpage #primary, body.blogpage #secondary {
	position:relative;
	transition:all .5s ease
}
body.blogpage #content>.container {
	margin:0 auto;
	margin-top:100px;
	max-width:1180px
}
body.blogpage #primary {
	background:#fff
}
body.blogpage #primary #main {
	padding:15px
}
body.blogpage #primary #main h1 {
	padding-bottom:25px;
	border-bottom:#bfac03 1px solid;
	margin-bottom:50px
}
body.blogpage #secondary {
	max-width:calc(33.3333% - 15px);
	margin-left:15px
}
body.blogpage #secondary section {
	background:#fff;
	padding:15px 25px;
	margin:0
}
body.blogpage #secondary section:nth-last-of-type(1) {
	padding-bottom:40px
}
body.blogpage #secondary .search-field {
	border:#bfac03 1px solid
}
body.blogpage #secondary .search-field::placeholder {
color:#bfac03
}
body.blogpage #secondary h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:15px;
	margin-top:0;
	margin-bottom:8px
}
body.blogpage #secondary li.nav-item {
	line-height:.6;
	margin:0
}
body.blogpage #secondary li.nav-item a.nav-link {
	padding-left:0;
	padding-right:0
}
body.blogpage.blog .post-thumbnail {
	max-width:100%;
	margin:0;
	padding-bottom:20px;
	float:none
}
body.blogpage .byline, body.blogpage .comments-link {
	display:none
}
body.category .post-thumbnail {
	max-width:33%;
	margin-right:20px;
	margin-bottom:20px;
	float:left
}
.cat-post-item {
	margin:0!important;
	padding:0!important;
	border:none!important
}
.cat-post-current .cat-post-title {
	font-weight:normal!important;
	text-transform:none!important;
	color:#111
}
.tagcloud a {
	font-size:15px!important;
	display:block
}
body.liststyleblog #main article {
	border-bottom:#e2e2e2 1px solid;
	padding-bottom:10px;
	margin-bottom:30px
}
body.liststyleblog #main article .post-thumbnail {
	float:left;
	width:20%
}
body.liststyleblog #main article .excerptwrap {
	width:70%;
	float:left
}
body.liststyleblog #main article .excerptwrap h2 {
	margin-top:0;
	margin-bottom:0;
	border-bottom:none!important
}
body.liststyleblog #main article .excerptwrap iframe, body.liststyleblog #main article .excerptwrap video, body.liststyleblog #main article .excerptwrap img {
	display:none
}
body.projects article .entry-meta {
	display:none
}
.eael-filter-gallery-wrapper {
	margin-top:20px
}
.eael-gallery-grid-item:hover {
	cursor:pointer
}
.eael-filter-gallery-control {
	align-items: start !important;
	justify-content: left !important;
	width: calc(100% - 10px);
	border-bottom: #fff 1px solid;
	margin-bottom: 20px;
	margin-left: 5px;
}
.eael-filter-gallery-control li.control:hover {
	color:#cdc144 !important;
}
.eael-filter-gallery-control>ul li {
	padding:4px 15px;
	margin:4px -2px;
	border-bottom:rgba(255,255,255,0) 1px solid
}
#slideshow {
	background:rgba(0,0,0,.75);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	text-align:center
}
.slideimage {
	position:absolute;
	left:100vw;
	transition:all .5s;
	transition-timing-function:cubic-bezier(.5, 0, .1, 1)
}
.slideimage img {
	max-height:80vh;
	max-width:80vw
}
.slidearrow {
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 30px)
}
#prevarrow {
	left:0;
	background:url(https://dev.matthewgandy.org/wp-content/uploads/Icon_PrevSlide.png) no-repeat
}
#nextarrow {
	right:0;
	background:url(https://dev.matthewgandy.org/wp-content/uploads/Icon_NextSlide.png) no-repeat
}
#closeslideshow {
	width:50px;
	height:50px;
	position:absolute;
	top:3px;
	right:0;
	background:url(https://dev.matthewgandy.org/wp-content/uploads/Icon_CloseSlideshow.png) no-repeat
}
.fg-item-title {
	font-family:'Noto Serif', serif;
	font-weight:normal;
	font-size:18px;
	padding-bottom:1em;
	transition:.4s all ease!important
}
.fg-item-content p {
	color:#fff;
	font-family:'Noto Sans', sans-serif;
	transition:.4s all ease!important
}
.slidetitle {
	font-family:'Noto Serif', serif;
	position:absolute;
	bottom:calc(100% + 10px);
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:18px
}
.slidetext {
	font-family:'Noto Sans', sans-serif;
	position:absolute;
	top:calc(100% + 10px);
	left:0;
	width:100%;
	text-align:center;
	color:#fff
}
body.links #content ul {
	margin-top:1.5em;
	margin-bottom:1.5em
}
#customfooter {
	background:#000;
	width:100%;
	overflow:hidden!important;
	font-size:13px
}
#customfooter p {
	color:#ccc
}
#customfooter a {
	color:#bfac03;
	transition:all 0.2s ease;
	text-decoration:none
}
#customfooter a:hover {
	color:#fff
}
.footerpadding {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 30px 30px 30px
}
.socialicons img {
	margin:10px 0 0 0!important
}
.tooltipster-sidetip .tooltipster-box {
	background:#000!important;
	border:none!important;
	border-radius:20px!important;
	box-shadow:5px 5px 10px 0 rgba(0,0,0,.2)
}
.tooltipster-sidetip .tooltipster-content {
	color:#fff;
	padding:10px!important;
	text-align:center
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color:#000!important;
	left:0;
	top:3px!important
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color:#000!important;
	left:-3px;
	top:0!important
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color:#000!important;
	left:3px;
	top:0!important
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color:#000!important;
	left:0;
	top:-3px!important
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color:#000!important
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color:#000!important
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color:#000!important
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color:#000!important
}
.bgcaption {
	color:#fff;
	font-size:13px;
	font-style:italic;
	padding:6px
}
.post-thumbnail {
	position:relative
}
.featuredimagecaption {
	color:#fff;
	background:rgba(0,0,0,.5);
	padding:5px 10px 5px 10px;
	font-style:italic;
	font-size:12px;
	display:inline-block;
	bottom:0;
	right:0
}
.gold {
	color:#bfac03
}
.grey {
	color:#999
}
.white, .white p {
	color:#fff
}
.white a:hover {
	color:#fff
}
.clear {
	clear:both
}
a.linkmore {
	color:#bfac03;
	transition:all 0.2s ease
}
a.linkmore:hover {
	color:#000
}
a.linkmore::before {
	content:"►";
	display:inline-block
}
body.elementor-editor-active {
	background:#eee
}
body.elementor-editor-active section {
	margin-top:50px!important;
	top:0!important
}