/*

Theme Name: MLAP Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/************ TYPOGRAPHY ************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');


body {
	font-family: "Hind",sans-serif!important;
	font-weight: 300!important;
}

strong {
	font-weight:600;
}

h1, h2, h3, h4, h5, h6, .h4, .h5, .h6 {
	margin-top: 0;
	font-family: "Montserrat",sans-serif!important;
	font-weight: 500!important;
	letter-spacing: 0.08em!important;
}
h1 {
	font-size:160%;
	font-weight: 700!important;
}
h2 {
	font-size: 120%;
	font-weight:700!important;
}
h3 {
	font-size:110%;
}
h4 {
	font-size: 100%;
	color:#000000!important;
}
.x-sidebar h4 {color: #86b985 !important}
h5 {
	font-size: 90%;
	font-weight: 600!important;
	margin-bottom:3px;
}
h6 {
	font-size:80%;
	color:#9A3367!important;
	margin-top:15px!important;
	font-weight:800!important;

}
a:focus {
	outline: 0px!important;
}
.intro-text {
	font-size:130%; 
}

.small-text {
	font-size:80%; 
}
.tiny {
	font-size:50%; 
}

.centered-heading {
	text-align:center;
	margin-bottom:20px;
}
blockquote {
	color: #888!important;
	font-size:145%;
	font-family: "Ovo",serif;
	border: none;
	background-color:rgba(167, 146, 156, 0.08) ;
	line-height: 1.7;
	padding:50px;
}
blockquote span {
	font-size:70%;
	display:block;
	font-style: italic;
	font-family: "Hind",sans-serif;
	line-height: 1.6;
}
blockquote p {
	margin:0;
}

.large-quote {
	font-size: 250%; 
	color: #ADADAD; 
	text-align: center;
	font-family: "Ovo",serif;
}
.large-quote .source {
	font-size:45%;
	display:block;
	font-style: italic;
	font-family: "Hind",sans-serif;
}
.source:before {
	content:"— ";
}

.overlay-text {
	color: #ffffff;
	font-size: 4vw;
}

hr {
background-image: linear-gradient(to right, #86b985 25%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 8px 2px;
  background-repeat: repeat-x;
  height:8px;
  border:none!important;
}

.x-clear, .x-gap {
	background-image: none;
	height: 0;
} 


.entry-title {
	font-size: 120%; 
	line-height: 1.2;

}
i.x-framework-icon.x-entry-title-icon::before {
	display: none;
}

.white {
	color:#ffffff!important;
}

/************ IMAGE STYLES ************/

a img:hover {
	opacity:0.8;
	outline:1px solid;
	outline-color: #ffffff;
	outline-offest: 10px; 
}

.wp-caption {
	padding:0px;
	border: 1px solid #e5e5e5;
}
.img-50 {
		width: 50%;
	}


/************ BUTTONS ************/



.x-btn, .button, .wp-block-button__link, [type="submit"] {
	text-shadow:none!important;
	padding: 0.563em 1.125em 0.57em!important; 
	margin:10px 0;
	text-transform:uppercase;
	border:none;
	font-family:"Montserrat",sans-serif!important;
	letter-spacing: 0.2em;
	font-weight: 700;
	border-radius: 3px;
}
.wp-block-button__link {
	font-size: 80%;
}


.x-btn.x-btn-small {
	padding:0.629em 1.143em;
	font-size:11px;
}
.page-left-btn {
	margin-right: 25px;
}
.x-btn.x-btn-transparent, [type="submit"] {
	background:transparent!important;
    border:1px solid #86b985!important;
	color: #86b985!important;
}
.x-btn.x-btn-transparent:hover, [type="submit"]:hover{
	background: rgba(134, 185, 133, 0.2)!important;
}

.wp-block-button__link {
	background:transparent!important;
    border:1px solid #86b985!important;
	color: #86b985!important;
}

.wp-block-button__link:hover {
	color:#ffffff!important;
	background-color: #rgba(134, 185, 133, 0.2)!important;
}

