/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear { @util clearfix; }

/*  Notext  */

.notext { @util text-hide; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: flex; flex-flow: row wrap; }

.col { max-width: 100%; flex: 1; }
.col--1of2 { max-width: 50%; flex: 0 0 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: calc(767px + 1px)) and (max-width: 991px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: calc(991px + 1px)) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: calc(1200px + 1px)) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}


/* ------------------------------------------------------------ *\
	Custom Helpers
\* ------------------------------------------------------------ */

/* Headings */

h1.lvw-h1-large { margin-bottom: 10px; font-size: 48px; }

.lvw-subheading-h1 { font-size: 26px; font-weight: 300; color: rgba(74, 87, 98, .8); line-height: 1.3; margin-bottom: 15px; }
.lvw-subheading-h2 { font-size: 24px; font-weight: 300; color: rgba(74, 87, 98, .8); line-height: 1.3; max-width: 960px; margin-bottom: 15px; }
.lvw-subheading-h3 { font-size: 20px; font-weight: 300; color: rgba(74, 87, 98, .8); line-height: 1.3; max-width: 1200px; margin: 0; }

/* Paragraphs */

.lvw-p-100-char { width: 900px; max-width: 100%; margin-top: 5px; margin-bottom: 15px; }
.lvw-p-75 { width: 680px; max-width: 100%; margin-bottom: 15px; }
.lvw-p-large { margin-bottom: 15px; color: #000; font-size: calc(17px * 1.18); line-height: 1.4em; }

/* Arrow Link List */

ul.lvw-arrow-links { list-style: none; max-width: 100%; padding-left: 0; margin: 0; }
ul.lvw-arrow-links a { display: block; width: 100%; max-width: 100%; padding: 16px 15px 16px 36px; position: relative; border-bottom: 1px solid rgba(74, 87, 98, .15); text-decoration: none; }
ul.lvw-arrow-links a:before { content: "\f101"; position: absolute; left: 10px; top: 7px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 26px; }
ul.lvw-arrow-links a:hover { background: rgba(74, 87, 98, .1); color: #4a5762; }

/* List Download */

ul.list-downloads { max-width: 100%; list-style: none; padding-left: 0; margin: 7px 0 0; }
ul.list-downloads a { display: inline-block; margin-top: 17px; margin-bottom: 10px; color: #4a5762; padding-left: 30px; position: relative; text-decoration: none; font-size: 16px; transition: .4s; }
ul.list-downloads a:hover { color: #028860; }
ul.list-downloads a:before { content: "\f1c1"; position: absolute; left: 0; top: -8px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 26px; color: #028860; }

/* List Large */

ul.lvw-list-large { list-style: none; max-width: 100%; padding-left: 0; margin-top: 0; }
ul.lvw-list-large a { text-decoration: none; cursor: pointer; }
ul.lvw-list-large li { position: relative; margin: 10px 0; padding: 23px 31px 23px 70px; background: #fff; border-radius: 4px; border: 1px solid rgba(74, 87, 98, .1); box-shadow: 0 2px 4px 0 rgba(74, 87, 97, .16); transition: .3s; font-size: 23px; font-family: 'Roboto', sans-serif-cond; }
ul.lvw-list-large li:hover { box-shadow: 0 6px 12px 2px rgba(74, 87, 97, .16); }
ul.lvw-list-large li:before { content: '\f00c'; position: absolute; left: 25px; top: 22px; font-family: 'Font Awesome 5 Pro'; color: #028860; font-size: 24px; font-weight: 400; }

/* List Icons */

ul.lvw-list-icons { max-width: 100%; list-style: none; padding-left: 0; margin: 0; }
ul.lvw-list-icons i { color: #66c0ba; margin-right: 12px; }
ul.lvw-list-icons a { text-decoration: none; display: inline-block; color: #4a5762; cursor: pointer; }
ul.lvw-list-icons li { display: flex; align-items: center; margin-bottom: 10px; padding: 23px 31px 23px 25px; border: 1px solid rgba(74, 87, 98, .1); box-shadow: 0 2px 4px 0 rgba(74, 87, 97, .16); transition: .3s; background: #fff; font-size: calc(17px * 1.18); font-family: 'SuisseIntl-Medium', sans-serif; border-radius: 4px; }
ul.lvw-list-icons li:hover { box-shadow: 0 6px 12px 2px rgba(74, 87, 97, .16); }
ul.lvw-list-icons li img { width: 50px; height: auto; flex-shrink: 0; margin-right: 35px; }
ul.lvw-list-icons--small li { padding-top: 13px; padding-bottom: 13px; padding-left: 20px; }

@media (max-width: 479px) {
	ul.lvw-list-icons li { font-size: 21px; padding: 16px 14px; }
	ul.lvw-list-icons li img { width: 40px; margin-right: 20px; }
}
