/* used by the Starter Publishing master page for fixed width display */
.customWidth {
	width: 980px;
	margin: auto;
}

/* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */
#s4-titlerow {
	background-color: transparent;
    margin: 0;
    padding: 0;
    height: auto;
}
#contentBox {
    margin-left: 220px;
    margin-top: 50px;
}
.imgstate{
	width:200px;
}

.title {
    font-size: 26px;
    font-weight: 100;
}

button {
    margin: 10px 0px 0px 0px!important;
    font-family: sans-serif!important;
}

input[type="button"].btn-search,
input[type="reset"].btn-search,
input[type="submit"].btn-search {
    background-color: #4c9a2a;
    color: #ffffff;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 10px 0px;
    min-width: 6em;
    padding: 7px 10px;
    float: right;
}

/* Mobile */
@media screen and (max-width: 450px) {
	html, body {
	overflow: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 450px;
    overflow: hidden;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: min-content;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: -13em!important;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 55%;
	}
	input[type="button"].btn-search, input[type="reset"].btn-search, input[type="submit"].btn-search {
    background-color: #4c9a2a;
    color: #ffffff;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 10px 0px;
    min-width: 6em;
    padding: 7px 10px;
    float: right;
	}
	.col-md-6.imgdiv {
    margin-top: 19px;
    text-align: left;
    margin-bottom: 20px;
	margin-left: -1.7em;
	}
	.divTotalRaised {
    margin-top: -1em;
    margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	.divParticipation {
	margin-top: 1em;
	margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	.divInvestors {
	margin-top: 3em;
	margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	
	.divMembership, .divSize, .divGoal, .divMajorInvestors, .divCircleMembers {
    font-size: 14px;
	padding-bottom: 6px;
	}
	.divMembership {
    margin-top: 123px!important;
	}
	.imgstate {
    width: 140px;
    margin-top: -2px;
    position: absolute;
    margin-left: 13px;
	}
	div#ctl00_PlaceHolderMain_ID_Nar_divDetails .row {
		margin-top: 60px;
	}
	.titleicon {
    position: absolute;
    right: -247px!important;
    width: 183%;
    height: auto;
	}
	.col-md-6 {
    margin-top: 15px!important;
	}
}

@media screen and (max-width: 375px) {
	html, body {
	overflow: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 375px;
    overflow: hidden;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: min-content;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: -13em!important;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 51%;
	}
	input[type="button"].btn-search, input[type="reset"].btn-search, input[type="submit"].btn-search {
    background-color: #4c9a2a;
    color: #ffffff;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 10px 0px;
    min-width: 6em;
    padding: 7px 10px;
    float: right;
	}
	.col-md-6.imgdiv {
    margin-top: 19px;
    text-align: left;
    margin-bottom: 20px;
	margin-left: -1.7em;
	}
	.divTotalRaised {
    margin-top: -2em;
    margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	.divParticipation {
	margin-top: 0em;
	margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	.divInvestors {
	margin-top: 2em;
	margin-left: 9em;
	position: absolute;
	font-size: 14px;
	}
	.divMembership, .divSize, .divGoal, .divMajorInvestors, .divCircleMembers {
    font-size: 14px;
	padding-bottom: 6px;
	}
	.imgstate {
    width: 140px;
    margin-top: -4px;
    position: absolute;
    margin-left: 13px;
	}
	div#ctl00_PlaceHolderMain_ID_Nar_divDetails .row {
		margin-top: 60px;
	}
	.titleicon {
    position: absolute;
    right: -247px!important;
    width: 183%;
    height: auto;
	}
	.col-md-6 {
    margin-top: 15px!important;
	}
}

@media screen and (max-width: 360px) {
	html, body {
	overflow: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 360px;
    overflow: hidden;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: min-content;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: -13em!important;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 50%;
	}
	input[type="button"].btn-search, input[type="reset"].btn-search, input[type="submit"].btn-search {
    background-color: #4c9a2a;
    color: #ffffff;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 10px 0px;
    min-width: 6em;
    padding: 7px 10px;
    float: right;
	}
	.col-md-6.imgdiv {
    margin-top: 19px;
    text-align: left;
    margin-bottom: 20px;
	margin-left: -1.7em;
	}
	.divTotalRaised {
    margin-top: -1em;
    margin-left: 8em;
	position: absolute;
	font-size: 14px;
	}
	.divParticipation {
	margin-top: 1em;
	margin-left: 8em;
	position: absolute;
	font-size: 14px;
	}
	.divInvestors {
	margin-top: 3em;
	margin-left: 8em;
	position: absolute;
	font-size: 14px;
	}
	.divMembership,
	.divSize,
	.divGoal,
	.divMajorInvestors,
	.divCircleMembers {
    font-size: 14px;
	padding-bottom: 6px;
	}
	.imgstate {
    width: 140px;
    margin-top: -2px;
    position: absolute;
    margin-left: 5px;
	}
	div#ctl00_PlaceHolderMain_ID_Nar_divDetails .row {
		margin-top: 60px;
	}
	.titleicon {
    position: absolute;
    right: -245px!important;
    width: 183%;
    height: auto;
	}
	.col-md-6 {
    margin-top: 15px!important;
	}
}


/* iPad Portrait */
@media only screen
and (min-device-width: 481px)
and (max-device-width: 1024px)
and (orientation:portrait) {
	html, body {
    max-width: 100%;
    overflow-x: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 768px;
    overflow: hidden;
	}
	#contentBox {
    margin-left: 18px;
    margin-top: 50px;
	}
	.col-md-6.divrow4 {
    margin-left: -10em;
    margin-top: 3em;
	}
	.titleicon {
    position: absolute;
    right: -257px!important;
    margin-top: -3px!important;
	}
}

/* iPad Landscape */
@media only screen
and (min-device-width: 481px)
and (max-device-width: 1024px)
and (orientation:landscape) {
	html, body {
    max-width: 100%;
    overflow-x: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 481px;
    overflow: hidden;
	}
	#contentBox {
    margin-left: -305px!important;
    margin-top: 50px;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 104%!important;
	}
	.col-md-6.divrow4 {
    margin-left: -17em;
    margin-top: 3em;
	}
}

