How To Dress For Fall When It Absolutely Still Feels Like Summer

/* Overrides */

#lab-load {
opacity: 0.0;
width: 100%;
height: 1px;
margin: 0;
padding: 0;
}

.section-ad,
.section-ad-content,
.row-ad {
background-color: transparent !important;
}

.third-width {
display: none !important;
}

/* Custom */

.lab-container {
position: relative;
width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
}

.lab-layers {
position: relative;
width: 100%;
max-width: 720px;
margin: 0 auto;
padding: 0;
text-align: center;
vertical-align: top;
}

.lab-layer-image {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.lab-layer-image img {
width: 100%;
margin: 0;
padding: 0;
}

.lab-container .content-caption .credit {
padding-top: 5px !important;
text-align: left !important;
}

.lab-layer-dots {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 1800px;
height: 100%;
margin: 0;
padding: 0;
z-index: 204;
}

.lab-dot {
position: absolute;
pointer-events: auto;
cursor: pointer;
z-index: 9999998;
}

.lab-dot img {
width: 100%;
max-width: 30px;
}

.lab-layer-tips {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 205;
background-color: transparent;
pointer-events: none;
}

.lab-tip {
position: absolute;
margin: 0;
padding: 0;
background-color: #000; /* 000 */
width: 100%;
max-width: 225px;
opacity: 0;
display: none;
text-align: left;
z-index: 999999999;
}

.lab-tip-details {
margin: auto 0;
height: 100%;
padding: 20px 20px 15px;
}

.lab-tip h4 {
font-family: Playfair Display, Georgia, Times, serif;
font-size: 17px;
font-weight: 700;
line-height: 1.25em;
letter-spacing: -0.025em;
margin: 0;
padding: 6px 0 8px;
color: #fff;
}

.lab-tip h5 {
font-family: Brown Bold, Gill Sans, helvetica, arial, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.25em;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
color: #fff;
}

.lab-tip p {
font-family: Brown Regular, Gill Sans, helvetica, arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: 0.05em;
color: #fff;
padding: 0 20px 10px;
}

.lab-tip-image {
width: 100%;
max-width: 225px;
margin: 0;
padding: 0;
opacity: 1;
}

.lab-dot-hint {
background-color: #000; /* 000 */
padding: 10px 0 10px;
margin: -43px 0 0 -48px;
opacity: 0;
display: none;
border-radius: 0;
height: 34px;
}

.lab-dot-hint a {
pointer-events: auto;
cursor: pointer;
}

.lab-dot-hint h5 {
font-family: Brown Bold, Gill Sans, helvetica, arial, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.25em;
letter-spacing: 0.05em;
color: #fff;
margin: 0;
padding: 0;
}

.lab-tip-image img {
width: 100%;
max-width: 225px;
margin: 0;
padding: 0;
opacity: 0.98;
}

.lab-layer-popups {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0;
padding: 0;
z-index: 210;
}

.lab-mobile-buy {
display: none;
margin: 0 0 40px 20px;
}

.lab-mobile-buy a {
pointer-events: auto;
cursor: pointer;
}

.lab-mobile-buy h5 span {
padding: 10px;
background-color: #fff;
color: #000;
}

.lab-tip-close {
display: none;
background-image: url(https://www.refinery29.com/file/8689/close.png);
background-repeat: no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
pointer-events: auto;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}

.lab-dot {
animation: moveDot 1s infinite;
cursor: pointer;
pointer-events: auto;
}

.lab-dot:hover {
animation: overDot 1s infinite;
}

.lab-dot:hover svg circle {
fill: #000; /* 000 */
}

/* Animation Keyframes*/

@keyframes moveDot {
0% { opacity: 0.2; }
33% { opacity: 1; }
66% { opacity: 0.2; }
100% { opacity: 0.2; }
}

@-moz-keyframes moveDot {
0% { opacity: 0.2; }
33% { opacity: 1; }
66% { opacity: 0.2; }
100% { opacity: 0.2; }
}

@-webkit-keyframes moveDot {
0% { opacity: 0.2; }
33% { opacity: 1; }
66% { opacity: 0.2; }
100% { opacity: 0.2; }
}

@-o-keyframes moveDot {
0% { opacity: 0.2; }
33% { opacity: 1; }
66% { opacity: 0.2; }
100% { opacity: 0.2; }
}

@keyframes overDot {
100% { opacity: 1; }
}

.lab-wide {
display: block;
}

.lab-small {
display: none;
}

@media only screen and (max-width: 760px) {

.lab-layer-tips {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

.lab-tip-contents {
position: relative;
margin: 0 auto;
padding: 0;
height: auto;
max-width: 414px;
}

.lab-tip {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 40px;
overflow: visible;
}

.lab-tip-close {
display: block;
top: 20px;
right: 20px;
background-size: 30px;
width: 30px;
height: 30px;
}

.lab-tip-details {
margin: 0px auto 0;
height: auto;
padding: 0px 40px 15px;
position: relative;
}

.lab-tip-image {
width: 100%;
max-width: 100%;
padding: 10px 40px 0;
box-sizing: border-box;
}

.lab-tip-image img {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
opacity: 1;
}

.lab-tip h5 {
font-size: 13px;
}

.lab-tip h4 {
font-size: 21px;
font-weight: 700;
line-height: 1.45em;
padding: 6px 35px 8px 0;
}

.lab-tip p {
font-size: 15px;
line-height: 1.45em;
letter-spacing: 0.05em;
padding: 0 40px 10px;
}

.lab-dot-hint {
display: none !important;
}

.lab-mobile-buy {
display: block;
margin: 0 0 0 40px;
}

.lab-mobile-buy h5 {
padding: 8px 8px 8px 0;
}

.lab-mobile-buy h5 span {
padding: 8px 10px;
background-color: #fff;
color: #000;
}

.lab-wide {
display: none;
}

.lab-small {
display: block;
}

}

@media only screen and (max-width: 414px) {

.lab-layer-tips {
padding-top: 40px;
}

.lab-tip-image {
max-width: 98%;
}

.lab-tip-contents {
max-width: 344px;
}

}

@media only screen and (max-width: 375px) {

.lab-layer-tips {
padding-top: 20px;
}

.lab-tip-image {
max-width: 80%;
}

.lab-tip-contents {
max-width: 344px;
}

}

@media only screen and (max-width: 375px) and (max-height: 812px) {

.lab-layer-tips {
padding-top: 40px;
}

.lab-tip-image {
max-width: 100%;
}

}

@media only screen and (max-width: 375px) and (max-height: 667px) {

.lab-layer-tips {
padding-top: 40px;
}

.lab-tip-image {
max-width: 75%;
}

}

@media only screen and (max-width: 360px) {

.lab-layer-tips {
padding-top: 0;
}

.lab-tip-details {
margin: 0px auto 0;
height: auto;
padding: 0px 20px 15px;
position: relative;
}

.lab-tip-image {
width: 100%;
max-width: 50%;
padding: 10px 20px 0;
box-sizing: border-box;
}

.lab-tip h4 {
font-size: 19px;
}

.lab-tip p {
padding: 0 20px 10px;
}

.lab-mobile-buy {
display: block;
margin: 0 0 0 20px;
}

.lab-tip-close {
background-size: 20px;
width: 20px;
height: 20px;
}

}

@media only screen and (max-width: 360px) {

.lab-layer-tips {
padding-top: 0;
}

}

/* Positions for Dots & Tips */

/* Image 02 */

#lab-dot1 {
top: 27%;
left: 35%;
}

#lab-tip1 {
top: 10%;
left: 82%;
}

/* Image 05 */

#lab-dot4 {
top: 84%;
left: 25.5%;
}