.gray-btn {
	background:transparent!important;
    border:1px solid #63625d!important;
	color: #63625d!important;
}
.gray-btn:hover{
	background: rgba(0, 0, 0, 0.1)!important;
}
.light-btn {
	background:transparent!important;
    border:1px solid #ffffff!important;
	color: #ffffff!important;
}

/************ ALERTS  ************/

.x-alert, .x-alert-warning, .wpcf7-response-output, .buddypress #message, .bbp-template-notice {
	background-color:rgba(233, 165, 13, 0.2);
	border-color:rgba(233, 165, 13, 1);
	color:rgba(233, 165, 13, 1);
}
.x-alert-info, .buddypress #message.info, .bbp-template-notice.info {
	background-color:rgba(1, 184, 205, 0.2);
	border-color:rgba(1, 184, 205, 1);
	color:rgba(1, 184, 205, 1);
}
.x-alert-success, .wpcf7-mail-sent-ok, .buddypress #message.updated, .bbp-template-notice.updated {
	background-color:rgba(132, 185, 132, 0.2);
	border-color:rgba(132, 185, 132, 1);
	color:rgba(132, 185, 132, 1);

}
.x-alert-danger, .buddypress #message.error, .bbp-template-notice.error {
	background-color:rgba(185, 74, 72, 0.2);
	border-color:rgba(185, 74, 72, 1);
	color:rgba(185, 74, 72, 1);	
}
.x-alert-muted {
	background-color:rgba(194, 183, 154, 0.2);
	border-color:rgba(194, 183, 154, 1);
	color:rgba(194, 183, 154, 1);		
}

/************ HEADER STYLES ************/

.x-brand {
    margin: 30px auto;
    width: 70%;
} 

.x-brand:hover {
	opacity: 0.8;
}

.site, .x-navbar, .x-breadcrumb-wrap {
	background-color: transparent;
}

.x-navbar {
	font-family: "Montserrat",sans-serif!important;
	  font-weight: 700;
}

.x-navbar-fixed-left {
border-right: 1px solid #9A3367;
box-shadow: none;
background: url("/wp-content/uploads/2016/03/mlap-light-bg-1.png") repeat fixed center top hsla(0, 0%, 100%, 0) ;
margin-top:34px;
}
.x-navbar .desktop .x-nav > li > a > span {
	border: none;
	border-radius: none!important;
	padding:none!important;
}

.x-navbar .desktop .x-nav > li > a {
	font-family: "Montserrat",sans-serif!important;
	padding:3px 0!important;
	-webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
	-moz-transition: background 0.3s ease-in, color 0.3s ease-in;
	-ms-transition: background 0.3s ease-in, color 0.3s ease-in;
	-o-transition: background 0.3s ease-in, color 0.3s ease-in;
	transition: background 0.3s ease-in, color 0.3s ease-in;
}

.x-navbar .desktop .x-nav > li > a:hover {
	background-color: rgba(167, 146, 156,0.2);
	/*box-shadow: inset 0px 0px 5px rgba(194,183,154,0.2);*/
}

.x-navbar .desktop .x-nav li>a>span:after {
	display: none;
}

.x-navbar .x-nav-wrap .x-nav .sub-menu > li > a
{
	font-family: "Montserrat",sans-serif!important;
	font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;

}

