/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

/* 
.list       { margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }
 */

/* Append your site-specific styles here */

div.cv_column_right + * {
	clear:both;
}


body {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
}

blockquote p {
    font-style: italic;
}
blockquote p:before {
	font-family:fontawesome;
	content:'\201C';
	display:inline-block;
	margin-right:2px;
}
blockquote p:after {
	font-family:fontawesome;
	content:'\201D';
	display:inline-block;
}

.cv_column_left {
 float:left;
 width: 49%;
 margin-right: 1%;
}

.cv_column_right {
 float:right;
 width: 49%;
 margin-left: 1%;
}


p {	
	line-height:1.4;
	position:relative;
	z-index:1
}

p a,
li a {
	font-weight:bold;
	text-decoration:none;
	color:#076cae;
}

h3 {
    margin-bottom: 0;
    font-size: 16px;
    background: #076cae;
    padding: 10px;
    color: #fff;
    margin-left: -5px;
    margin-bottom: 20px;
    clear: both;
    line-height: 1.4;
}


h3.sd-title {
	color: #404040;
	margin: 0 0 1em 0;
    display: inline-block;
    line-height: 1.2;
    font-size: 9pt;
    font-weight: 700;
	background:transparent;
	border:none;
}

h3.sd-title:before {
	display:none !important;
}

.column-buttons  {
	margin-bottom:30px;
}

.column-buttons > div {
	box-sizing:border-box;
	padding:5px;
	float:left;
	text-align:center;
}
.column-buttons .column-button {
    display: table-cell;
/*     padding: 30px; */
    transition: all 0.5s ease;
    border-radius: 5px;
    font-weight: normal;
    font-size: 1.5em;
    height: 150px;
    vertical-align: middle;
    line-height: 1.2;
    opacity:1;
    text-decoration:none;
    width:100%;
}

/* 
.solo-button {
    display: block;
    transition: all 0.5s ease;
    border-radius: 5px;
    font-weight: normal;
    font-size: 1.5em;
    height: 150px;
    line-height: 1.2;
    opacity:1;
    text-decoration:none;
    width:100%;
    margin:auto;
    line-height:150px;
	background: rgb(7, 108, 174);
	color:white;
}
 */


.column-buttons .column-button:hover {
	opacity:0.6;
}

.column-buttons .column-button i {
	display:none;
}


.left-float {
	float:left;
	margin:1%;
	margin-left:0;
	margin-top: 0;
	margin-bottom: 1%;
	position:relative;
	z-index:5
}
.right-float {
	float:right;
	margin:1%;
	margin-right:0;
	margin-top: 0;
	margin-bottom: 1%;
	position:relative;
	z-index:5
}

.breakout {
	width:49%;
	padding:30px;
	box-sizing:border-box;
}
.blue {
	background: rgb(7, 108, 174);
	color: #fff;
}
.red {
	background: rgb(235, 93, 94);
	color: #fff;
}
.green {
	background: rgb(122, 187, 67);
	color: #fff;
}
.orange {
	background: rgb(238, 128, 34);
	color: #fff;
}
.blue.light {
	background: rgba(7, 108, 174,.15);
	color: #333;
}
.red.light {
	background: rgba(235, 93, 94,.15);
	color: #333;
}
.green.light {
	background: rgba(122, 187, 67,.15);
	color: #333;
}
.orange.light {
	background: rgba(238, 128, 34,.15);
	color: #333;
}
.clear-float {
	clear:both;
}

.headerbar {
	padding:10px;
}
body blockquote,body div.blockquote {
    margin-left: 10% !important;
    margin-right: 10% !important;
    font-style: italic;
    font-size: 1.3em;
    line-height: 1.8;
    border: 12px solid #9d170f;
    border-top: none;
    border-bottom: none;
    padding-left: 3%;
    padding-right: 3%;

}
body div.bracketbox {
    margin-left: 20% !important;
    margin-right: 20% !important;
    font-size: 1.3em;
    line-height: 1.8;
    padding-left: 1%;
    padding-right: 1%;
    clear: both;
    font-family: monospace;
    position: relative;
    display: flex;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border: 50px solid;
    border-top-width:0;
    border-bottom-width:0;
    border-image: url(/wp-content/themes/nitro_s/images/bracket-border-2.png) 40 100;
}
body div.bracketbox p {
    flex-shrink: 5;
}

li > p {
	display:inline !important;
}
li {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.4;
}
.fancy-ul,
.checklist {
    list-style: none !important;
    padding-left: 25px;
    position: relative;
    margin-left: 40px;
    margin-right:40px;
    overflow:hidden;
}
.breakout .fancy-ul,
.breakout .checklist {
	margin-left:0;
	margin-right:0;
}

.fancy-ul > li,
.checklist > li {
    padding-left: 26px;
    position: relative;
}
.fancy-ul > li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: -26px;
    font-size: 100%;
    color:#9d170f;
    margin-right:10px;
}
.checklist > li:before {
    content: '\f14a';
}

.chevronlist > li:before {
    content: '\f138';
}

.pluslist > li:before {
    content: '\f067';
}

