/*
Theme Name: SuperMag Child
Theme URI: https://www.acmethemes.com/themes/supermag/
Template: supermag
Author: acmethemes
Author URI: https://www.acmethemes.com/
Description: Acme Themes ( https://www.acmethemes.com ) proudly presents SuperMag, an Ultimate Theme for Magazine. SuperMag is specially designed for news, magazine and blog, suitable for any magazine-style site. SuperMag is also advertisement ready theme, Advertisement can be added from customizer and widgets. SuperMag is a highly customizable theme. You can customize header, footer, sidebar, main homepage and inner sections. The whole site colour can be changed with a single click. SuperMag is a widgetized theme, with advanced widgets you can design your site yourself. Its unique feature includes drag/drop/reorder widgetized area, advanced custom widgets, advanced layout options, breaking news options, featured images options for blog/category/archive pages and single page/post, social media integration, advertisement ready, breadcrumb, WooCommerce and Page Builder Ready and more. Design your site without touching code. You can check our demo here http://www.acmethemes.com/demo/?theme=supermag
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-menu,custom-logo,editor-style,footer-widgets,featured-images,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,news,e-commerce
Version: 3.1.3.1750257166
Updated: 2025-06-18 10:32:46

*/


/* .right-column-alignment .sm-col-post-type-2-beside :last-of-type {
	margin-bottom: 20px;
} */




.category h2.entry-title {
	text-decoration: underline;
	font-size: 16px !important;
}

.category h4.title, .category h4.entry-title {
	font-size: 16px !important;
}

.left-column-alignment .featured-desc, .right-column-alignment .featured-desc, .left-column-alignment .no-news {
	padding-left: 11px;
}

.sm-col-post-type-2 .featured-desc {
	padding-left: 0;
}

.right-column-alignment h4.title, .featured-desc a p.title {
	margin: 5px 0 2px !important;
/* 	line-height: 1.5 !important;  */
}

/* hide hamburger menu */
.slicknav_menu {
	display: none;
}

/* remove default height which would cause a small gap at the bottom of the navbar */
.header-main-menu {
	height: 0;
}

/* calendar date, slightly darker shade of grey for accessibility */
.above-entry-meta a {
	color: #757575 !important;
}

/* Add margin to the home icon for smaller devices/widths */
@media screen and (max-width: 586px) {
	.header-main-menu .home-icon {
		margin-left: 5px;
	}
}

@media screen and (min-width: 586px) and (max-width: 675px) {
	.wrapper {
		width: 85% !important;
	}
}

@media screen and (min-width: 676px) and (max-width: 830px) {
	.wrapper {
		width: 75% !important;
	}
}

@media screen and (min-width: 831px) and (max-width: 1229px) {
	.wrapper {
		width: 96% !important;
	}
}

@media screen and (min-width: 831px) and (max-width: 992px) {
	
	h4 {
		font-size: 16px;
	}
	
/* 	.featured-entries-col .widget-image{
		width: 40%;
	} */
	
/* 	.widget-image img {
		width: 100px !important;
		height: auto !important;
	}
	 */
	
	.above-entry-meta a {
		font-size: 10px;
		margin-right: 0;
		line-height: 2px;
	}
	
	.above-entry-meta>span {
		margin-right: 0 !important;
	}
	
	.featured-entries-col .widget-image {
		margin: 0 6px 0 0 !important;
	}
	
	/* image width smaller on smaller screen size */
	.supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside figure {
		width: 135px;
	}
	
	/* show the date in nav bar */
	.header-wrapper .header-main-menu .menu{
		display: block;
	}
	
}

/* show date and hide hamburger menu for mobile */
@media screen and (min-width: 150px) and (max-width: 830px) {
	/* */
	.cat-links {
		margin-right: 0;
	}
	
	/* show the date on mobile */
	.header-wrapper .header-main-menu .menu{
		display: block;
	}
	
	/* hide hamburger menu */
/* 	.slicknav_menu {
		display: none;
	} */
	
	/* removes padding that is to the right of the search mangnifying glass, that is there for when the hamburger menu shows on
	 non mobile */
	.header-main-menu {
		padding-right: 0;
	}
}


/* Increase width of website header to 100% */
.boxed-layout #page {
	width: 100% !important;
}

#primary {
	width: 100% !important;
}