.sidebar-social {
	background:none;
    bottom: 20px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.sidebar-social  .x-social-global a {
	font-size:26px;
	margin:0 2.25%;
}

.donate {
	bottom: 0px; 
	width: 80%; 
	position: relative; 
	margin: 20px auto 30px!important;"
}

	.donate-mobile {
		display:none;
	}


.x-topbar {
	background-color: #ffffff;
	color:#656565;
	font-family: "Montserrat",sans-serif;
	position: fixed;
	width:100%;
	z-index:1033;
	border-bottom: none;
	left:0;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}

.x-topbar-inner {
	float:left;
}

.x-topbar .p-info {
	margin-left: 4%;
	font-size:60%;
	line-height:1.9;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin-top:10px;	
}

.x-topbar .p-info .textwidget {
	font-size: 100%;
}

.x-btn-widgetbar {
	background-color: rgb(233, 165, 13);
	border:none;
	color:#ffffff;
	padding:10px 21px;
	min-height:34px;
	text-transform: uppercase;
	width: 236px;
	text-align:;
	letter-spacing: 0.5px;
}

.x-btn-widgetbar i {
	position: relative;
	right:auto;
	top:auto;
}
.x-btn-widgetbar span {
    display: inline-block;
    margin-right: 10px;	
    margin-left:10px;
    font-weight: 600;
}

.x-btn-widgetbar:hover {
	background-color: rgb(221, 188, 116);
}

.x-widgetbar {
	top:34px!important;
}


/************ FOOTER  ************/

footer {
	background: linear-gradient(rgba(167, 146, 156, 0.08), rgba(167, 146, 156, 0.08)), url('https://michlegacyartpark.org/wp-content/uploads/2016/03/mlap-light-bg-1.png');
}
.widget ul, .widget ol {

}

.textwidget ul {
	margin: 0 0 1.313em 0em!important;
	list-style: outside none none!important;
}

.textwidget ul li {
	line-height: 1.5!important;
	margin-bottom: 15px;
}

.widget ul li, .widget ol li {
	text-transform: none;
	font-size: 75%;
	line-height:1.5;
	border-bottom: none;
}

.widget_categories ul, .widget_product_categories ul, .widget_nav_menu ul, .widget_pages ul {
	border-bottom:none;
}

.widget ul li:first-child, .widget ol li:first-child, .widget_categories ul > li, .widget_product_categories ul > li, .widget_nav_menu ul > li, .widget_pages ul > li {
	border-top:none;
}

.widget_categories ul > li a, .widget_product_categories ul > li a, .widget_nav_menu ul > li a, .widget_pages ul > li a {
	margin: 0.65em 0 0 21px;
}

.widget_nav_menu .current-menu-item > a::after {
	font-size: 60%;
	vertical-align: 16%;
}
.widget_nav_menu .x-framework-icon {
	display:none;
}

.x-colophon.top {
	background-color:rgba(167, 146, 156, 0.08); 
	border-top: none;
}

.x-colophon.bottom {
	background: url('https://michlegacyartpark.org/wp-content/uploads/2016/03/mlap-light-bg-1.png');
    border-top: medium none;
    font-family: "Montserrat",sans-serif;
    font-size: 60%;
    letter-spacing: 0.1em;
    padding: 0px 4%;
    text-align: left;
    text-transform: uppercase;
}

 .x-colophon.top .widget_nav_menu {
 	    overflow-y: hidden;
 }

 .x-colophon.bottom .widgettitle {
 	display: none;
 }

 #bottom-left {
 	float:left;
 	padding: 10px 0px;
 	max-width: 50%;
 }

  #bottom-right {
 	float:right;
  	padding: 10px 0px;	
 	max-width: 50%;  	
 }

 .supporters {
 	text-align: center;
 }

  .supporters img {
  	margin:0 10px;
  }

/************ SIDEBAR  ************/

.h-widget {
	font-size:80%;
	color:rgb(233, 165, 13)!important;
}

.h-widget h6 {
	margin-top:15px;
}

.x-sidebar {
	margin-top:34px;
	overflow-y: scroll;
}

.x-sidebar .max.width {
	padding-top:40px;
}

.x-sidebar .widget {
	margin-top:35px;
}

.textwidget {
	font-size: 75%;
	line-height: 1.5;
}

.x-sidebar .widget:last-child {
	margin-bottom: 100px;
}

.textwidget a img:hover {
	opacity: 0.5;
}


.x-sidebar .widget ul li a, .x-sidebar .widget ol li a {
	color: #7e7e7e;
}

.x-sidebar .widget ul li a:hover, .x-sidebar .widget ol li a:hover {
	color: rgb(233, 165, 13) !important;
}

/************ PAGE STYLES ************/

.x-main {
	top:34px;
}
.hentry .entry-wrap, .search-results .x-container > .product .entry-wrap {
	padding:0px;
	border-top:none;
	padding-bottom: 30px;
}

.single .hentry .entry-wrap {
	padding-bottom:30px;
}

.entry-featured {
	border: none;
	margin-top:0px;
	padding: 0px;
}

