.container.grid-container {
    width: 100% !important;
	margin:auto;
}
.one-container .site-content {
    padding: 0px !important;
}
.grid-container {
    max-width: 100% !important;
}
.companions-archive {
    width: 100%;
    margin: auto;
}
html {
  scroll-behavior: smooth;
}
.agency-breadcrumbs {
font-size:clamp(13px,0.9vw,14px);
    color: #000;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 6px;
	padding-top:6px;
    text-align: center;
}

.agency-breadcrumbs a{font-weight: 400;}
.bcn-hero{
    position:relative;
    width:100%;
    height:350px;
    overflow:hidden;
}

.bcn-hero-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.bcn-hero-overlay{
    position:absolute;
    inset:0;
background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .65));
    z-index:2;
}

.bcn-hero-content{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    z-index:3;
    padding:20px;
}
.bcn-intro {
	padding-left:40px;
	padding-right:40px;
	padding-top:40px;
	text-align:center;
	font-size:clamp(13px,1vw,15px);
}
.bcn-content {
    max-width: 1000px;
    margin: auto;
	color: #3e3e3e;
font-size:clamp(14px,1vw,16px);
}
.bcn-title{
    color:#fff;
    font-size:clamp(40px,6vw,42px);
    line-height:1.1;
    margin:0;
	font-style: italic;
}

.bcn-companions {
padding:40px;
	padding-top: 12px;
}
.bcn-section-heading h2{
font-size:clamp(24px,3vw,30px);
    text-align: center;
    padding-bottom: 8px;
    font-weight: 600;
    font-style: italic;
	margin-bottom: 2px;
}

.bcn-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px 32px;
    margin-top: 20px;
    max-width: 1250px;
    margin: auto;
    padding: 30px;
}
.bcn-card {
    position: relative;
}

.bcn-card-link {
    display: block;
    text-decoration: none;
    color: #fff;
    position: relative;
}

.bcn-card-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2 / 3;
    background: #f2f2f2;
}

.bcn-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	transition: transform .45s ease;
}

.bcn-card:hover .bcn-card-img{
transform:scale(1.06);
}
.bcn-card-body {
    position: relative;
    text-align: center;
    z-index: 2;
    color: #000000;
    padding-top: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.bcn-card-title {
    font-size: 16px;
    margin: 0;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .3px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.bcn-card-location {
    font-size: 12px;
    margin-top: 4px;
    opacity: .9;
    text-transform: uppercase;
    font-weight: 300;
}

.bcn-card-cta{
    position:relative;
}

.bcn-card-cta .bcn-card-image{
    position:relative;
}

.bcn-card-cta-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.25);
}

.bcn-card-cta .bcn-card-body{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:24px;
}

.bcn-card-cta .bcn-card-title,
.bcn-card-cta .bcn-card-location,
.bcn-card-cta-label{
    color:#fff;
}

.bcn-card-cta-label{
    font-size:clamp(13px,0.9vw,14px);
    margin-bottom:10px;
    display:block;
}

.bcn-card-cta .bcn-card-img{
    height:100%;
    object-fit:cover;
}

@media (max-width:1024px){

.bcn-grid{
grid-template-columns:repeat(2,1fr);
gap:40px 28px;
}
	.bcn-companions {
    padding: 20px;
    padding-top: 12px;
}
	}

@media (max-width:768px){
	
.bcn-hero{
    height:300px;
}

.bcn-grid{
grid-template-columns:repeat(2,1fr);
gap:10px;
	padding: 10px;
}
	.bcn-companions {
    padding: 10px;
    padding-top: 12px;
}
}


@media (max-width:600px){
	
.bcn-hero{
    height:200px;
}
}
@media (max-width:500px){
	.bcn-grid{
grid-template-columns:1fr;
gap:10px;
	padding: 10px;
}
.bcn-intro {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
	.bcn-intro p{
margin-bottom:0.5em;
}
}
.bcn-custom-content {padding-left: 40px; padding-right: 40px;}
.bcn-custom-content h2{font-size: clamp(24px, 3vw, 30px);}
.bcn-custom-content h3{font-size: clamp(22px, 3vw, 26px);}

.bcn-contact {
font-size: 16px;
}
/* ----------------------------------
HOME MAGAZINE / BLOG STRIP
---------------------------------- */
.bcn-guides{
	padding:40px;
	}
.bcn-guides{
margin-top:60px;
padding:0 20px;
max-width:1200px;
margin-left:auto;
margin-right:auto;
margin-bottom: 80px;
}

/* grid */

.bcn-guides-grid {
margin-top: 40px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* card */

.bcn-guide-card {
position:relative;
}

.bcn-guide-card a{
display:block;
text-decoration:none;
color:inherit;
}

/* image */

.bcn-guide-image{
overflow:hidden;
}

.bcn-guide-image img{
width:100%;
height:auto;
object-fit:cover;
display:block;
transition:transform .4s ease;
}

.bcn-guide-card:hover img{
transform:scale(1.05);
}

/* body */

.bcn-guide-body{
padding-top:14px;
}

/* category */

.bcn-guide-category{
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
opacity:.6;
margin-bottom:6px;
}

/* title */

.bcn-guide-title{
font-size:14px;
line-height:1.4;
margin:0;
font-weight:600;
font-family: sans-serif;
}

.bcn-guide-excerpt{
font-size:13px;
line-height:1.5;
opacity:.75;
margin-top:8px;
}

/* view more */

.bcn-guide-more{
text-align:center;
margin-top:40px;
}

/* ----------------------------------
TABLET
---------------------------------- */

@media(max-width:1024px){

.bcn-guides-grid{
grid-template-columns:repeat(2,1fr);
}
    .agency-faq {
        padding: 40px;
    }
	    .faq-toggle {
        padding: 4px;
    }
}

/* ----------------------------------
MOBILE
---------------------------------- */

@media(max-width:640px){

.bcn-guides-grid{
grid-template-columns:1fr;
}

.bcn-guide-image img{
height:260px;
}
    .agency-faq {
        padding: 40px;
    }
	    .faq-toggle {
        padding: 4px;
    }}

.agency-faq {
    margin-top: 50px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}