/* iPadPro Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	html, body {
	overflow: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 1024px;
    overflow: hidden;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: min-content;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 103%;
	}
	.titleicon {
    position: absolute;
    right: -267px!important;
    margin-top: -4px!important;
	}
	.col-md-6.divrow4 {
    margin-left: -17em;
    margin-top: 3em;
	}
}

/* iPadPro Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
	}
	#s4-workspace {
    overflow: auto;
    position: relative;
    width: fit-content!important;
	}
	#s4-bodyContainer {
    padding-bottom: 35px;
    width: 1334px;
    overflow: hidden;
	}
	#contentBox {
    margin-left: -126px;
    margin-top: 50px;
	}
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 118%;
	}
	.titleicon {
    position: absolute;
    right: -262px!important;
    margin-top: -6px!important;
	}
}

button {
    display: none;
}

/* Green icons */
.fa-dollar:before,
.fa-usd:before,
.fa-percent:before,
.fa-group:before,
.fa-users:before,
.fa-trophy:before,
.fa-building:before {
    color: #4c9a2a;
}

.fa-area-chart:before {
    content: "\f1fe";
    color: #939598;
}
i.fa.fa-area-chart.titleiconfa {
    font-size: 40px;
}

span
.row4ans1,
.row4ans2,
.row4ans3,
.row5ans1,
.row5ans2,
.row5ans3,
.row5ans4,
.row5ans5 {
    font-weight: 500;
}

.titleicon {
    position: absolute;
    right: -634px;
	margin-top: -3px!important;
	}

#s4-workspace {
    overflow: hidden!important;
}

@media screen and (min-width: 1280px) {
	.col-md-6.divrow4 {
    margin-left: -28em;
    margin-top: 3em;
	}
	.titleicon {
    position: absolute;
    right: -457px;
    margin-top: -5px!important;
	}
}

@media screen and (min-width: 1680px) {
	.titleicon {
    position: absolute;
    right: -641px;
    margin-top: -5px!important;
	}
}