:root {
  --browning-red: #d6331d;
  --browning-grey: #333333;
  --browning-light-grey: #dedede;
  --browning-dark-accent: #754043;
  --browning-light-accent: #DDB967;
  --jumbo-h1-size: 45px;
  --jumbo-h4-size: 25px;
  --jumbo-h6-size: 18px;
  --featurette-h2-size: 35px;
  --featurette-h4-size: 25px;
  --news-headline-size:15px;
  --news-extract-size:12px;
  --main-text-size:18px;

  /* Small Breakpoint */
  --jumbo-h1-size-xs: 30px;
  --jumbo-h4-size-xs: 18px;
  --jumbo-h6-size-xs: 15px;
  --featurette-h2-size-xs: 30px;
  --featurette-h4-size-xs: 18px;
  --main-text-size-xs: 14px;
  --cta-h4-size-xs: 18px;
}

@font-face {
  font-family: Manrope-Regular;
  src: url('../fonts/Manrope-Regular.ttf');
}
@font-face {
  font-family: Manrope-Bold;
  src: url('../fonts/Manrope-Bold.ttf');
}
@font-face {
  font-family: Manrope-ExtraBold;
  src: url('../fonts/Manrope-ExtraBold.ttf');
}
@font-face {
  font-family: Manrope-ExtraLight;
  src: url('../fonts/Manrope-ExtraLight.ttf');
}
@font-face {
  font-family: Manrope-Light;
  src: url('../fonts/Manrope-Light.ttf');
}

body {
	font-family: Manrope-Regular;
}

.browning-red {
	color:var(--browning-red);
}
.browning-dark-accent {
	color:var(--browning-dark-accent);
}


 .dropdown-menu h6 {
	font-family: Manrope-Bold;
	font-size: 13px;
	color:var(--browning-grey);
	line-height:150%;
 }



.mm {
	font-family: Manrope-Bold;
	font-size:15px;
	color:#var(--browning-red) !important;
}
.bfp-contact a {
	color:#444444 !important;
 }

.nav-link {
	color:var(--browning-red) !important;
}
.nav-link:hover {
	color:var(--browning-light-accent) !important;
}

.navbar {
	border:0px !important;
}

.navbar-brand {

}
.secondary-nav {
	font-size:12px;
}

.secondary-nav .active {
	color:var(--browning-light-accent) !important;
}



.logo-text-browning {
	font-family: Manrope-ExtraBold;
	font-size:28px;
	color:var(--browning-red) !important;
	line-height:100%;
	padding-bottom:3px;
	text-align:center;
}
.logo-text-financial-planning {
	border-top:#555555 1px solid;
	margin-top:-1px;
	font-family: Manrope-Bold;
	font-size:16.4px;
	color:#777777 !important;
	text-align:center;
	color:#333333 !important;
}

.jumbotron {
	background-color:#eeeeee;
	color:#000000;
}

.jumbotron hr {
	background-color:#888888;
}



 .jumbotron .figure-caption {
 	font-family: Manrope-Regular;
 	font-size: 11px;
 }

.jumbotron h1 {
	font-family: Manrope-Bold;
	font-size: var(--jumbo-h1-size);
	color:var(--browning-red);
 }

.jumbotron h4 {
	font-family: Manrope-Regular;
	font-size: var(--jumbo-h4-size);
	color:var(--browning-grey);
	line-height:150%;
 }



 .jumbotron h6 {
	font-family: Manrope-Regular;
	font-size: var(--jumbo-h6-size);
	color:var(--browning-dark-accent);
	line-height:150%;
 }

.mmbg {
	background-color:#e0f4fc;
}

.btn-browning-primary {
	background-color: var(--browning-red);
	border:0px;
	color:#ffffff;
}


.btn-browning-primary:hover{
	background: var(--browning-dark-accent);
}

#browning-footer {

	padding-top:50px;
	margin-top:50px;
	color:#333333;
	font-family: Manrope-Regular;
	font-size:12px;
	line-height:180%;
	background-color: var(--browning-light-grey);
}

#browning-footer a {
	color:var(--browning-red);
}
#browning-footer a:hover {
	color:var(--browning-dark-accent);
	text-decoration: none;
}



.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */


.featurette h2 {
	font-family:Manrope-Bold;
	line-height:120%;
	font-size:var(--featurette-h2-size);
	color:var(--browning-red);
}

.featurette h4 {
	font-family:Manrope-Regular;
	line-height:130%;
	font-size:var(--featurette-h4-size);
	color:var(--browning-grey);
}

.featurette .lead {
	font-family: Manrope-Regular;
	font-size:18px;
	line-height:140%;
	color:#333333;
}


.card-body {
    min-height: 150px;
    min-width: 300px;
    margin-right:10px;
}