a.entry-thumb:hover {
	outline:1px solid;
	outline-offset: -10px;
	outline-color:#ffffff;
}

a.entry-thumb:hover img {
	opacity: 0.7!important;
}

.entry-header {
	margin-top:50px;
}

.page .entry-title {
	text-align: left;
	padding:0px;
	width: 100%;
}

.page .entry-title.fixed-title {
	font-size: 7vw;
	color:#ffffff!important;
	position: absolute;
	z-index: 999;
	text-align: left;
	padding: 20px 20px;
	width: 100%;
}

.page .entry-title.fixed-title .smaller-heading {
	font-size:5vw;
}

.page #comments {
	display: none;
}

.h-comments-title, #reply-title {
	font-size: 120%;
}

.x-comments-area {
	padding:0 10%;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label {
	font-size: 100%;
	text-transform: uppercase;
}

.x-breadcrumb-wrap {
	margin-top:30px;
	border-bottom:0px;
}

.narrow {
	width:60%; 
	margin: 0 auto;
}

.boxed {
	border: 1px solid #e5e5e5; 
	padding:30px; 
	margin:30px auto; 
}

.orange-bg {
	background-color:rgba(167, 146, 156, 0.08)!important;
}

/************ BLOG & POSTS STYLES ************/

.x-recent-posts a {
	border:none;
}

.x-recent-posts .x-recent-posts-content {
	border:none;
}

.x-recent-posts .h-recent-posts {
	font-size:13px;
}
.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
	opacity:0.8;
}
 


/************ HOME PAGE STYLES ************/

.home-splash {
	font-family:"Montserrat",sans-serif;
	color:#ffffff;

	letter-spacing: 0.5vw; 
	text-transform: uppercase;
	padding:15px; 
}
.home-splash p {
	margin-bottom: 10px;
	line-height: 0.9; 
	font-weight: 800; 
	font-size: 11vw; 
}
.home-splash p.small {
	font-size:4.5vw;
	margin-left:6%;
	/*border-bottom: 2px solid;
	border-top:2px solid;
	border-color: #ffffff;*/
	display: inline-block;
	font-family: "Ovo",serif;
	font-weight: bold;
	margin-bottom: 0;
}
.home-splash p span {
	font-size:10vw;
	letter-spacing: 0;
	font-family:"Ovo",serif;
	vertical-align: 5%;
}
.home-splash .x-container {
	padding:35px;
	border:1px solid #ffffff;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 78%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ /* IE6-9 */
}

.splash-btn {
	display: inline;
	background: #ffffff;
	}


/* Featured Grid Table Styles */

.featured-grid {
    border-spacing: 2vw;
    color: #7d7b75;
    display: table;
    width: 100%;
}
.featured-grid .box {
	background-color: rgba(167, 146, 156, 0.08);
    display: table-cell;
    line-height: 1.5;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 33.33%;
    min-height: 400px;
}
.box9, .box8 {
	background-color:transparent!important;
	border: none; 
	padding:30px; 
	margin:30px auto; 
}
.featured-grid .box.two-up { 
    width: 50%;
}
.featured-grid img {
    margin-bottom: 0;
    width: 100%;
}
.featured-box-content {
    margin-bottom: 35px;
    padding: 2% 11%;
}
.featured-grid .source {
    font-size: 1vw;
}
.featured-grid .source::before {
    content: "- ";
}
.featured-btn {
    border: medium none;
    bottom: 0;
    margin: 0;
    padding: 16px;
    position: absolute;
    width: 100%;
}
.featured-btn:hover {
    background: #99e0d5 none repeat scroll 0 0 !important;
}

/* Illustration Portfolio Styles */

.illustration-portfolio {
	padding:40px!important;
}
.illustration-portfolio .x-column {
	margin-right:1%;
}
.illustration-portfolio .x-column.one-fourth {
	width:24.2%;
}
.illustration-portfolio .x-column.one-third {
	width: 32.66%;
}

/************ LANDING PAGE STYLES ************/

.landing-img {
	margin-left: auto;
	margin-right: auto;
	width:150px;
}



