/* User Template */

.insta-feed-container-221 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-gap: 1rem;
	padding: 1rem;
}

.mod-dpcalendar-upcoming-horizontal__event .dp-link_cta{
	border-radius: 0 !important;
}

.dp-link_cta, .dp-link_cta:hover {
	--dp-color:#333333;
	background-color: var(--dp-color) !important;
	padding: 20px;
	border: 1px solid #333333;
	color: #fff !important;
	line-height: 2;
	border-radius: 0 !important;
}

/* =========================================================
CTN Academy – Coach contact page
Nabil Ranné
========================================================= */

.com-contact.contact {
--ctn-red: #a92520;
--ctn-red-dark: #7f1d19;
--ctn-text: #302925;
--ctn-muted: #75685f;
--ctn-paper: #fbf8f2;
--ctn-paper-deep: #f3ede4;
--ctn-border: #ddd1c3;
--ctn-shadow: 0 12px 32px rgba(63, 44, 31, 0.08);

max-width: 920px;
margin: 0 auto;
color: var(--ctn-text);
font-size: 1.06rem;
line-height: 1.7;
}

/* Main title */

.com-contact .page-header {
margin-bottom: 1.5rem;
}

.com-contact .page-header h1 {
margin: 0;
color: var(--ctn-text);
font-size: clamp(2.2rem, 5vw, 3.3rem);
line-height: 1.1;
font-weight: 700;
}

/* Admin edit link – keep usable, but visually quiet */

 .com-contact > .icons {
margin: 0 0 1rem;
font-size: 0.85rem;
}

.com-contact > .icons a {
color: var(--ctn-muted);
text-decoration: none;
}

/* Main biography area */

 .com-contact__user-fields {
margin-top: 1rem;
}

  .com-contact .dl-description,
  .com-contact .dl-description dd {
margin: 0;
}

  .com-contact dd.description {
padding: 1.7rem 1.8rem;
background: linear-gradient(135deg, #fbf7f0 0%, #f3ebe0 100%);
border: 1px solid var(--ctn-border);
border-radius: 20px;
box-shadow: var(--ctn-shadow);
}

  .com-contact dd.description p {
margin: 0 0 1.25rem;
}

  .com-contact dd.description a {
color: var(--ctn-red);
text-underline-offset: 0.15em;
}

  .com-contact dd.description a:hover {
color: var(--ctn-red-dark);
}

/* Coach image – overrides the old inline float sizing */

  .com-contact dd.description > p:first-child img {
display: block;
float: right !important;
width: 38% !important;
max-width: 340px !important;
min-width: 220px !important;
height: auto;
margin: 0 0 1.5rem 2rem !important;
padding: 0.45rem;
background: var(--ctn-paper);
border: 1px solid var(--ctn-border);
border-radius: 16px;
box-shadow: var(--ctn-shadow);
}

/* Contact heading */

  .com-contact dd.description h3 {
clear: both;
margin: 2.7rem 0 1rem;
padding-top: 1.5rem;
border-top: 1px solid var(--ctn-border);
color: var(--ctn-text);
font-size: 1.45rem;
line-height: 1.3;
}

/* ConvertForms – integrated into CTN look */

  .com-contact .convertforms {
max-width: 620px;
margin-top: 1rem;

--color-primary: #a92520;
}

  .com-contact #cf_1 {
max-width: 620px !important;
padding: 1.4rem 1.5rem;
background: rgba(255,255,255,0.55);
border: 1px solid var(--ctn-border);
border-radius: 16px;
}

  .com-contact #cf_1 .cf-label {
color: var(--ctn-text) !important;
font-family: inherit !important;
font-weight: 600 !important;
}

  .com-contact #cf_1 .cf-input {
padding: 0.7rem 0.8rem !important;
background: #fff !important;
color: var(--ctn-text) !important;
border: 1px solid #cfc1b1 !important;
border-radius: 7px !important;
font-family: inherit !important;
font-size: 1rem !important;
box-shadow: none !important;
}

  .com-contact #cf_1 .cf-input:focus {
border-color: var(--ctn-red) !important;
box-shadow: 0 0 0 2px rgba(169,37,32,0.12) !important;
outline: none !important;
}

  .com-contact #cf_1 textarea.cf-input {
min-height: 130px;
resize: vertical;
}

  .com-contact #cf_1 .cf-btn {
padding: 0.65rem 1rem !important;
background: var(--ctn-red) !important;
color: #fff !important;
border: 1px solid var(--ctn-red) !important;
border-radius: 8px !important;
font-family: inherit !important;
font-size: 0.96rem !important;
font-weight: 600 !important;
}

  .com-contact #cf_1 .cf-btn:hover,
  .com-contact #cf_1 .cf-btn:focus {
background: var(--ctn-red-dark) !important;
border-color: var(--ctn-red-dark) !important;
}

/* Mobile */

@media (max-width: 700px) {

.com-contact.contact {
font-size: 1.01rem;
}

  .com-contact dd.description {
padding: 1.3rem;
border-radius: 16px;
}

  .com-contact dd.description > p:first-child img {
float: none !important;
width: 100% !important;
max-width: 380px !important;
min-width: 0 !important;
margin: 0 auto 1.5rem !important;
}

  .com-contact #cf_1 {
padding: 1.1rem;
}
}

/* =========================================================
CTN Category Blog – open editorial layout
Removes boxed cards and adds a subtle separator line
========================================================= */

.blog-items .blog-item {
position: relative;
margin: 0;
padding: 2.2rem 1.8rem 2.8rem;

background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}

/* Subtle fading separator above each article */

.blog-items .blog-item::before {
content: "";
position: absolute;
top: 0;
left: 4%;
right: 4%;
height: 1px;

background: linear-gradient(
90deg,
transparent 0%,
rgba(169, 37, 32, 0.16) 15%,
rgba(169, 37, 32, 0.42) 50%,
rgba(169, 37, 32, 0.16) 85%,
transparent 100%
);
}

/* Very soft warm glow below the separator */

.blog-items .blog-item::after {
content: "";
position: absolute;
top: 1px;
left: 8%;
right: 8%;
height: 32px;
pointer-events: none;

background: linear-gradient(
180deg,
rgba(243, 237, 228, 0.45) 0%,
rgba(243, 237, 228, 0) 100%
);
}

/* Keep titles clean and open */

.blog-items .blog-item .page-header,
.blog-items .blog-item .item-title {
margin-top: 0;
padding-top: 0;
}



/* Mobile spacing */

@media (max-width: 700px) {
.blog-items .blog-item {
padding: 1.8rem 0.8rem 2.2rem;
}
}