#mainContent { color:#333; }
#mainContent section h2 span,
#app-main section h2 span { color:#333!important; }
#mainContent section h2 span.title-modern,
#app-main section h2 span.title-modern { color:#333!important; }

.titlebox-link-wrap { position:relative!important; }

a[class*="titlebox-link"]{ position:absolute; bottom:0; left:0; display:block; margin:0; padding:7px 10px; color:#444; text-transform:uppercase; text-decoration:underline; font-weight:600; }
a[class*="titlebox-link"]:hover,
a[class*="titlebox-link"]:active,
a[class*="titlebox-link"]:focus { text-decoration:none; }
a.titlebox-link-light { color:#fff; text-shadow:0px 0px 2px rgb(0 0 0 / 50%); }

.desktop .padding-right-40 { padding-right:40px; }

/* Custom */
.desktop .hover-panel-dark a.module-link { display:block; }
.desktop .hover-panel-dark a.module-link p { margin-bottom:0!important; }
.desktop #learn-more-about-our-favorite-fall-looks h3,
.desktop #learn-more-about-our-favorite-fall-looks .btn { margin-right:30px; }

/* Full Width (no sidebar) */
.desktop #sideBox { display:none; }
.wrapper>[id="sideBox"] ~ main[id="mainContent"] { width:100%!important; }

/* Custom */
.lead p { font:500 24px/28px 'Cormorant'; padding:20px 51px; }

@media(min-width:1280px){
	.text-indent-left  { margin-left:20%; }
	.text-indent-right { margin-right:20%; }
	.desktop .orphan-fix-30-left-right { padding-left:15px; padding-right:15px; }
}
h3 a { color:#000; }

/* Migrate Solid Colors */
.margin-left-5 { margin-left:5px!important; }

.btn-solid-dark-gray { background:rgb(51, 51, 51, 0.9); border-color:rgb(51, 51, 51, 0.9); color:#fff; }
.btn-solid-dark-gray:hover,
.btn-solid-dark-gray:active,
.btn-solid-dark-gray:focus { background-color:transparent; border-color:rgb(51, 51, 51, 0.9); color:rgb(51, 51, 51, 0.9); }

.btn.btn-secondary,
.mobile .pw-button.pw--secondary,
.mobile .c-button.c--secondary,
.mobile .pw-button.btn-solid-dark-gray,
.mobile .c-button.btn-solid-dark-gray { color:#333!important; border-color:#333!important; background-color:transparent!important; }
.btn.btn-double-arrow { position:relative; }
.btn.btn-double-arrow:after { position:relative; top:auto; left:auto; right:auto; }

/* Fancy Titles */
[class*="section"] h2 { margin:60px 0 20px; }

/* Title Border */
.title-border-middle { display:block; text-align:center; position:relative; color:#897C79; }
.title-border-middle::after { content:''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #897C79; z-index:0; }
.title-border-middle span { background:#fff; padding:0 10px; display:inline-block; z-index:1000; position:relative; }

/* -- Modals -- */

/* Modal Links */
a[class*="lightbox-link"] { position:relative; display:block; }
a[class*="lightbox-link"]::after { position:absolute; bottom:0; right:0; display:block; color:#fff; line-height:.5em; /* background:rgba(51, 51, 51, 0.9); padding:12px; font-size:36px; */ background:rgba(51, 51, 51, 0.7); font-size:24px; padding:5px; }
a.lightbox-link-plus-icon::after { content:'+'; }
a.lightbox-link-doublearrow-icon::after { content:'Shop The Look \00bb'; right:auto; left:0; font-size:16px; font-weight:600; padding:15px; text-transform:uppercase; }

.desktop-site [class*="modal-lightbox-"] .modal-dialog { width:90%; max-width:900px; }

/* Brand Tip (Migrate to ballard-brand.css) */
[class*="brand-tip-box"] { position:relative; display:block; text-align:left; background-color:#F6F5F0; padding:30px 30px 30px 53px; }
[class*="brand-tip-box"]:before { content:''; display:block; border-left:2px solid #3D6074; position:absolute; top:21px; left:30px; height:calc(100% - 42px); }
[class*="brand-tip-box"] h3 { font:500 32px 'Montserrat'; color:#3D6074; display:block; margin:0; padding:0; }
[class*="brand-tip-box"] p { display:block; margin:0; padding:0; font:500 italic 22px/32px 'Cormorant'; }
[class*="brand-tip-box"] .btn-double-arrow { font-family:'Montserrat'; font-style:normal; font-size:16px; font-weight:800; margin:30px 0 15px; color:#3D6074; background-color:transparent; }
[class*="brand-tip-box"] .btn-double-arrow:before { display:none; }
[class*="brand-tip-box"] .btn-double-arrow:after { color:#3D6074; }
.brand-tip-box-vertical { text-align:center; padding:63px 22px 46px 22px; }
.brand-tip-box-vertical:before { display:none; }
.brand-tip-box-vertical h3 { border-bottom:2px solid #3D6074; padding-bottom:20px; margin-bottom:30px; }

.mobile .m-brand-tip-box-horizontal { text-align:left; padding:30px 30px 30px 53px; }
.mobile .m-brand-tip-box-horizontal:before { display:block; }
.mobile .m-brand-tip-box-horizontal h3 { border-bottom:none; padding-bottom:0px; margin-bottom:0px; }
.mobile .m-brand-tip-box-horizontal .btn-double-arrow { margin:10px 0 0; padding-left:20px; }


/* Hover Panel 2 */
.desktop .hover-panel-dark .module-link {}
.desktop .hover-panel-dark .module-link img + p {
display:none; position:absolute; top:0; right:0; bottom:0; background:rgba(40, 31, 21, 0.54); overflow:hidden; text-align:center; width:100%; margin:0; padding:0 15px; align-items:center; justify-content:center; font-weight:600; line-height:1.3em; font-size:14px; }
.desktop .hover-panel-dark .module-link:hover img + p { display:flex; color:#fff!important; }
.desktop .hover-panel-dark .module-link *:hover,
.desktop .hover-panel-dark .module-link *:active { opacity:1!important; }
/* Ballard Blockquote 4 */
blockquote.ballard-blockquote-4 { font:300 italic 22px/32px 'Cormorant'; }
blockquote.ballard-blockquote-4:before,
blockquote.ballard-blockquote-4:after { display:none; }
.vimeo-video { position:relative; overflow:hidden; /* padding-top:48%;*/ margin-right:0; padding-top:125%; width:auto; }
.vimeo-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 10; }


/* Modal Nav */
.modal [class*="modal-nav"] { position:absolute; top:calc(50% - 25px); }
.modal [class*="modal-nav"] i { font-size:50px; color:#fff; text-shadow:0px 2px 2px rgb(150,150,150,.5); opacity:.9; }
.modal .modal-nav-left  { left:30px; }
.modal .modal-nav-right { right:30px; }

.modal.fade .modal-dialog {
    transform:translate(0, 0)!important;
}
.modal.in .modal-dialog { transform:translate(0, 0)!important; }

@media(min-width:1280px){
	.desktop .orphan-fix-60 { padding-right:60px!important; }
}

/* Video line fix */
/* .desktop #section-2 iframe { height:249px!important; } */


/* -- Mobile -- */

.mobile h1#categoryHeader { display:none; }
.mobile header img { margin-bottom:24px!important; }
.mobile h1.g0 { font-size:24px; }
.mobile .lead p { font:300 italic 22px/32px 'Cormorant'; padding:12px; }
.mobile section h2 + p.padding-bottom { padding-bottom:0!important; }
.mobile section .pw-button.margin-bottom,
.mobile section .c-button.margin-bottom { margin-bottom:0!important; }
.mobile a[class*="titlebox-link"] { display:none; }
.mobile .m-framework .pw-button:before,
.mobile .m-framework .c-button:before { display:none; } /* Remove inner lines on buttons in page content area */

/* Disable Modals on Mobile */
.mobile .m-framework .modal,
.mobile a[class*="lightbox-link"]::after { display:none!important; cursor:none; }
.mobile #app-main section h2 { margin:30px 0 5px!important; padding:0!important; }
.mobile #app-main section h2 span { margin:0; padding:0; display:block!important; }
.mobile #app-main section h2 span:first-child { font-size:0.6em; line-height:1em; margin-bottom:15px!important; }
.mobile #app-main section h2 span:last-child { font-size:1.25em!important; line-height:.6em; }

.mobile .pw-button.pw--secondary,
.mobile .c-button.c--secondary { margin-top:30px; }
.mobile .m-orphan-fix-70 { padding-right:70px!important; }

.mobile .gutter-10 [class*="brand-swipe-grid"] > [class*="col-"]:first-child { margin-right:0; }

/* Mobile Grid */
.mobile .row.m-gutter-10 { margin-left:-5px; margin-right:-5px; }
.mobile .row.m-gutter-10 [class*=col-] { padding-right:5px; padding-left:5px; }
.mobile .row.m-gutter-10 [class*=col-].col-row { padding-right:0px; padding-left:0px; }
.m-framework .row.m-gutter-10 [class*="col-"]>[class*="col-"]:not(button):not(input):not(select):not(textarea) { padding-right:5px!important; padding-left:5px!important; }
.mobile .m-display-block { display:block!important; }
.mobile .m-nopadding { padding:0!important; }
.mobile .title-shop-the-look { font-size:1.5em; text-transform:uppercase; }
.mobile blockquote.ballard-blockquote-4 { padding-left:0!important; padding-right:0!important; text-align:center; }
.mobile .lead p { font:500 italic 20px/32px 'Cormorant'; color:#444; }

.mobile .ekko-lightbox,
.mobile .ekko-lightbox.in,
.mobile .ekko-lightbox.show { display:none!important; }

/* Lightbox Close Button */
.modal.ekko-lightbox .modal-header { padding:0; }
.modal.ekko-lightbox .modal-header .modal-title { display:none; }
.modal.ekko-lightbox .modal-header .close { position:absolute; top:18px; right:12px; z-index:9999; width:auto; height:auto; font-size:60px; line-height:0.65; border:none; overflow:visible; }

@media(min-width:321px){
	.mobile .m-no-wrap { white-space:nowrap; }
}

/* Mobile: Brand Tip Link fixes */
.mobile .m-brand-tip-box-horizontal .btn-double-arrow { padding:0 0 0 20px; }
.mobile .m-brand-tip-box-horizontal .btn-double-arrow .pw-button__inner,
.mobile .m-brand-tip-box-horizontal .btn-double-arrow .c-button__inner { display:inline; width:auto; }
.mobile [class*="brand-tip-box"] .btn-double-arrow:after { display:inline-block; position:relative; top:0; right:0; margin-left:5px; }