/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
h1, h2,h3,h4,h5,h6 {
	color: #6F7271;
	font-family: 'Josefin Sans', 'Proxima Nova';
}

h1 {
	color: #000;
	font-weight: 300 !important;
}

h2 {
	color: #57b6b2;
}

h3 {
	font-weight: 300;
}

h4 {
	font-weight: 400;
}

h5 {
	color: #57b6b2;
}

.home .has-2-columns {
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	margin-bottom: 0;
}

.home .has-2-columns .wp-block-column {
	flex-basis: 50%;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
	padding: 60px 0px;
}

.home .has-2-columns .wp-block-column > * {
	position: relative;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}

.home .has-2-columns .wp-block-column > p {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.home .has-2-columns .wp-block-column .wp-block-image {
	margin: 0 !important;
	background: #000;
	position: absolute;
	left: 0; bottom: 0;
	top: 0; right: 0;
	padding: 0;
	z-index: 0;
}

.home .has-2-columns .wp-block-column figure.wp-block-image img,
.home .has-2-columns .wp-block-column .wp-block-image figure {
	opacity: 0.65;
	height: 100%;
	width: 100%;
	max-width: none;
	/*transform: translateX(-30%)*/
}


.home .has-2-columns .wp-block-column .wp-block-image figure img {
height: 100%;
    width: auto;
	height: auto;
	max-width: none;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
}

.home .has-2-columns .wp-block-column > .wp-block-button {
	margin-bottom: 0;
}

.wp-block-gallery .blocks-gallery-item figure {
	align-items: flex-start;
}

.wp-block-button__link {
background-color: #007682;	
}

.wp-block-button__link:hover {
background-color: #32373c;	
}

.site-footer {
	background: #D0CFCD;
}

#content {
	overflow-x: hidden;
}

.overlay, .portfolio-grid .hentry .entry-header a:before {
	background: #6F7271;
}

#page .contact-form textarea,
#page .contact-form input[type=text],
#page .contact-form input[type=email],
#page .contact-form input[type=tel] {
	width: 100%;
}

button[type='submit'],
input[type='submit'] {
	appearance: none;
	background: rgba(0,0,0,.05);
	padding: 4px 16px;
	border-radius: 35px;
	border: 2px solid transparent;
}

#masthead {
	background: #fff;
	position: absolute;
}

#masthead a {
	color: #6c6e6e;
}

.wp-block-media-text {
	margin-top: 50px;
	margin-bottom: 40px;
}


.has-background-cover .overlay {
	opacity: 0.45;
}

.entry-content li {
        position: relative;
        list-style-type: none;
    }

.entry-content li:before {
        content: "";
        position: absolute;
        top: 8px;
        left: -16px;
        width: 8px;
        height: 15px;
        background: url('https://moagglass.com/wp-content/uploads/2019/06/bullet.png') no-repeat ;
			background-size: 100%;
    }

.main-navigation ul ul {
	top: 100% !important;
	left: 0 !important;
}

.main-navigation ul ul ul {
	left: 100% !important;
	top: 0 !important;
}

.main-navigation ul ul li a {
	color: #fff !important;
}

@media only screen and (min-width: 768px) {
	.wp-block-gallery {
		width: 126%;
		margin-left: -13%;
	}
}

@media only screen and (min-width: 960px) {
	.wp-block-gallery {
		width: 150%;
		margin-left: -25%;
	}
}

@media only screen and (max-width: 768px) {
	.home .wp-block-columns {
		flex-wrap: wrap;
	}
	
	.home .has-2-columns .wp-block-column {
		flex-basis: 100%;
	}
}