/* different hover color in the footer for more contrast */
.footer-wrapper a:hover {
	color: #43B02A !important;
}

.above-entry-meta, .above-entry-meta span:hover{
	color: #747474 !important;
}

a:hover, .screen-reader-text:focus, .bn-content a:hover, .socials a:hover, .search-block input#menu-search, .widget_search input#s, .search-block #searchsubmit, .widget_search #searchsubmit, .footer-sidebar .featured-desc .above-entry-meta a:hover, .slider-section .slide-title:hover, .besides-slider .post-title a:hover, .slider-feature-wrap a:hover, .slider-section .bx-controls-direction a, .besides-slider .beside-post:hover .beside-caption, .besides-slider .beside-post:hover .beside-caption a:hover, .posted-on a:hover, .cat-links a:hover, .comments-link a:hover, .edit-link a:hover, .tags-links a:hover, .byline a:hover, .nav-links a:hover, #supermag-breadcrumbs a:hover, .wpcf7-form input.wpcf7-submit, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	color: #007b20 !important;
}

mark, .comment-form .form-submit input, .read-more, .bn-title, .home-icon.front_page_on, .header-wrapper .menu li:hover > a, .header-wrapper .menu > li.current-menu-item a, .header-wrapper .menu > li.current-menu-parent a, .header-wrapper .menu > li.current_page_parent a, .header-wrapper .menu > li.current_page_ancestor a, .header-wrapper .menu > li.current-menu-item > a:before, .header-wrapper .menu > li.current-menu-parent > a:before, .header-wrapper .menu > li.current_page_parent > a:before, .header-wrapper .menu > li.current_page_ancestor > a:before, .header-wrapper .main-navigation ul ul.sub-menu li:hover > a, .header-wrapper .main-navigation ul ul.children li:hover > a, .slider-section .cat-links a, .featured-desc .below-entry-meta .cat-links a, #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a, .wpcf7-form input.wpcf7-submit:hover, .breadcrumb {
	background: #007b20 !important;
}

.entry-content a {
	color: #007b20 !important;
}


.header-main-menu .home-icon {
	display: flex;
 	justify-content: center;
 	align-items: center; 
}

.main-navigation .home-icon a {
	padding: 8px 11px 4px 16px !important;
}

/* first a link in the nav menu had a slight gap to the left, margin-left fixes that */
.header-wrapper .menu li a{
	margin-left: -1px;
	padding: 0 8px !important;
}

#menu-main-menu a:hover{
	background-color: #007b20 !important;
	color: #ffffff !important;
}

p.site-title a, h1.site-title {
	color: white;
}

/* work around to prevent the default hover effect for main title on front page background image */
h1.site-title:hover{
	color: white !important;
}

/* Text above main background image */
@media screen and (min-width: 501px) and (max-width: 830px){
	.site-description {
		color: white;
		font-size: 20px !important;
	}
	p.site-title a {
		font-size: 23px;
	}
	/* date the in header above background image */
	.date-display-header {
		font-size: 20px !important;
	}
}

@media screen and (min-width: 831px){
	/* in the right column, no margin for cat-links "View More CAT news...", so there will be extra space */
	.right-column-alignment .cat-links {
		margin-right: 0 !important;
	}
	
	.left-column-alignment .cat-links {
		margin-right: 8px !important;
	}
	
	.site-description {
		color: white;
		font-size: 23px !important;
	}
}

/* CHange positioning of the header text, that is also targeted with the above 2 classes */
.site-logo.float-left {
	margin-bottom: 0;
	margin-top: -215px; 
	z-index: 1;
	position: relative;
	font-size: 16px;
}


@media screen and (min-width: 586px) and (max-width: 830px) {
	.home-image-div {
		width: auto !important;
		height: 300px !important;
		overflow: hidden;
		position: relative;
	}
	
	.site-logo.float-left {
		margin-bottom: 0;
		margin-top: -225px;
		z-index: 1;
		position: relative;
		font-size: 15px;
	}
}