#lab-tip4 {
top: 58%;
left: 82%;
}

/* Image 03 */

#lab-dot2 {
top: 36%;
left: 35.5%;
}

#lab-tip2 {
top: 23%;
left: 82%;
}

/* Image 04 */

#lab-dot3{
top:28%;
left:50%;

}

#lab-tip3 {
top: 13%;
left: 82%;
}

/* Image 01 */

#lab-dot0{
top:28%;
left:40%;

}

#lab-tip0 {
top: 16%;
left: 82%;
}

@media only screen and (max-width: 960px) {

/* Image 02 */

#lab-tip1 {
top: 10%;
left: 65%;
}

/* Image 05 */

#lab-tip4 {
top: 58%;
left: 65%;
}

/* Image 03 */

#lab-tip2 {
top: 23%;
left: 65%;
}

/* Image 04 */

#lab-tip3 {
top: 13%;
left: 65%;
}

/* Image 01 */

#lab-tip0 {
top: 16%;
left: 65%;
}

}

@media only screen and (max-width: 760px) {

/* Image 02 */

#lab-dot1 {
top: 27%;
left: 35%;
}

#lab-tip1 {
top: 0;
left: 0;
}

/* Image 05 */

#lab-dot4 {
top: 84%;
left: 25.5%;
}

