/*
 Theme Name:   Organic Purpose Child
 Theme URI:    https://MainStreetSkowhegan.org
 Description:  Child theme for Purpose by Organic Themes
 Author:       Main Street Skowhegan
 Author URI:   https://mainstreetskowhegan.org
 Template:     organic-purpose
 Version:      1.0.0
*/

/* Import parent styles */
@import url("../organic-purpose/style.css");

/* Your custom CSS goes below */
img.alignnone {
	margin: 0px 0px !important;
}
.sitelink-active {
	color: #fff;
}
.top-bar-container {
	width: 100%;
	display: inline-block;
}
.sitelink-row {
	width:100%;
	background-color:#666;
	position:relative;
	z-index:100;
	top:0px;
}

.menu li li a, .menu li li a:link, .menu li li a:visited {
	padding: 15px 5px !important;
	line-height: 25px !important;
}

ul#menu-skowhegan-sites li a:focus,
ul#menu-skowhegan-sites li a:hover,
ul#menu-skowhegan-sites li a:active,
ul#menu-skowhegan-sites li a:link,
ul#menu-skowhegan-sites li a:visited{
	border-bottom: 0px;
	outline: 0;
}

/* Flex Container for Menu */
#menu-skowhegan-sites {
  display: flex;
  justify-content: flex-start; 
  margin: 0;
  padding: 0;
  list-style: none;
	gap: 0;
	font-size: 0;
	column-gap: 0;
}

/* Menu Items */
#menu-skowhegan-sites li {
  display: flex;
  align-items: center;
  margin: 0; 
  padding: 0;
	flex: 0 0 auto;
}

/* Links */
#menu-skowhegan-sites li a {
  display: flex;
  align-items: center;
  padding: 8px 12px; 
  text-decoration: none;
	font-size:12px;
  color: #fff;
  white-space: nowrap;
	transition: background-color 0.3s ease;
}

/* Icon before link text */
#menu-skowhegan-sites li a::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


#menu-skowhegan-sites li:nth-child(2) {
  margin-right: -24px; 
}
#menu-skowhegan-sites li:nth-child(1) {
  margin-right: -24px; 
}
#menu-skowhegan-sites li:nth-child(3) {
  margin-left: 38px; 
}

#menu-skowhegan-sites li:nth-child(3) a::before {
  background-image: url('/wp-content/uploads/2026/01/iocn-RiverPark.png');
}

#menu-skowhegan-sites li:nth-child(1) a::before {
  background-image: url('https://mainstreetskowhegan.org/wp-content/uploads/2025/09/icon-SO.png');
}

#menu-skowhegan-sites li:nth-child(2) a::before {
  background-image: url('https://mainstreetskowhegan.org/wp-content/uploads/2025/09/icon-SCE-sm.png');
}



/* Hover colors */
#menu-skowhegan-sites li:nth-child(2) a:hover {
  background-color: #f37b38;
}
#menu-skowhegan-sites li:nth-child(1) a:hover {
  background-color: #136944;
}
#menu-skowhegan-sites li:nth-child(3) a:hover {
  background-color: #0A3343;
}

#menu-skowhegan-sites li:hover {
    text-decoration: none;
    border-bottom: 0 !important;
    color: #fff;
}


#header.header-small ul#menu-skowhegan-sites li a {
	color: #fff !important;
}

/*#header.text-dark .menu a, #header.text-dark .menu a:link {
		color: #fff;
}*/
.top-bar-container ul li a, #menu-skowhegan-sites.text-dark .menu a:link, #menu-skowhegan-sites.text-dark .menu a:visited {
	color: #fff !important;
}


/* Mobile styling */

 @media screen and (max-width: 1324px){
	 	#menu-skowhegan-sites li a {
color: #fff !important;
			min-height: 38px;
}
}
 @media screen and (max-width: 900px){
	 #menu-skowhegan-sites {
    flex-wrap: wrap; 
  }
	 #menu-skowhegan-sites li {
    flex: 1 1 33%;
    min-width: 0;   
  }

  #menu-skowhegan-sites li a {
    white-space: normal; 
		font-size: 10px;
		line-height: 11px !important;
  }

  #menu-skowhegan-sites li {
    margin-right: 0; 
  }
	   #menu-skowhegan-sites li:nth-child(3) {
    margin-left: 0px; 
  }
}