@media screen and (max-width: 830px){
	
	.featured-entries-col::after {
	  content: "";
	  display: block;
	  clear: both;
	}
	
	.home-image-div {
		height: 250px;
		width: auto;
		overflow: hidden;
		position: relative;
	}

	.home-image {
		height: 160%; /* scale image vertically */
		width: 100%;
		object-fit: cover;
		object-position: center center;
		position: relative;
		/* shift upward to crop top and bottom 10% */
	/* 	top: -10%;  */
		display: block;
	}

	/* Adds a tint directly to the image via a pseudo-element */
	.home-image-div::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.45); /* Opacity */
	  pointer-events: none;
	}
}


@media screen and (max-width: 355px){	
	.site-logo.float-left {
		margin-top:-191px !important;
		font-size: 10px !important;
	}
	
	.site-description {
		color: white !important;
		font-size: 18px !important;
	}
	
	p.site-title a {
		font-size: 20px !important;
	}
	
	.date-display-header {
		font-size: 18px !important;
	}
	
}

@media screen and (min-width: 356px) and (max-width: 388px){	
	.site-logo.float-left {
		margin-top:-190px !important;
		font-size: 10px !important;
	}
	
	.site-description {
		color: white !important;
		font-size: 18px !important;
	}
	p.site-title a {
		font-size: 20px;
	}
	/* date the in header above background image */
	.date-display-header {
		font-size: 18px !important;
	}
}

@media screen and (min-width: 389px) and (max-width: 500px){	
	.site-logo.float-left {
		margin-top:-202px !important;
		font-size: 14px !important;
	}
	
	.site-description {
		color: white !important;
		font-size: 18px !important;
	}
	p.site-title a {
		font-size: 20px;
	}
	/* date the in header above background image */
	.date-display-header {
		font-size: 18px !important;
	}
	
}

@media screen and (min-width: 831px){
	
	.home-image-div {
		height: 315px; /* adjust to desired height */
		width: auto;
		overflow: hidden;
		position: relative;
	}

	.home-image {
		height: 195%; /* scale image vertically */
		width: 100%;
		object-fit: cover;
		object-position: center center;
		position: relative;
		/* shift upward to crop top and bottom 10% */
	/* 	top: -10%;  */
		display: block;
	}

	/* Adds a tint directly to the image via a pseudo-element */
	.home-image-div::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.45); /* Opacity */
	  pointer-events: none;
	}
}

.header-wrapper #site-navigation {
	border-bottom: 5px solid #007b20 !important;
}

.home-icon.front_page_on, .bn-title {
	background-color: #007b20 !important;
}

.widget-title:before, .page-header .page-title:before, .single .entry-header .entry-title:before, .page .entry-header .entry-title:before{
	border-bottom: 3px solid #007b20 !important;
}

/* itelicize intro text for news items on homepage */
.featured-desc .details {
	font-style: italic;
}

.featured-desc .below-entry-meta .cat-links a {
	background-color: #007b20 !important;
}

/* For <a> to the right of the event image, this will make focus on keyboard outline around the <h4> inside the <a> */
.sm-col-post-type-2 .featured-desc a {
	display: block;
}

/* For the <p> inside the <a> next to the Event Image */
.sm-col-post-type-2 .featured-desc a p {
	font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.4;
	font-size: 17px;
	margin: 5px 0 8px; 
}



/* For "View More" button for each category */
.below-entry-meta .cat-links a {
	border-radius: 7px !important; 
}

.below-entry-meta .cat-links a:hover{
	background-color: #000 !important;
	color: #fff !important;
}

/* take out ugly thin border bottom that extends to a previous thicker border bottom (which will remain) */
.widget-title, .footer-wrapper, .page-header .page-title, .single .entry-header .entry-title, .page .entry-header .entry-title{
	border-bottom: none !important;
}

/* Killing for now for redesign
ul.featured-entries-col{ display: flex; flex-wrap: wrap;}
.event-class img {
	width:25%;
} */

.inactiveLink{
   pointer-events: none;
   cursor: default;
}

/* view more button */
.cat-links a{   
  display: inline-block;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 2px 8px;
  border-radius: 50px ;
  line-height: 22px;
}
.at-cat-item{
  background: #007b20 !important;
  color: #fff !important;
}

#post-45 { display:none; }

div.footer-copyright { display:none; }

.top-header-section { display:none; }
.site-branding { padding:0px !important;}



/* grid layout for News items (that are above EVENTs) */
.news-entries-col {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;              
  padding: 0;
  margin: 0;
  list-style: none;
}