.news-extract, .block-header {
	line-height:140%;
	font-family: Manrope-Bold;
	font-size: var(--jumbo-h4-size);
	color: var(--browning-red);
}

.news-paragraph {
	line-height:150%;
}

#news-card  {
	font-size:12px;
}

#news-card h6, .more-news-stories-headline {
	color:var(--browning-dark-accent);
	font-family:Manrope-Bold;
	font-size:var(--news-headline-size);
	line-height:150%;
}
#news-card .far, .more-news-stories-headline .far {
	color:var(--browning-red);
}
#news-card .extract, .more-news-stories-extract {
	font-size:var(--news-extract-size);
	line-height:150%;
	color:var(--browning-grey);
}
#news-card .extract a, .more-news-stories-headline a, .more-news-stories-extract a, .extract a {
	color:var(--browning-dark-accent);
}

#news-card .extract a:hover, .more-news-stories-extract a:hover, .more-news-stories-headline a:hover  {
	color:var(--browning-light-accent);
	text-decoration: none;
}

#news-card .media {
	background-color:#eeeeee;
}

#news-card .headline a {
	color:var(--browning-dark-accent);
}

#news-card .headline a:hover {
	color:var(--browning-light-accent);
	text-decoration: none;
}

#news-card .more-articles a, .more-articles a {
	color:var(--browning-dark-accent);
}

#news-card .more-articles a:hover {
	color:var(--browning-light-accent);
	text-decoration: none;
}

#news-card .card-title, .more-news-stories-title {
	color:var(--browning-red);
}

.p-card .card-title {
	color:var(--browning-red);
}

.p-card .card-text {
	color:var(--browning-grey);
	font-size:17px;
}

.news-tile h4 {
	font-family:Manrope-Bold;
	line-height:120%;
	font-size:var(--featurette-h4-size);
	color:var(--browning-red);
}
.news-tile p {
	color:var(--browning-dark-accent);
	line-height:150%;
}

.news-tile {
	background-color:#eeeeee;
}

.paragraph-with-image h2 {
	font-family:Manrope-Light;
	line-height:120%;
	font-size:var(--featurette-h2-size);
	color:var(--browning-red);
}

.main-text {
	font-family:Manrope-Regular;
	line-height:150%;
	font-size:var(--main-text-size);
	color:var(--browning-grey);
}
.main-text a {
	color:var(--browning-dark-accent);
}
.main-text a:hover {
	text-decoration: none;
	color:var(--browning-light-accent);
}


.faint {
	opacity:0.25;
}

.smaller {
	font-size:12px;
	color: var(--browning-dark-accent);
}

.small a {
	color:var(--browning-dark-accent);
}


.cta h4 {
	font-family: Manrope-Regular;
	font-size: var(--jumbo-h4-size);
	color:var(--browning-red);
	line-height:150%;
 }




.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

            .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .cta-title{
                    margin: 0 auto 15px;
                    padding: 0;
                }

                .cta-desc{
                    padding: 0;
                }

                .cta-desc p:last-child{
                    margin-bottom: 0;
                }

            .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

        .cta-contents{
            text-align: center;
        }
}



.bs-calltoaction.bs-calltoaction-default{
    color: #333;
    background-color: #fff;
    /*border-color: #ccc;*/
}

.bs-calltoaction.bs-calltoaction-primary{
    color: #fff;
    background-color: #337ab7;

}

.bs-calltoaction.bs-calltoaction-info{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.bs-calltoaction.bs-calltoaction-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.bs-calltoaction.bs-calltoaction-danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.bs-calltoaction.bs-calltoaction-browning{
    color: var(--browning-grey);
    background-color: var(--browning-light-grey);
    border:0px;
}











/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}


/* BROWNING CUSTOM RESPONSIVE STUFF */

@media (max-width: 575.98px) {
	.jumbotron {
		padding: 30px;
	}
	.jumbotron h1 {
		font-size:var(--jumbo-h1-size-xs);
	}
	.jumbotron h4 {
		font-size:var(--jumbo-h4-size-xs);
	}
	.jumbotron h6 {
		font-size:var(--jumbo-h6-size-xs);
	}
	.featurette h2 {
		font-size:var(--featurette-h2-size-xs);
	}
	.featurette h4 {
		font-size:var(--featurette-h4-size-xs);
	}

	/* News Stories */
	.news-extract {
		line-height:150%;
		font-family: Manrope-Bold;
		font-size:var(--jumbo-h4-size-xs);
		color: var(--browning-dark-accent);
	}

	.main-text {
		font-size: var(--main-text-size-xs);
	}

	.cta h4 {
		font-size:var(--cta-h4-size-xs);
	}


}

@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {

}