/*!
 Theme Name: Rubrum
 Theme URI:
 Author: Dev Team
 Author URI:
 Description: Rubrum is a blank canvas for your ideas and it makes the block editor your best brush.
 Requires at least: 6.6
 Tested up to: 6.8.3
 Requires PHP: 8.0
 Version: 6.8
 Text Domain: rubrum
*/


/** Add your custom styles here **/

/** Home **/
.res-dev-menu {
	display: block;
	width: min-content;
	white-space: normal;
	text-align: center;
}
div#home-hero {
    margin-top: -160px;
}



/* Navigation */
header li.wp-block-navigation-item.wp-block-navigation-link {
    position: relative;
    transition: transform 0.3s ease;
}
header li.wp-block-navigation-item.wp-block-navigation-link:hover {
    transform: translateY(-5px);
}
header li.wp-block-navigation-item.wp-block-navigation-link:hover::after {
    opacity: 1;
    transform: translateY(0);
}
header li.wp-block-navigation-item.wp-block-navigation-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: var(--wp--preset--color--secondary);
    opacity: 0;
    transform: translateY(-7px);
    transition: opacity 300ms ease, transform 300ms ease;
}
header li.wp-block-navigation-item.wp-block-navigation-link:hover::after {
    opacity: 1;
    transform: translateY(5px);
}

.current-menu-item {
    color: var(--wp--preset--color--secondary);
}
footer .res-dev-menu {
    width: auto;
    text-align:left;
}

.wp-block-read-more.has-text-color::after,
.learn-more::after {
    content: " ❯";
    position: absolute;
    transition: transform 0.3s ease;
    transform:translateX(5px);
    padding-left:2px;
}
.wp-block-read-more.has-text-color:hover,
.learn-more:hover {
    color: var(--wp--preset--color--link-color-hover) !important;
}

.learn-more a:hover {
	color: var(--wp--preset--color--link-color-hover) !important;
    text-decoration:none !important;
}
.wp-block-read-more.has-text-color:hover::after,
.learn-more:hover::after,
.learn-more a:hover::after {
    transform: translateX(15px);
}
.taxonomy-post_tag a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

/* News and Resources Cards */
 ul.cards-container li{
 	display: flex;
 	flex-direction: column;
 }

 ul.cards-container li .wp-block-group{
 	display: flex;
 	flex-direction: column;
 	flex-grow: 1;
 	height: 100%;
 }
.wp-block-read-more {
    margin-top: auto;
    padding-top: 20px;
}

@media (width >= 782.1px) {
	.bottom-footer .wp-block-column:not(:last-child) {
	    border-right: 1px solid #99B4EA;
	    padding: 0 20px;
	}
	#footer-mobile {
		display: none;
	}
	#footer-desktop {
		display:block;
	}
	.line-position {
		height:175px !important;
	}
	.line-position .icon--container {
		position:absolute;
		left:50%;
		transform: translate(-47%,22%);
	}
	.tilt-img-left img{
		transform: rotate(-4.62deg);
	}
	.tilt-img-right img {
		transform: rotate(4.25deg);
	}
	#page-banner {
	    margin-top: -160px;
	}
}

@media (width <= 782px) {
	.top-footer .wp-block-column {
		flex: 0 0 45%;
	}
	#footer-mobile {
		display: block;
	}
	#footer-desktop {
		display:none;
	}
	.line-position {
		display: none;
	}
	#page-banner {
		margin-top:0px;
	}
	#navigation-bar {
		background-color: #164094 !important;
	}
	.wp-site-blocks > header:not(.d-block) {
		position: relative !important;
	}
	figure.wp-block-image.size-full.flex-img img {
	    max-height: 350px;
	    width: 100%;
	    object-fit: cover;
	    object-position: center;
	}

}
@media (width <= 990px) {
	
	#page-banner {
		min-height:50vh;
	}

}