/* add left padding to the news, to add visual separation from the title above "Daily Announcements" */
.featured-entries-col .acme-col-3 {
	padding: 0px 5px 0px 0px !important;
}

/* No new announcements have been posted today in this category. */
p.no-msg {
	padding: 5px 0 5px 11px !important;
}

.daily-announcement-header {
	padding-top: 7px;
	color: #004B87;
	font-size: 20px;
}

.events-title {
	font-size: 20px;
	margin-top: 4px;
	margin-bottom: 16px;
	color: #004B87;
}

/* add space for when "no news to show for today" */
.news-entries-col li:not(.acme-col-3) {
	padding: 5px 0 15px 0;
}

/* For /category/"xyz" pages, ie: /category/general */
/* target cat-links at the bottom of each post */
.entry-footer .cat-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* up to 3 columns */
  grid-auto-flow: column; /* keep all items in one row */
  gap: 0.5em;
}

.entry-footer .cat-links a {
  white-space: normal; /* allow text to wrap inside each column */
  text-align: center; /* optional */
	
/*   flex: 1; */
}

.entry-footer .cat-links {
	
	display: none;
	
/*   display: flex; */
  white-space: normal; 
  width: 60%;
  color: #747474 !important;
}

.entry-footer .cat-links a:first-of-type {
  margin-left: -23px;
}

.entry-footer .cat-links:has(a:nth-of-type(2)):not(:has(a:nth-of-type(3))) {
  width: 50%;
}

/* "edit" text had a deafult left border that I am overriding */
.entry-footer .edit-link, .entry-footer .edit-link .post-edit-link {
	border-left: none;
	margin-left: 0;
	color: #747474 !important;
}

@media screen and (max-width: 830px){
	.left-column-alignment .news-entries-col > li {
	  flex: 0 0 100%;
	  max-width: 100%;
	  box-sizing: border-box;
	}
}

@media screen and (min-width: 831px){

	.left-column-alignment .news-entries-col > li {
	  flex: 0 0 calc(33.333% - 1rem); 
	  max-width: calc(33.333% - 1rem); /* cap the width */
	  box-sizing: border-box;
	}
}

.right-column-alignment .acme-col-3 {
	width: 100% !important;
}

@media screen and (max-width: 830px){
	.supermag-home.sm-col-post-type-2 .featured-post-main, .supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside{
		width: 100% !important;
		margin-right: 10px !important;
		float: left !important;
		margin-bottom: 10px !important; /* mb remove later */
		padding: 0 !important;
	}
	
	.featured-entries-col .widget-image{
		margin: 0 10px 0 0 !important; 
	}
}


@media screen and (min-width: 993px){
	
	/* targets date with calendar icon */
	.above-entry-meta a {
		margin-right: 0;
		line-height: 2px;
	}
	
	.supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside figure {
		width: 150px;
	}
	
	/* reduce margin to the right of event images, to prevent empty space reformatting */
	.featured-entries-col .widget-image{
		margin: 0 10px 0 0 !important; 
	}
}

@media screen and (min-width: 831px){
	
	.left-column-alignment ul.featured-entries-col.featured-entries.featured-col-posts.sm-col-post-type-2 {
		display: flex;
		flex-wrap: wrap;
		row-gap: 20px;
		column-gap: 12px;
	}
	
	.right-column-alignment ul.featured-entries-col.featured-entries.featured-col-posts.sm-col-post-type-2 {
		display: flex;
		flex-wrap: wrap;
		row-gap: 12px;
		column-gap: 12px;
	}
	
	.right-column-alignment .supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside{
		width: 100% !important;
	}
	
	.supermag-home.sm-col-post-type-2 .featured-post-main, .supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside{
		width: calc(50% - 10px); /* minus half the gap to avoid overflow */
		display: flex;
		align-items: flex-start;
	}
	
	.supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside figure {
		flex-shrink: 0; /* prevent shrinking */
		margin: 0;
	}
	
	.supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside figure img {
		width: 100%;
		height: auto;
		display: block;
	}

	.supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside .featured-desc {
		flex: 1; /* take remaining space */
	}
	
	/* for /category/general/ */
	.right-column-alignment.category-page-view .supermag-home.sm-col-post-type-2 .sm-col-post-type-2-beside{
		width: 100% !important;
		margin-right: 10px !important;
		float: left !important;
		margin-bottom: 5px !important; /* mb remove later */
		padding: 0 !important;
	}
	
}