@media screen and (max-width: 500px) {
  #menu-skowhegan-sites li a {
    padding: 4px 6px;
    font-size: 10px;
  }
}


/* BLOG STYLES */
.post-template-default .full-width .headline {
    text-align: left;
    font-size: 36px;
    margin: 24px 0px 0px 0px;
    padding: 0px;
}

blockquote p {
	font-size: 22px;
}


.format-standard .headline.small {
	font-size: 1.4em;
}

.format-standard .has-post-thumbnail a {
	float: left;
  max-width: 350px;
	margin-right:15px
}

.blog .format-standard .has-post-thumbnail .article h1:first-child + p, .blog .article > p:first-child {
    color: #000000;
    font-size: 1.0em;
    font-weight: 500;
    line-height: 1.5;
    margin-block-start: 0em;
}

.article > p:first-child {
	font-size: 0.9em;
    padding: 0px;
    margin: 24px 0px;
	color: #666 !important;
}

.blog-holder .post-meta {
    clear: both;
}
table tbody tr:nth-child(odd) {
    background: #fff !important;
}
.no-hero {
	display: block;
	margin-top:200px;
}

	.blog-headline {
		text-align: left;
		font-size: 1.5em !important;
	}
 .blog-holder .feature-img {
    float: left;
    max-width: 350px;
    margin-right: 15px;
}
.author .blog-holder .post-meta .align-left, .category .blog-holder .post-meta .align-left {
		float: left!important;	
	}
		.author .blog-holder .post-meta .align-right, .category .blog-holder .post-meta .align-right {
		float: right!important;	
	}

.author .align-right, .blog .align-right {
	float:right !important;
}
.author .align-left, .blog .align-left {
	float:left !important;
}

.custom-html-widget img {
	min-width: 100%;
	max-width: 489px;
}

.byline {
	font-style: italic;
	font-size: 13px;
}
.byline a:hover {
	text-decoration: none !important;
	color: #f47937;
}

.author-footer {
	font-size: 13px;
	font-style: italic;
	text-align: left;
	color: #999;
	padding-top:35px;
	border-top: 1px solid #999;
}
.author-footer img {
	float: left;
	margin-right: 15px;
	max-width:100px;
	margin-bottom:45px;
}
.sidebar img {
    max-width: 100%;
    height: auto;
}
.monsterinsights-widget-popular-posts.monsterinsights-popular-posts-styled.monsterinsights-widget-popular-posts-columns-1 .monsterinsights-widget-popular-posts-list li {
	width: 85% !important;
}

.breadcrumbs {
	font-size: 11px;
	padding-bottom:20px;
}
.breadcrumbs a {
	font-style: italic;
}


.home-quote::before {
  content: "“"; /* The actual quotation mark character */
  font-size: 5em; /* Adjust for desired size */
  font-family: Georgia, serif; /* Choose a font that renders the quote well */
  color: #ccc; /* Or any other color you prefer */
  position: absolute;
  left: 0;
  top: 0; /* Adjust vertical positioning if needed */
  line-height: 1; /* Helps control vertical alignment */
}
@media screen and (max-width: 500px){
	.no-hero {
	margin-top:100px;
}
	.blog-holder .feature-img {
    max-width: 550px;
    margin-bottom: 15px;
}
	.blog .format-standard .has-post-thumbnail a, .category .format-standard .has-post-thumbnail a {
		max-width: 550px;
    margin-bottom: 15px;
	}
	.blog-holder .format-standard .has-post-thumbnail a {
		max-width: 550px;
    margin-bottom: 15px;
	}
	.blog-holder .post-meta .align-left {
		float: left;
	}
	.blog .format-standard .has-post-thumbnail a {
    float: none;
		min-width:100%;
}
	.blog .align-right {
	float:none !important;
}
.blog .align-left {
	float:none !important;
}
	.author-footer img {
		max-width: 50%;
	}

}

.error404 .content {
	margin:250px auto 0px;
}