/*
 *	Design Servives Landing Page - Styling
 */

#categoryHeader,
#mainContent .ndata h1 { display:none; }

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent p, #mainContent ul, #mainContent li { color:#333; }

/* Cards */
.card { display:flex; flex-direction:column; height:100%; text-align:center; justify-content:center; align-items:center; padding:30px 30px 40px; }
.card.border { border:3px solid #D5E3EC!important; }
.card .card-header { min-height:100px; display:flex; }
.card img { max-width:100px!important; margin:0; color:#D5E3EC; fill:#D5E3EC; }
.card h2 { text-transform:uppercase; }
.card p.card-text  { margin:0 0 30px; flex-grow:1; }
.card .btn-group { width:100%; text-align:center; }
.card .btn-group .btn { float:none; }
.card .card-hours { position:absolute; bottom:16px; margin:0; font-size:.95em; }

.desktop #consultaion-cards { display:flex; flex-direction:row; flex-wrap:wrap; text-align:center; justify-content:center; }
.desktop #consultaion-cards > div { display:flex; align-items:center; justify-content:end; flex-direction:column; }

/* Hide Consultaion Card */
.desktop #consultaion-cards > #consultaion-card-chat,
.mobile #consultaion-cards > #consultaion-card-chat { display:none; }



/* Mobile */

.mobile .m-btn-threequarter { width:75%!important; }

.mobile h2#design-services-page-title {}
.mobile h2#design-services-page-title span:first-child { font-size:.7em; margin-top:12px; }
.mobile h2#design-services-page-title span:last-child  { font-family: 'Cormorant'!important; display: block!important; font-size: 1.2em!important; margin-bottom:20px; }

.mobile h3#design-services-page-subtitle { font-size:1.8em; }

/* Cards - Mobile */
.mobile .card.border { border-width:4px; padding:24px; }
.mobile .card h2 { text-transform:uppercase!important; }
.mobile .card p.card-text { margin:0 0 6px; }
.mobile .card .card-hours { position:static; margin:6px 0 -6px; }

.mobile .m-framework hr { border:none; border-top:1px solid #dfdbd8!important; margin:0 12px; }

.mobile #partner-in-design-title {}
.mobile #partner-in-design-title span:first-child { font-size:1em; margin:20px 0 8px; }
.mobile #partner-in-design-title span:last-child  { display:block!important; font-size:2em; margin-bottom:24px; }

.mobile #see-your-room-come-to-life-title { margin-bottom:24px!important; }
.mobile #see-your-room-come-to-life-title span:nth-child(1),
.mobile #see-your-room-come-to-life-title span:nth-child(3) { font-size:1em; margin:20px 0 0; }
.mobile #see-your-room-come-to-life-title span:nth-child(2) { font-size:2em; margin:0 5px 0 0; }

.mobile .article-styles ul { text-align:center; }
.mobile .article-styles ul li { list-style:none; }
.mobile .article-styles ul li:before { content:'\25CF';  margin-right:0.5em; font-size:.5em; position:relative; top:-3px; }

.mobile #need-inspiration-title {}
.mobile #need-inspiration-title span:first-child { font-size:1em; }
.mobile #need-inspiration-title span:last-child  { font-size:2em; }

.mobile #need-inspiration-title + p { margin-left:30px; margin-right:30px; }