.xlist > li:before {
    content: '\f00d';
}

.trianglelist > li:before {
    content: '\f0da';
    font-size: 1em;
    transform: scale(1.5);
}
.boxlist > li:before {
    content: '\f0c8';
}

ol.bigdisc {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 43px;
    margin-left: 100px;
    margin-right:100px;
    overflow:hidden;
    padding-bottom:5px;
}
.breakout ol.bigdisc {
	margin-left:0;
	margin-right:0;
}

ol.bigdisc > li {
  margin: 0 0 15px 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

ol.bigdisc > li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #9d170f;
  border-radius: 100%;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
}

body div.center-announcement {
    width: 90%;
    background: rgba(255,255,0,0.3);
    margin: auto;
    margin-bottom:25px;
    margin-top:25px;
    padding: 10px;
    border-color: rgba(255,0,0,1);
    border-style: solid;
    border-width: 0;
    border-top-width: 10px;
    border-bottom-width:10px;
}

body div.center-announcement p:last-child {
	margin-bottom:0;
}

body div.center-announcement p:first-child {
	margin-top:0;
}

body div.centered-flexbox {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	align-content: center;
}
body div.centered-flexbox > * {
	margin:5px;
}

.fontsize12 {
	font-size:12px !important;
}
.fontsize14 {
	font-size:14px !important;
}
.fontsize16 {
	font-size:16px !important;
}
.fontsize18 {
	font-size:18px !important;
}
.fontsize20 {
	font-size:20px !important;
}
.fontsize24 {
	font-size:24px !important;
}
.fontsize36 {
	font-size:36px !important;
}
.fontsize48 {
	font-size:48px !important;
}
.fontsize60 {
	font-size:60px !important;
}
.fontsize72 {
	font-size:72px !important;
}

a.more {
    background: #076CAE;
    color: white !important;
    display: block;
    text-align: center;
    font-size: 1.5em;
    width: 100%;
    margin: auto;
    line-height: 2;
    transition: all 0.25s ease !important;
    opacity: 1;
    font-weight: 400;
    text-decoration:none;
}
a.app-button {
    display: inline-block;
    padding: 5px 15px;
    background: rgb(235, 93, 94);
    color: white !important;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    width: 250px;
    text-align: center;
}
.breakout p {
/*     margin-bottom: 5px !important; */
	line-height:1.8;
}

.breakout h2 {
    margin-top: -30px;
    width: calc(100% + 60px);
    margin-left: -30px;
    text-align: center;
    box-sizing: border-box;
}

/****  File Downloads ***/
h3.cat_header {
    border-bottom: 2px solid #076CAE;
    margin-bottom: 0;
    font-size: 16px;
    background: #076cae;
    padding: 5px;
    color: white;
}


div.download-group {
	margin:25px 0;
	clear:both;
}

div.download-item {
    clear: both;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 10px 00 22px 0;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}
div.download-group div.download-item {
    margin-bottom: 0;
    margin-top:-1px;
}

div.download-item .title_div {
	display:inline-block;
	max-width: calc(100% - 390px);	
	line-height:1.4;
	padding-left:5px;
}
div.download-item .filename {
	font-weight: bold;
	margin-right:10px;

}
div.download-item .fileinfo {
	font-size: 12px;
	display: inline-block;
    white-space: nowrap;
}
div.download-item p {
	margin:0;
}

div.download-item p.modified {
	font-size:12px;
	padding-left:5px;
	
}

div.download-item p.modified > span {
	font-style:italic;
}
div.download-item p.filedescription {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 14px;
    border-left: 2px solid #888;
    padding-left: 10px;
    margin-left: 30px;
    border-radius: 5px;
}
div.download-item a.button {
    display: block;
    float: right;
    font-weight: 800;
    background: #7ABB43;
    color: white;
    text-align: center;
    border: none;
    transition: background 0.5s ease !important;
    font-size: 1rem;
    line-height: 35px !important;
    height: 35px;
    border-radius: 3px;
    padding: 0px 10px;
    margin-left: 5px;
    opacity: 1;
    margin-bottom:1px;
}

div.download-item a.button:hover {
    transition: background 0.5s ease  !important;
	background-color: #5caadb;
	opacity:1;
}


table#lihtc_forms {
    border-collapse: collapse;
}

table#lihtc_forms thead th {
	text-align: left;
}

table#lihtc_forms tbody tr {
	height: auto !important;
}

table#lihtc_forms tbody td {
    height: auto !important;
    padding: 5px;
    border: 1px solid #666;
}

table#lihtc_forms tbody td[colspan="3"] {
    padding: 0px;
}

table#lihtc_forms thead th:first-child, 
table#lihtc_forms tbody td:first-child {
    width: 50px;
    text-align: center;
}

table#lihtc_forms thead th:last-child, 
table#lihtc_forms tbody td:last-child {
    width: 190px;
    text-align: center;
}

table#lihtc_forms tbody td h3 {
	margin: 0;
}
table#lihtc_forms div.download-item {
    border-bottom: 0px solid #ccc;
    padding: 0;
    border-top: 0px solid #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
}
table#lihtc_forms div.download-item .filename {
    padding-top: 18px;
    display: inline-block;
}

