/*
Theme Name: egram
Description: Child theme of Blocksy
Author: Your Name
Version: 1.0.0
Template: blocksy
*/

/* 
 * Child theme styles go here
 * The parent theme styles are automatically loaded
 */
:root {
    
}

.ct-footer, .ct-footer > div{
    background: #202D3D !important;
    color: #fff !important;
}

.ct-footer a, .ct-footer-copyright{
    color: #fff !important;
}

.ct-footer .ct-icon-container svg{
    fill: #fff !important;
}

.ct-footer .wp-block-heading{
    color: #fff;
}

.ct-footer .cib-list .cib-text{
	color: #fff;
}

.ct-footer .ct-widget:not(:first-child){
	margin-top: 20px !important;
}

.ct-footer [data-row="bottom"]{
    border-top: 0.5px solid #fff !important;
}

.wp-block-columns, .wp-block-group {
    margin-bottom: 3em;
}

/* Home page padding */
.home #main .ct-container-full{
    padding-top: 0px;
}

/* Add your custom styles below this line */
/* Round corners for Gutenberg images */
.wp-block-image img {
	border-radius: 12px;
	overflow: hidden;
}

/* Optional: make captions follow the same rounding if wrapped */
.wp-block-image figure,
.wp-block-image .components-resizable-box__container {
	border-radius: 12px;
	overflow: hidden;
}

/* Ensure aligned images keep rounding */
.wp-block-image.is-resized img,
.wp-block-image.alignleft img,
.wp-block-image.alignright img,
.wp-block-image.aligncenter img,
.wp-block-image.alignwide img,
.wp-block-image.alignfull img {
	border-radius: 12px;
}

/* ========== Child Theme Base Styles (egram) ========== */
/* Typography */
body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: .2px;
}

/* Links */
a {
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease;
}

a:hover,
a:focus {
	text-decoration: underline;
}

/* Buttons (harmonize with Bootstrap) */
.btn-primary,
.wp-block-button__link,
button[type="submit"] {
	border-radius: 8px;
	transition: transform .15s ease, box-shadow .15s ease;
}

.btn-primary:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* Cards */
.egram-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
	overflow: hidden;
}

/* Utilities */
.egram-shadow-sm { box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.egram-shadow-md { box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.egram-rounded { border-radius: 12px; }
.egram-rounded-lg { border-radius: 16px; }
.egram-gutter { padding: 1rem; }
.egram-gutter-lg { padding: 1.5rem; }

/* Gutenberg spacing tweaks */
.wp-block-group.has-background {
	padding: clamp(1rem, 2vw, 2rem);
	border-radius: 12px;
}

.wp-block-columns {
	row-gap: 1.25rem;
}

/* Featured Image Banner for Page Template */
.egram-page-banner {
	position: relative;
	width: 100%;
	min-height: 280px;
	background-size: cover;
	background-position: center;
	border-radius: 0;
}
.egram-page-banner__overlay {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 48px 16px;
}
.egram-page-banner__title {
	margin: 0;
	font-size: clamp(28px, 3vw, 46px);
	font-weight: 800;
	line-height: 1.15;
}


/* Envira gallery */
.envira-gallery-item{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.envira-gallery-wrap *{
    border-radius: 20px !important;
}


/* Banner page */
.egram-page-banner__title{
    color: #fff;
}