/* -- Custom Styles -- */
.article-styles section .row { margin-bottom:0!important; }
.article-styles section .row + .row { margin-top:0px!important; }
.article-styles section .row:last-child { margin-bottom:10vh!important; }


.article-styles .border-box { margin:0 0 30px; padding:30px 30px 5px; background-color:#fdfcfc !important; outline: 1px solid rgba(148, 123, 106, .2); border: 15px solid #fdfcfc; box-shadow: inset 0px 0px 0px 1px rgba(148, 123, 106, .2); box-sizing: border-box; }
.article-styles .border-box > div 	{ padding-left:0; padding-right:0; }
.article-styles .border-box > div:nth-child(1) a { display:block; }
.article-styles .border-box > div:nth-child(2) { min-height:300px; }
.article-styles .border-box img { margin-bottom:5px; }
.article-styles .border-box h2 { white-space:none; font-size:2.5em; }
.article-styles .border-box .btn { padding-left:15px!important; padding-right:15px!important; }
.article-styles .details { font-size:1em!important; color:rgba(0,0,0,.7); font-style:italic; }

.article-styles .border 	 { outline:1px solid #e8e2de; }

	/* Large Tablet & Small Desktop */
	@media(max-width:1024px){

		.article-styles section > .row { margin-top:50px; }
		.article-styles h1 { font-size:5em; line-height:1em; }
        .article-styles p.lead { font-size:1.2em; line-height:1.3em; }
		.article-styles .border-box > div:nth-child(2) { min-height:auto; padding-right:30px; }
		.article-styles .border-box > div:nth-child(3) {}
		.article-styles .border-box h2 { font-size:2.3em; margin-top:15px; }
		.article-styles .border-box .btn { margin-top:15px; font-size:1.1em!important; }
		.article-styles .border-box ul li .breaker { display:inline-block; white-space:nowrap; }
	}
	@media(max-width:875px){
		.article-styles .border-box .btn { font-size:1em!important; line-height:1.2em; letter-spacing:0; }
		.article-styles .border-box .btn .button-break { display:inline-block; white-space:nowrap; }
	}
	/* Small Tablet */
	@media(max-width:768px){
		.article-styles section > .row   { margin-top:60px; }
	}

	/* -- Mobile -- */
	.mobile .t-responsive-template {}
	.mobile .t-responsive-template .c-page-header h1 { display:none; }
	.mobile .t-responsive-template .article-styles section .row:last-child { margin-bottom:10px!important; margin-top:15px!important; }
	.mobile .t-responsive-template .article-styles header { display:none; }
	.mobile .t-responsive-template .c-page-header { margin-bottom:0!important; }
	.mobile .t-responsive-template .c-page-header + .m-responsive-template.m-framework  { margin-top:0; }

	.mobile .t-responsive-template .article-styles .border-box { 
		border:1px solid rgba(148, 123, 106, .2); border-bottom:1px solid rgba(148, 123, 106, .4); outline:none; box-shadow:none; padding:24px 12px 12px; margin:0 0 12px; }
	.mobile .t-responsive-template .article-styles .border-box > div:nth-child(2) { padding:0 18px; }
	.mobile .t-responsive-template .article-styles .border-box > div:nth-child(3) p,
	.mobile .t-responsive-template .article-styles .border-box > div:nth-child(4) p { margin:0; }
	.mobile .t-responsive-template .article-styles .border-box img { margin:0; width:calc(100% - 2px); }

	.mobile .t-responsive-template .article-styles .border-box h2 { font-size:2.2em; text-align:center!important; margin-top:12px; }
	.mobile .t-responsive-template .article-styles .border-box p  { font-size:14px; text-align:center!important;}
	.mobile .t-responsive-template .article-styles .border-box ul { padding-left:18px!important; margin-bottom:12px; }
	.mobile .t-responsive-template .article-styles .border-box ul li { font-size:12px; line-height:1.2em; }
	.mobile .t-responsive-template .article-styles .border-box .c-button,
	.mobile .t-responsive-template .article-styles .border-box .pw-button { margin:6px 0 12px; }
	.mobile .t-responsive-template .article-styles .border-box .c-button i,
	.mobile .t-responsive-template .article-styles .border-box .pw-button i { margin-right:8px; }

	.mobile .t-responsive-template .article-styles section .row { margin-top:0px!important; margin-bottom:0px!important; }
	.mobile .t-responsive-template .article-styles .details 	{ font-size:11px!important; line-height:18px; }

	@media(max-width:350px){
		.mobile .t-responsive-template .article-styles .border-box > div:nth-child(1) { width:38%; }
		.mobile .t-responsive-template .article-styles .border-box > div:nth-child(2) { width:62%; } 
		.mobile .t-responsive-template .article-styles .border-box p  { font-size:10px; }
		.mobile .t-responsive-template .article-styles .border-box h2 { margin-top:0; }
	}