table#lihtc_forms div.download-item a.button {
    margin-top: 10px;
}


.columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.columns .column {
	width: 48%;
	min-width: 300px;
}



@media screen and (max-width:1378px) {
	.breakout {
		padding: 10px 20px;
	}
	breakout h2 {
		margin-top: 0px;
		width: calc(100% + 40px);
		margin-left: -20px;
		text-align: center;
		box-sizing: border-box;
	}

	blockquote, .blockquote, .bracketbox {
		margin-left: 10% !important;
		margin-right: 10% !important;
    }

}
@media screen and (max-width:1023px) {
	.breakout {
		width:48%;
	}
	.fancy-ul, .checklist {
		padding-left: 0px;
	}
}
@media screen and (max-width:834px) {
	p {
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.center-announcement {
		width: 100%
	}
	.breakout {
		width:100%;
		padding: 20px;
	}
	.breakout h2 {
		margin-top: 0px;
		width: calc(100% + 14px);
		margin-left: -8px;
		text-align: center;
		box-sizing: border-box;
	}
	.left-float {
		margin: 10px;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 1%;
	}
	.right-float {
		margin: 10px;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 1%;	
	}
	.bracketbox {
		margin-left: 1% !important;
		margin-right: 1% !important;	 
	}
	.bracketbox:before,.bracketbox:after {
		width: 95px;
	}
}
@media screen and (max-width:579px) {
	.cv_column_left, .cv_column_right {
		float:none;
		margin:0;
		width: 100%;
	}
}


@media screen and (max-width:479px) {
	.left-float {
		float:right;
		margin: 10px;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 1%;
	}
	blockquote, .blockquote, .bracketbox {
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
	.post-it {
		transform: rotate(2deg);
    }
    .fancy-ul, .checklist {
		margin-left: 10px;
		margin-right: 10px;
	}
	.post-it {
		width:95%;
		min-height: unset;
	}
}
@media screen and (max-width:390px) {
	.post-it {
		width:95%;
		min-height: unset;
	}
}

.center-announcement {position:relative}

.center-announcement.phone a {
	color:rgba(255,0,0,1);
}
.center-announcement.phone:before,
.center-announcement.phone:after {
	top:15px;
    display: block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    height: 100%;
    font-size: 6rem;
    color:rgba(255,0,0,1);
    background:transparent !important;
    z-index: 5;
}
.center-announcement.phone:before {
    content: '\f879';
    left:3px;
}

.center-announcement.phone:after {
    content: '\f095';
    right:3px;
}
@media screen and (max-width:649px) {
	.center-announcement.phone:before,
	.center-announcement.phone:after {
		content:'';
		display:none;
	}
}

.grid_gallery {
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
	
}

.grid_gallery > * {
    max-width: 150px;
    text-align: center;
    display: block;
    text-decoration: none;
}

@media print {
	.fancy-ol > li br
	{
		display:none !important;
	}
	

	body blockquote, body div.blockquote {
		margin-left: 0% !important;
		margin-right: 0% !important;
		font-style: italic;
		font-size: 12px;
		line-height: 1.3;
		border: none;
		border-top: none;
		border-bottom: none;
		padding-left: 0;
		padding-right: 0;
	}
	.center-announcement.phone a {
		color: black;
	}


	body div.center-announcement {
		width: 100%;
		background: transparent;
		margin: auto;
		margin-bottom: 25px;
		margin-top: 0;
		padding: 0;
		border-color: rgba(255,0,0,1);
		border-style: solid;
		border-width: 0;
		border-top-width: 0;
		border-bottom-width: 0;
	}
	ol.bigdisc {
		counter-reset: my-awesome-counter;
		list-style: none;
		padding-left: 30px;
    }
	
	ol.bigdisc > li:before {
		content: counter(my-awesome-counter);
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		--size: 20px;
		left: calc(-1 * var(--size) - 10px);
		line-height: var(--size);
		width: var(--size);
		height: var(--size);
		top: 0;
		background: #777;
		border-radius: 100%;
		text-align: center;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.fancy-ul, .checklist {
		list-style: none !important;
		padding-left: 0px;
		position: relative;
		margin-left: 40px;
		margin-right: 40px;
		overflow: hidden;
	}
	
	.fancy-ul > li:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		display: inline-block;
		margin-left: -26px;
		font-size: 100%;
		color: #777;
		margin-right: 10px;
	}
	
	a[href$='pdf'], 
	a[href$='doc'], a[href$='docx'], a[href$='xls'], a[href$='xlsx'], a[href$='ppt'], a[href$='pptx'], a[href$='PDF'], a[href$='DOC'], a[href$='DOCX'], a[href$='XLS'], a[href$='XLSX'], a[href$='PPT'], a[href$='PPTX'] {
		position: relative;
		border-bottom: 1px solid #ccc;
		padding: 0px 0;
		border-top: 1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 0;
		height: auto !important;
		font-weight: bold;
	
		display: block;
		padding-left: 5px;
	}

}