.facts .so-widget-sow-features{
		display: flex;
}
.fees .so-widget-sow-features .sow-features-list{
		align-items: flex-start;
}
.fees .so-widget-sow-features .sow-features-list .sow-features-feature.sow-icon-container-position-right{
		align-items: flex-start;
}
.fees .so-widget-sow-features .sow-features-list .sow-features-feature.sow-icon-container-position-right .sow-icon-container{
		margin-top: 30px;
}
@media only screen and (max-width: 768px){
	.fees .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
		width: 100%;
		}
}
.facts .so-widget-sow-features{
		display: flex;
}
.facts .so-widget-sow-features .sow-features-list {
		align-items: flex-start;
}
.facts .so-widget-sow-features .sow-features-list .sow-features-feature.sow-icon-container-position-right{
		align-items: flex-start;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.facts .so-widget-sow-features .sow-features-list .sow-features-feature.sow-icon-container-position-right{
		flex: 1 1 calc(33.33% - 15px);
		}
}
.facts .so-widget-sow-features .sow-features-list .sow-features-feature h2 {
		font-size: 34px;
		margin: 0px 0px;
}
.facts .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container{
		margin-top: 10px;
		margin-right: 15px;	
}

@media only screen and (max-width: 768px){
	.facts .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
		width: 100%;
		}
}


    .siteorigin-panels-stretch .card-item-container {
        margin-left: 15px;
    }
    @media only screen and (max-width: 750px){
        .siteorigin-panels-stretch .card-item-container {
            margin-left: 0px;
        } 
    }
    .card-item-container{
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 30px auto;
    }
    .card-item-container a{
        outline: none;
    }
    .card-item-container a.card-item{
        flex: 1 1 calc(25% - 15px);
        max-width: calc(25% - 15px);
        box-sizing: border-box;
        padding: 0px;
        background-color: #fff;
        overflow: hidden;
        -webkit-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
        -moz-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
        box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
        -webkit-transition: all, .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        margin: 0px 15px 15px 0px;
        border-radius: 8px;
    }
    .card-item-container a.card-item:last-child {
        margin-right: 0px;
    }
    .card-item-container a.card-item:hover {
        -webkit-box-shadow: 0px 20px 30px 0px rgba(84, 117, 145, 0.2);
        -moz-box-shadow: 0px 20px 30px 0px rgba(84, 117, 145, 0.2);
        box-shadow: 0px 20px 30px 0px rgba(84, 117, 145, 0.2);
    }
     @media only screen and (max-width: 1140px) {
         .card-item-container a.card-item {
            flex: 1 1 calc(33.333% - 15px) !important;
            max-width: calc(33.333% - 15px) !important;
        }
    }

    @media only screen and (max-width: 960px) {
         .card-item-container a.card-item {
            flex: 1 1 calc(50% - 15px) !important;
            max-width: calc(50% - 15px) !important;
        }
    }
    @media only screen and (max-width: 750px) {
         .card-item-container a.card-item { 
            flex: 1 1 100% !important;
            max-width: 100% !important;
            margin: 0px 0px 15px 0px !important;
        }
    }
    .card-item-img{
        height: 200px;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .card-item-body{
        text-align: center;
        padding: 30px;
    }
    .card-item-body .card-item-txt{
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 1.5;
        margin: 0px 0px 15px 0px;
        color: #000;
    }


/* SIRB Team Training Style */
/*Parent container, using display flex to force two column designs*/
.content-area-side {
		display: flex; 
}
/*side navigation for user guides*/
.side-navigation {
		flex: 0 0 20%;
    padding: 20px 0; 
    align-self: flex-start; /* Align to the top */
    position: sticky; /* Make it sticky */
    top: 15%; /* Distance from top of viewport */
    max-height: calc(100vh - 40px); /* Limit height to viewport for scrolling */
    overflow-y: auto; /* Scrolling for long navs, no suggest */
}
/*Style for the navigation bar*/
.side-navigation ul {
    list-style: none;/*Remove listing bullet*/
    padding: 0;/*Remove padding*/
    margin: 0!important;/*Remove margin, override default settings from umc theme*/
}
.side-navigation h2 {
		font-size: 1.2em;/*make the h2 bigger than the nav text but not messing with the style*/
		background-color: #c00;/*Red background*/
     	margin: 0!important;/*Remove margin, override default settings from umc theme*/
}

.side-navigation h2 a{
 	color: #fff;
}

.side-navigation li {
    border-bottom: 1px solid #e6e6e6;
		margin: 0!important;
}
.side-navigation li a{
	background-color: #f5f5f5;	
}
/*Style for hoverlink in the navigation*/
.side-navigation li a:hover{
	background-color: #E4E4E4;
	padding-left: 25px;
}

.side-navigation a {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none!important;
    transition: background-color 0.2s ease, color 0.2s ease;
    border-left: 5px solid transparent; /* For active indicator */
}

.main-content {
    flex-grow: 1; /* Extend main content to take remaining space */
	padding: 2% 1%;
}



.main-content #how-to{
		margin:2%; 
		background-color: #E2E6E6;
		padding: 2%; 
}


main:has(.category-sirb-training) .main-content > section:not(:first-of-type){
			padding-top: 6%;
		 margin-top: -6%;
}

main:has(.category-sirb-training):not(:has(.search-results-header)){
	max-width:100%!important;
}
/*hide default header post on Post*/
main:has(.category-sirb-training) .entry-header{
 display:none;
}
/*hide next and prev post on Post*/
main:has(.category-sirb-training) .nav-links{
 display:none;
}

/*Mobile Padding for user navigation*/
@media (max-width: 800px)  {
        /*Change section direction to column to accommodate mobile*/
		.content-area-side{
				 flex-direction: column;
		}
  /*Change navigation bar size to extend full-width and remove sticky*/
		.side-navigation{
				flex: 0 0 auto;
				width:100%;
						position: static;
		}
  /*Change padding for mobile so no content is to close to the border*/
		.main-content{
			padding: 1% 3%;
		}
}