@import url('../libs/font-awesome-3.2.1/css/font-awesome.min.css');

@import url('./reset.css');

@import url('./mime.css');

@import url('./forms.css');

@import url('./grid.css');

@import url('./image-aspect.css');

body {
	background: #F9F9F9;
	font-size: 16px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

a {
	color: #339FCA;
}

a[href^="https://www.froala.com/wysiwyg-editor"] {
	opacity: 0;
	visibility: hidden;
	height: 0px;
	width: 0px;
	margin: -10px;
	position: absolute;
	left: -9999px;
}

a i {
	text-decoration: none !important;
}

h1 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2;
	text-shadow: 0 1px 0 #FFF;
	margin: 20px 0;
}

h1 em {
	display: block;
	color: #888;
	font-size: 16px;
	font-style: normal;
	margin-top: 5px;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

h4 {
	font-size: 15px;
}

hr {
	border: none;
	background: #EEE;
	box-shadow: 0 1px 0 #FFF;
	margin: 10px 0;
	height: 1px;
}

strong {
	font-weight: bold;
}

.half {
	width: calc(49% - 5px);
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.half.left + .half {
	float: right;
}

.half.right + .half {
	float: left;
}

.center {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

.wrapper {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.canvas {
    position: relative;
    background: #FFF;
    border: 1px solid #888;
    border-radius: 3px;
    box-shadow: 0 1px 7px rgba(0,0,0,.2);
    margin-bottom: 50px;
    padding: 0 0 50px 0;
    min-height: 600px;
}

.flex {
	display: flex;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.justify-between {
	justify-content: space-between;
}

  /* Content Section Containers */

.section {
    position: relative;
    border: 2px dashed transparent;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: -10px;
    /* overflow: auto; */
    -webkit-transition: background-color .75s, border-color .2s;
    transition: background-color .75s, border-color .2s;
    z-index: 80;
}
.placeholder.section, .simpleview-listings.section {
    display:  none;
}
.lftcol .section {
    margin-left: 10px;
}

.rgtcol .section {
    margin-right: 10px;
}

div.section.contact-info p {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.logo-section .image-block {
	max-width: 250px;
}

 /* images */
.section img.left, .section img.right {
    margin-top: 5px;
    max-width: 50%;
    max-height: 66%;
}

.section img.full {
    max-width: 100%;
    max-height: 400px;
}

.col-1-3 .section img.left, .col-1-3 .section img.right {
    max-width: 40%;
    max-height: 66%;
}

/* layout */
.section .image-block.half.right + .ts-rte {
	/* display: inline-block; */
	/* max-width: calc(51% + 5px); */
}
.section .image-block.half.left + .ts-rte {
	/* display: inline-block; */
	/* max-width: calc(51% + 15px); */
}

.section .ts-rte {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.section .ts-rte p {
	margin: 0px 0px;
}

.section .ts-rte p *,
.section .ts-rte span *,
.section .ts-rte ol *,
.section .ts-rte ul *,
.section .ts-rte li *,
.section .ts-rte h1 *,
.section .ts-rte h2 *,
.section .ts-rte h3 *,
.section .ts-rte h4 *,
.section .ts-rte h5 *,
.section .ts-rte h6 *,
.section .ts-rte td * {
	font-size: inherit !important;
	font-family: inherit !important;
}

.section .ts-rte ul li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	list-style-type: square;
}
.section .ts-rte ul li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	list-style-type: circle;
}
.section .ts-rte ul li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	list-style-type: disc;
}
.section .ts-rte ul li > ul > li > ul > li > ul > li > ul > li > ul {
	list-style-type: square;
}
.section .ts-rte ul li > ul > li > ul > li > ul > li > ul {
	list-style-type: circle;
}
.section .ts-rte ul li > ul > li > ul > li > ul {
	list-style-type: disc;
}
.section .ts-rte li ul > li > ul {
	list-style-type: square;
}
.section .ts-rte ul li > ul {
	list-style-type: circle;
}
.section .ts-rte ul {
	list-style-type: initial;
	height: auto !important;
}
.section .ts-rte ul li {
	margin: 0px 0px;
	height: auto;
	font-size: inherit;
	font-family: inherit;
}

.section .ts-rte ol li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol {
	list-style-type: lower-roman;
}
.section .ts-rte ol li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol {
	list-style-type: lower-alpha;
}
.section .ts-rte ol li > ol > li > ol > li > ol > li > ol > li > ol > li > ol {
	list-style-type: decimal;
}
.section .ts-rte ol li > ol > li > ol > li > ol > li > ol > li > ol {
	list-style-type: lower-roman;
}
.section .ts-rte ol li > ol > li > ol > li > ol > li > ol {
	list-style-type: lower-alpha;
}
.section .ts-rte ol li > ol > li > ol > li > ol {
	list-style-type: decimal;
}
.section .ts-rte ol li > ol > li > ol {
	list-style-type: lower-roman;
}
.section .ts-rte ol li > ol {
	list-style-type: lower-alpha;
}
.section .ts-rte ol {
	list-style-type: decimal;
	height: auto !important;
}

.section .ts-rte ol li {
	margin: 0px 0px;
	height: auto;
	font-size: inherit;
	font-family: inherit;
}
.section .ts-rte ol li:first-child:before {
	margin-left: 4px;
}
.section .ts-rte ol li:before {
	content: "";
	margin-left: 3px;
	max-height: 0px;
	max-width: 0px;
}

.section .ts-rte.head strong,
.section .ts-rte.head em,
.section .ts-rte.head s,
.section .ts-rte.head i,
.section .ts-rte.head u {
	color: inherit;
	font-size: inherit !important;
	font-family: inherit !important;
}

.section .ts-rte strong,
.section .ts-rte em,
.section .ts-rte s,
.section .ts-rte i,
.section .ts-rte u {
	display: initial;
}
.section .ts-rte em,
.section .ts-rte i {
	font-style: italic;
}

.section .ts-rte-tail {
	display: inline;
}

.section .ts-libdoc span.ts-rte, .section .ts-libdoc div.ts-rte, .section .ts-libdoc div.ts-rte p, .section .ts-libdoc span.ts-rte p {
	display: inline-block;
	margin-top: 2px;
	width: 100%;
}
.section .ts-libdoc span.ts-rte, .section .ts-libdoc div.ts-rte, .section .ts-libdoc div.ts-rte *, .section .ts-libdoc span.ts-rte * {
	/* font-weight: inherit !important; */
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
}


/* tables */
.section table.ts-table {
	display: table;
	width: 100%;
	margin: 10px 0;
	font-size: 80%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #B7B7B7;
	color: #000000;
	table-layout: fixed;
	/* z-index: 83; */
}

.section table.ts-table.ts-table-aside {
	width: calc(51% - 15px);
}

.section .half table.ts-table.ts-table-aside {
	width: 100%;
}

.section table.ts-table thead {
	display: table-header-group;
	font-weight: bold;
}

.section table.ts-table tfoot {
	display: table-footer-group;
}

.section table.ts-table tbody td,
.section table.ts-table thead th,
.section table.ts-table tfoot td {
	font-size: 100%;
	display: table-cell;
	border: 1px solid #B7B7B7;
	vertical-align: middle;
	border-collapse: collapse;
	box-sizing: content-box;
	padding: 3px;
}
.section table.ts-table.no-borders,
.section table.ts-table.no-borders tbody td,
.section table.ts-table.no-borders thead th,
.section table.ts-table.no-borders tfoot td {
	border: 1px dashed #e6e6e6;
}
.section table.ts-table.row-borders tbody td,
.section table.ts-table.row-borders thead th,
.section table.ts-table.row-borders tfoot td {
	border-bottom: 1px solid #B7B7B7;
}
.section table.ts-table.row-borders tbody tr:last-child td,
.section table.ts-table.row-borders thead tr:last-child th,
.section table.ts-table.row-borders tfoot tr:last-child td {
	border-bottom: 1px dashed #e6e6e6;
}
.section table.ts-table.column-borders tbody td,
.section table.ts-table.column-borders thead th,
.section table.ts-table.column-borders tfoot td {
	border-right: 1px solid #B7B7B7;
}
.section table.ts-table.column-borders tbody tr td:last-child ,
.section table.ts-table.column-borders thead tr th:last-child ,
.section table.ts-table.column-borders tfoot tr td:last-child  {
	border-right: 1px dashed #e6e6e6;
}
.section table.ts-table.table-borders,
.section table.ts-table.table-borders.no-borders {
	border: 1px solid #B7B7B7;
}
.section table.ts-table.header-border thead tr:last-child th,
.section table.ts-table.row-borders.header-border thead tr:last-child th {
	border-bottom: 1px solid #B7B7B7;
}
.section table.ts-table.footer-border thead tr:last-child th,
.section table.ts-table.row-borders.footer-border thead tr:last-child th {
	border-top: 1px solid #B7B7B7;
}
.section table.ts-table thead th,
.section table.ts-table tfoot td {
	background: #DDDDDD;
}
.section table.ts-table.delphi-import-data.room-block thead th {
	text-align: center;
}

.section table.ts-table.alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.section table.ts-table ul {
    display: block;
    text-align: left;
    padding: 5px;
    color: inherit;
}
.section table.ts-table ul li {
    color: inherit;
}


 /* lists */
.section ul, .section ol {
	font-size: 14px;
	margin: 10px 0 10px 15px;
}

.section .ts-rte ul ul > li, .section .ts-rte  ol ol > li,
.section .ts-rte ol ul > li, .section .ts-rte ul ol > li {
	margin-top: .2em;
}
.section ul > li, .section ol > li {
	font-size: 14px;
	padding: 2px 0 0 0px;
	margin-bottom: 7px;
}

.section ul li.add-document {
    display: none;
}

    /* fromatting */
.section b {
    font-weight: bold;
}

.section i {
/*         font-style: italic; */
}

  /* Canvas Style Overrides -- will need to sep this for themes based on templates */
.canvas h1, .canvas h2, .canvas h3, .canvas h4, .canvas h5, .canvas h6 {
	color: #111;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}

.canvas h1 {
	font-size: 18px;
}

.canvas h1:empty:after {
	content: " ";
}

.canvas h2 {
	font-size: 16px;
}

.canvas div.ts-rte {
	font-size: 13px;
	color: #333;
}

.canvas .ts-hr {
	display: flex;
	flex-direction: column;
	z-index: 54;
}
.canvas .ts-hr > hr {
	clear: both;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	page-break-after: always;
	flex: 1 1 auto;
}

.canvas p, .canvas ul, .canvas ol, .canvas table {
	font-size: 13px;
	color: #333;
	line-height: 1.3;
	margin: 5px 0;
	word-wrap: break-word;
}

.canvas .ts-rte ul, .canvas .ts-rte ol {
	margin: 0px;
}

.canvas .ts-rte ul, .canvas .ts-rte ol {
	display: flex;
	flex-direction: column;
}

.canvas .ts-rte ol ul, .canvas .ts-rte ul ol,
.canvas .ts-rte ul ul, .canvas .ts-rte ol ol {
	display: block;
}

.canvas .ts-rte ul li, .canvas .ts-rte ol li {
	font-size: 13px;
	color: #333;
	line-height: 1.2em;
	list-style-position: inside;
	padding-left: 0.75em;
	margin-bottom: .2em;
}

.canvas video {
    margin: 5px 0;
    border-radius: 6px;
}

.canvas small {
    font-size: .9em;
}

.canvas small i {
    font-size: .8em !important;
}

.canvas img {
    border-radius: 3px;
}

.canvas hr {
	border: initial;
	border-top: initial;
	background: #CCC;
	clear: both !important;
}



/* Section Types */

.contact-photo {
}

.contact-info {
}

.contact-info.v2 .phAssociatedData-firstName, .contact-info.v2 .phAssociatedData-lastName {
    font-size: 18px;
    font-weight: bold;
}

.contact-info.v2 p>* {
    display: none;
}

.contact-info.v2 p>.phRendered, .contact-info.v2 p>.social {
    display: list-item;
    list-style: none;
}

.contact-info.v2 p {
    margin-top: 0px;
    margin-bottom: 10px;
}

.contact-info.v2 .social > * {
    display: none;
}

.contact-info.v2 .social .phRendered {
    display: inline;
    font-size: 1.5em;
    margin-right: .25em;
}

.image-single {
}

.image-text-left {
}

.image-text-right {
}

.image-text-bottom {
}

.image-gallery div[class^='col-'] {
    margin-bottom: 10px;
    height: 150px;
    overflow: hidden;
}

.image-gallery div[class^='col-'] .remove {
    display: none;
}

.image-gallery div[class^='col-']>img {
    border: 1px solid #DDD;
}

.image-gallery ul.thumbs {
    list-style: none;
    text-align: left;
    padding: 0px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: -10px;
}

.image-gallery h3.message {
    color: #999;
    text-align: center;
    font-size: 11px;
}

.image-gallery ul.thumbs li {
    position: relative;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 100%;
    list-style: none;
    padding: 0px;
    width: 30%;
}

.image-block {
    margin-top: 5px;
	z-index: 19;
}

.image-block ul {
    margin: 0px 0px 0px 0px;
}

.image-block ul li {
    position: relative;
    list-style: none;
    padding: 0px;
}

.sidebar .image-gallery ul.thumbs {
    margin-left: 0px;
}

.sidebar .image-gallery ul.thumbs li {
    width: 29%;
    margin-bottom: 8px;
    margin-right: 5px;
}

.image-gallery ul.thumbs li img {
    float: left;
    border: 1px solid #DDD;
    min-height: 50px;
    max-width: 100%;
    width: auto;
}

.image-block ul li img {
    max-width: 100%;
    width: auto;
}

.image-gallery ul.thumbs li em, .image-block ul li em {
    display: none;
}

.image-gallery ul.thumbs li a.fancybox {
    display: block;
}

.text-block {
}

.video-single {
}

.section.document-list {
  padding-bottom: 26px;
}
.section.document-list ul li, ul.document-list li {
	list-style-type: none;
	position: relative;
	padding-bottom: 3px;
	padding-top: 3px;
}
.section.document-list ul .ts-libdoc, ul.document-list .ts-libdoc {
  vertical-align: middle;
}
.document-list ul, ul.document-list {
  margin-left: 0px;
}
.section.document-list ul li a.ts-libdoc, ul.document-list li a.ts-libdoc {
  display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: calc(100% - 50px);
	max-width: calc(100% - 50px);
	line-height: 22px;
}

.document-list ul li em.remove-document {
    display: none;
}

.clear {
    clear: both;
}

div.section>.editme,
div.section>.dragme,
div.section>.helptext,
div.section>.section-position-controls {
    display: none;
    visibility: hidden;
}

.image-block .slider .bx-wrapper {
    margin-bottom: 45px;
}
.image-block.v2 .slider .bx-wrapper {
    margin-bottom: 30px;
}

.image-block .slider .bx-wrapper .bx-pager {
    padding-top: 10px;
    margin-left: -5px;
    bottom: -25px;
}

.image-block .slider .bx-wrapper .bx-loading {
    background: url(../images/loading-spinner.gif) center center no-repeat #fff;
}

.image-block .slider .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0px;
    background: inherit;
    height: 250px;
}

.image-block .slider .listing-images-wrapper .listing-images.js-init-later li:not(:first-child) {
	display: none;
}

.section.location-map>.ts-mapblock>* {
  margin-top: 0px;
}
.section.location-map>.ts-mapblock>:last-child {
  margin-bottom: 5px;
}
.section.location-map>.ts-mapblock>.ts-media-embed>iframe {
  padding: 10px 10px 10px 0;
}
.col-1-4 .section.location-map>.ts-mapblock>.ts-media-embed>iframe {
  padding: 8px 0 8px 0;
}

.ts-libvid .ts-media-embed {
    display: block;
    margin: 5px 0px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 56%;
    height: auto;
    overflow: hidden;
}

.ts-libvid .ts-media-thumbnail {
    display: none;
    margin: 5px 0px;
}

.ts-libvid .ts-media-thumbnail > *, .ts-libvid .ts-media-embed > * {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.ts-libvid .ts-media-embed > iframe, .ts-libvid .ts-media-embed > object, .ts-libvid .ts-media-embed > embed {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
}

.icon-facebook, .icon-facebook-sign {
    color: #425F9C;
}

.icon-linkedin, .icon-linkedin-sign {
    color: #1582BB;
}

.icon-titter, .icon-twitter-sign {
    color: #00BEF6;
}

.icon-google-plus, .icon-google-plus-sign {
    color: #D73D32;
}

.ts-dom-template {
    display: none;
}

.virtual-tour-wrapper .overlay {
	display: none;
}

.text-columns .columns-wrapper {
	margin-top: 15px;
	display: flex;
	gap: 20px;
}

.text-columns .columns-wrapper > div.ts-rte {
	flex: 1;
	width: 50%;
}

@media screen and (max-width: 700px) {
	.text-columns.three-columns-text .columns-wrapper {
		flex-direction: column;
	}

	.text-columns.three-columns-text .columns-wrapper > div.ts-rte {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.text-columns.two-columns-text .columns-wrapper {
		flex-direction: column;
	}

	.text-columns.two-columns-text .columns-wrapper > div.ts-rte {
		width: 100%;
	}
}