/*
 *	Room Planner LP
 */

.desktop .flex-vertical-align [class*="col-"] { padding-left:0; padding-right:0; }

@media(max-width:1024px){
	.desktop .flex-vertical-align { display:block!important; }	
	.desktop #mainContent .row { margin-bottom:60px!important; }
}
.desktop h2 span:first-child { margin-top:0; margin-bottom:8px; }

.desktop .inner-padding { padding:0 45px; }

.m-framework .h2, .m-framework .h3, .m-framework p { color:#333; }


/* Carousel */
.desktop #carousel-pagetop-hero { margin-bottom:60px; }
#carousel-pagetop-hero .ballard-carousel-controls { position:absolute; bottom:8px; right:8px; z-index:2; }
#carousel-pagetop-hero .ballard-carousel-controls button { background-color:rgba(255,255,255,.7); display:block; padding:7px 8px; margin:0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#carousel-pagetop-hero .ballard-carousel-controls button:hover, 
#carousel-pagetop-hero .ballard-carousel-controls a:active, 
#carousel-pagetop-hero .ballard-carousel-controls a:visited { text-decoration:none; }
#carousel-pagetop-hero .ballard-carousel-controls button::before { display:none; }
#carousel-pagetop-hero .ballard-carousel-controls button i { color:#333; font-size:20px; font-style:normal; width:17px; }
#carousel-pagetop-hero .ballard-carousel-controls button.ballard-carousel-play-button { display:none; }	

/* Carousel Play/Pause Control Icons */
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }



/* -- Mobile -- */

.mobile h1#categoryHeader { display:none; }
.mobile #design-services-page-title { font-size:1.6em; line-height:1.3em; margin:20px 0!important; padding:0!important; }
.mobile h2 span:first-child { margin-top:30px; }


/* Carousel */
.mobile #carousel-pagetop-hero .ballard-carousel-controls button { padding:2px 10px 0; }
.mobile .carousel-fade .carousel-inner .item { transition-property: opacity; }
.mobile .carousel-fade .carousel-inner .item,
.mobile .carousel-fade .carousel-inner .active.left,
.mobile .carousel-fade .carousel-inner .active.right { opacity: 0; }
.mobile .carousel-fade .carousel-inner .active,
.mobile .carousel-fade .carousel-inner .next.left,
.mobile .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.mobile .carousel-fade .carousel-inner .next,
.mobile .carousel-fade .carousel-inner .prev,
.mobile .carousel-fade .carousel-inner .active.left,
.mobile .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
.mobile .carousel-fade .carousel-control { z-index: 2; }

/* hr */
.mobile .m-framework hr { border-bottom:none; }
.mobile .m-framework .row hr { margin-left:12px; margin-right:12px; }

/* Last button - custom spacing */
.mobile .m-framework .btn-v2.btn-light { margin-bottom:30px!important; }