#block-13 { 
	display: none !important; 
}

#block-10::after {
  content: "";
  display: table;
  clear: both;
}


/* will prevent other div's of taking up space in an above UL if there's empty space in the UL (ie: last row has only one item, but there's space for another) */
.left-column-alignment ul::after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 830px) {
  .left-column-alignment,
  .right-column-alignment {
    float: none;
    width: 100%;
    border-left: none; /* optional: remove left border on small screens */
    padding-left: 0;    /* optional: reset paddings */
    padding-right: 0;
  }
}

@media screen and (min-width: 831px){
	.left-column-alignment {
		float: left;
		width: 68%;
		box-sizing: border-box;
	}
	
	.right-column-alignment {
		float: right;
		width: 32%;
		box-sizing: border-box;
		border-left: 1px double #e3e3e3;
		padding-left: 10px;
		padding-right: 10px;
	}
}



@media screen and (min-width: 831px){
	.left-column-alignment.category-page-view {
		float: left;
		width: 68%;
		box-sizing: border-box;
		padding-right: 10px;
	}
	
	.right-column-alignment.category-page-view {
		float: right;
		width: 32%;
		box-sizing: border-box;
		border-left: 1px double #e3e3e3;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* (mobile/table query should remove that left  border and line up the right column after the left column) */

h2.widget-title {
	border-bottom: 1px solid e3;
	color: #007b20;
	font-size: 25px;
	margin-top: 0;
}

.category h2.widget-title {
	padding-top: 5px;
}

.widget-title span {
	display: inline-block !important;
	margin-right: 3px;
}

.see-more a{
	font-size: 15px;
}

/* For "Read More" button, when you press the view more button on the homepage */
.entry-content .read-more {
	color: #fff !important;
}


/* Buttons for "older" or "newer" */
.nav-next a, .nav-previous a{
	display: inline-block;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: #007b20 !important;
    color: #fff !important;
    padding: 7px;
	font-weight: 600;
	font-size: 13px;
}

.see-all-events {
	display: inline-block;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: #007b20 !important;
    color: #fff;
    padding: 7px;
	font-weight: 600;
	font-size: 13px;
}

.see-all-events:hover, .nav-next a:hover, .nav-previous a:hover {
	background-color: #007b20 !important;
	color: #fff !important;
}

/* Hide date and time, and author */
/* .left-column-alignment .above-entry-meta, .right-column-alignment .above-entry-meta {
	display: none;
} */


.hidden-a-text { 
	font-size: 0px; 
}


.widget-image img {
	height: 100px; /* auto; */
	object-fit: cover; /* fit the image in its assigned space while maintaining its aspect ratio */
}


.inactiveLink {
   pointer-events: none;
   cursor: default;
}

/* target footer HVCC logo */
.hvcc-logo img {
	height: 115px;
	margin-top: 22px;
}

#social-list i {
	font-size: 22px;
	margin: 12px 10px 6px 0;
}

#custom_html-5 {
	display: none;
}

/* Button to view more for categories */
.right-column-alignment .below-entry-meta {
	width: 100%;
}

.below-entry-meta, .right-column-alignment .below-entry-meta .cat-links { 
	float: right;
}

div.nav-previous, div.nav-next {
	display: inline-block;
	margin-bottom: 30px;
}

/* Back to top button */
#back-to-top {
	float:right;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	font-size: 25px !important;
	color: white;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 1px 1px 5px #000;
	background-color: #007b20;
	position: fixed;
}

#back-to-top:hover {
	background-color: #000;
/* 	background-color: #007b30; */
}


/* For category pages, restyle the date */
div.entry-meta {
	color: #747474;
	font-size: 12px;
}

/* For category pages, hide the author */
/*div.entry-meta .byline {
	display: none;
}*/

/* Italicizes */
.site-description {
	font-style:italic !important;
}

/* Underlines Titles / Links */
.title{
	text-decoration:underline !important;
}

/* Date Header Formatting */
.date-display-header {
	margin-top:5px;
	font-size: 23px;
	color:white;
}

/* hide a default theme feature button section that we don't need */
.navigation.post-navigation { display: none !important;}