#lab-tip4 {
top: 0;
left: 0;
}

/* Image 03 */

#lab-dot2 {
top: 60%;
left: 38.5%;
}

#lab-tip2 {
top: 0;
left: 0;
}

#lab-tip3 {
top: 0;
left: 0;
}

#lab-tip0 {
top: 0;
left:0;
}

}

It’s time we admitted that the calendar year is built of just two seasons: winter and summer. In between, you’ve got something like an epilogue to summer and another thing that’s like winter’s footnote. We’ve titled them “fall” and “spring,” but they don’t seem to amount to much. In fact, their primary signifier may simply be the fact that it often feels impossible to dress for the weather.

We’re talking shorts with sweaters! Sandals with wool pants! Coats with sundresses! It’s seasonal chaos. But thankfully, this year, we’ve got a solution ( other than “layers!”): Banana Republic ‘s new summer-meets-whatever-comes-next line, designed specifically to keep you looking good as hell, even when you literally do not know what season it is.

Ahead, take a look at our favorite looks from the collection, for when you’re feeling…seasonally confused.

Supper-Club Chic

Among the only pleasant aspects of the transition from summer to winter is the introduction of the gourd palette: mustard yellows, deep oranges, and delicate browns. You know, squash colors. Pair a classic wide-leg jean with a tailored leopard jacket and a mustard button-up, and rock this look all the way into Thanksgiving.

Business Casual (With A Twist)

On days when you know you’ll be heading directly from the office to the disco (or vice versa), you’ll need a look that’s professional, party-ready, and still warm enough to withstand a long night out. This vegan suede biker jacket has business-casual-meets-disco written all over it — especially once you add in a zebra maxi and classic white booties.

Business Casual 2.0

It’s not required that the modern career woman be ferocious per se — but we think this sleek leopard midi-dress paired with slouchy tall boots offers the perfect combination of wild and work-appropriate. It can skew either professional or untamed — but either way, it has “per my last email” written all over it.

Low-Key Highbrow

Unlike the dead of winter, the transition period between summer and fall is still all about daytime activities. This breezy dress can be as casual — or as elevated — as you’d like it to be, no matter what your day entails. Whether you’re hitting a picnic, an engagement party, a dinner date, or all three, it’s got you covered.

Night Whites

The whole “monochrome white” aesthetic stole the hearts of fashion girls far and wide this summer, but how can you repurpose the look for the in-between months? Try leaning into shades of nude to add some texture to your all-white palette. We suggest a knit sweater tucked into a miniskirt, with an edgy (snakeskin) boot to give the whole thing a little personality.

Like what you see? How about some more R29 goodness, right here?

Tote Your Computer In Style With One Of These Sleek Laptop Bags

The Best Under-$150 Buys Of The Month

Why Everyone Needs A “Mom” Bag In Their Arsenal