/************ FIX EXTRA SCROLLBAR ON NO-FOOTER PAGE TEMPLATE ************/
div#top {
    overflow: hidden;
}


/************ GIVE FORM PLUGIN STYLES ************/

.give-form-title {
	display: none;
}
.give-label-bold {
	font-weight: 600;
}
[id*=give-form] .fl-form label.fl-label {
	font-weight: 100;
}
#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
	text-transform: uppercase;
	font-size: 100%; 
	border-bottom: none;
	margin: 2px 0 3px;
}
[id*=give_secure_site_wrapper] span.padlock {
	color: green;
}
[id*=give-form] fieldset {
	margin: 0 0 20px;
}
form[id*=give-form] #give-ffm-section {
	margin: 0 -1.5% 20px;
}

.give-btn {
	text-shadow:none!important;
	padding: 0.563em 1.125em 0.57em!important; 
	margin:10px 0;
	text-transform:uppercase;
	font-family:"Montserrat",sans-serif!important;
	font-weight: 700;
	letter-spacing: 0.2em;
	background:transparent!important;
    border:1px solid #86b985!important;
	color: #86b985!important;
	font-size: 80%;
	border-radius: 0px!important;
}
.give-btn:hover {
	background: rgba(134, 185, 133, 0.2)!important;
}

/************ MAILCHIMP EMBED STYLES ************/
#mc_embed_signup {
	clear: left;
	width: 100%;
}
input#mce-EMAIL {
	width:100%;
}
.mc-field-group label {
	font-size: 80%;
}

/************ MEDIA QUERIES ************/


@media (max-width: 1200px) {

	.page .entry-title.fixed-title .smaller-heading {
		font-size:6vw;
	}
	 #bottom-left {
 	float:none;
 	padding: 10px 0px;
 	display: block;
 	text-align: center;
 	max-width: 100%;
 }

  #bottom-right {
 	float:none;
  	padding: 10px 0px;	
   	display: block;	
   	 text-align: center;
   	 max-width: 100%;
 }

 	.x-sidebar .max.width {
 		right:auto!important;
 	}

}	

@media (max-width: 979px) {


	.x-brand {
	    margin: 20px auto;
	    width: 15%;
	} 

	.admin-bar .x-btn-widgetbar {
		top:0!important;
	}

	.x-navbar {
		padding-top:27px;
	}

	.x-main {
		top:0;
	}

	.sidebar-social {
		display: none;
	} 

	.x-navbar-fixed-left {
		margin-top:0px;
	}

	.featured-grid .box {
			display: block;
			width: 80vw;
			margin: 0 auto 30px;
			font-size:3vw;
		}
	.featured-box-content {
		padding: 2% 11% 10%;
	}
	.page .entry-title.fixed-title .smaller-heading {
		font-size:8vw; 
	}
	.x-colophon.bottom {
		margin-bottom:50px;
	}	
	.donate-mobile {
		width: 100%; 
		position: fixed; 
		bottom: 0px; 
		margin:0;
		display:block; 
		z-index: 9999999;
	}
	.narrow {
	width:90%; 
	margin: 0 auto;
	}
	.img-50 {
		width: 100%;
	} 	

}

@media (max-width: 767px) {

	.x-topbar {
		display: none;
	}

	.x-navbar {
		padding-top:0px;
	}
	.x-btn-navbar {
		margin-top:7%!important; 
	}
	.home-splash p {
		margin-bottom: 5px;
	}
	.splash-btn {
		display: none!important; 
	}



}

@media (max-width: 767px) {
	.x-btn-navbar {
		margin-top: 35px;
	}
}

@media (max-height: 669px) {
	.donate {
		margin: 0px auto 20px!important;
		font-size: 70%!important;
	}

@media (max-height: 638px) {
 	.sidebar-social {
 		bottom:0px;
 	}
 	.donate {
	/* 		display: none; */
	margin-bottom:10px!important;
	}
	.x-social-global {
	/* 			display: none; */
	}
	.x-btn-navbar {
	margin-top:8%!important;
	}
	.x-navbar .desktop .x-nav > li > a > span {
		padding: 7px;
	}


}