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

/* Most themes nowadays provide an extra stylesheet of classes which WordPress itself then */
/* applies to the backend editor TinyMCE. However, custom CSS - set in Plugins, in the WP  */
/* Customizer or in Theme options, will normally not be reflected to TinyMCE. So better to */
/* put such styles all here, where they will apply to TinyMCE *and* the frontend.          */

/* The goal is not only to make the visual editor display look as much like the frontend as    */
/* possible, but also to make sure that all important CSS classes are available for convenient */
/* selection in TinyMCEs "Formats" dropdown - so do not forget to configure the TinyMCE styles */
/* dropdown with elements to match those here.                                                 */

/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */

/* Suggested general non-tag-specific visual styles */

.list       { margin: 0.35rem 0; }
.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }
.beforelist { margin-bottom: 0.5rem; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong { font-weight: bold; }
/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller { font-size: 0.95rem; line-height: 1.25; }
.small   { font-size: 0.89rem; line-height: 1.2; }

.screen-reader-text, .dispnone { display: none; }

/* Append your site-specific styles here */




/* Append your site-specific styles here */


/* ---------- HEADINGS ------------------------------------------------------------------------- */

.heading {
	counter-increment: section;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    /* font-size: 26px!important; */
	font-size: 20px!important;
    border-bottom: solid 1.5pt #414141 !important;
    font-family: 'visby_cfbold'!important;
    font-weight: 700;
    padding-bottom: 6px;
}
.heading span {
	font-family: 'visby_cfbold'!important;
}

/* ---------- FREE TEXT ------------------------------------------------------------------------- */

.note {
	/*color: black !important;
	background-color: #CAE3E9 !important;
	border-left: solid 2.5px #ac85c5;
	margin-top: 13px;
	margin-bottom: 13px;
	padding-inline-start: 30pt;*/
}
.note {
    color: black !important;
    background-color: #c5e1ef !important;
    border-left: solid 2.5px #23698d;
	/* background-color: #f7e99b !important;
    border-left: solid 2.5px #e5c515; */
    margin-top: 13px !important;
    margin-bottom: 13px !important;
    /* padding-inline-start: 30pt; */
    font-size: 16px !important;
    padding:  5px 5px 5px 45px;
    display: block;
	text-align:left!important;
    border-radius: 20px !important;
    align-items: start;
}
.note p:nth-child(1) {
	display: inline-flex;
}
.note-para {
	margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px;
    /* color: #b10505; */
    /* font-family: 'visby_cfregular'; */
    font-family: 'visby_cfmedium';
    display: block;
}
.note:before {
	/*background-image: url('note_icon.png');
	background-size: 20px 20px; 
	display: inline-block;
    width: 20px; 
	height: 20px;
	margin-right: 8pt;*/
	margin-left: -23pt;
	/*margin-bottom: -4px;
	margin-top: 3px;
    content:"";
	background-image: url(https://awsmblx525as001.ad.harman.com/x-major/ext/wp-content/uploads/2024/11/note_icon.png);*/
    /* content:'\f249'; */
	content:'\f06a';
	   /*  color: #d7b600; */
	font-family: 'FontAwesome';
	font-size: 18px;
   color: #23698d;
    margin-right: 12px;
}
.note-span {
	/*position: relative;
    color: #23698d;
    font-family: 'visby_cfbold';*/
}
.note-span:before {
    content:'\f06a';
	font-family: 'FontAwesome';
	font-size: 20px;
    color: #23698d;
    margin-right: 12px;
}
.tip-note {
	color: black !important;
    background-color: #f1faf1 !important;
    border-left: solid 2.5px #459545;
    margin-top: 13px !important;
    margin-bottom: 13px !important;
    font-size: 16px !important;
    padding: 5px 5px 5px 45px;
    border-radius: 20px !important;
    display: block;
    align-items: start;
}
.tip-note p:nth-child(1) {
	display: inline-flex;
}
.tip-note:before {
	content:'\f0eb';
	margin-left: -19pt;
	font-family: 'FontAwesome';
	font-size: 20px;
	
    color: #459545;
    margin-right: 12px;
}
.tips-span {
	position: relative;
    color: #459545;
    font-family: 'visby_cfbold';
}
.tips-span:before {
	/*content:'\f0eb';
	font-family: 'FontAwesome';
	font-size: 20px;
    color: #459545;
    margin-right: 12px*/
}

.important-note {
	color: black !important;
	    background-color: #ffd7a9 !important;
    border-left: solid 2.5px #f69220;
   /*  background-color: #ebf3fc !important;
    border-left: solid 2.5px #5782b3; */
    margin-top: 13px !important;
    margin-bottom: 13px !important;
    font-size: 16px !important;
    padding: 5px 5px 5px 45px;
    border-radius:20px !important;
    display: block;
    align-items: start;
}
.important-note p:nth-child(1) {
    display: inline-flex;
}
.important-span {
	/*position: relative;
    color: #5782b3;
    font-family: 'visby_cfbold';*/
}
.important-span:before {
	/*content:'\f06a';
	font-family: 'FontAwesome';
	font-size: 20px;
    color: #5782b3;
    margin-right: 12px;*/
}
.important-note:before {
	content:'\f071';
	font-family: 'FontAwesome';
	font-size: 20px;
	color:#f69220;
    /* color: #5782b3; */
    margin-right: 12px;
	margin-left:-22pt;
}

.critical-note {
	color: black !important;
    background-color: #fdf3f4 !important;
    border-left: solid 2.5px #c16b74;
    margin-top: 13px !important;
    margin-bottom: 13px !important;
    font-size: 16px !important;
    padding: 5px 46px;
    border-radius: 20px !important;
    display: block;
    align-items: start;
}
.critical-note p:nth-child(1){
	display:inline-flex;
}
.critical-span {
	/*position: relative;
    color: #c16b74;
    font-family: 'visby_cfbold';*/
}
.critical-span:before {
	/*content:'\f057';
	font-family: 'FontAwesome';
	font-size: 20px;
    color: #c16b74;
    margin-right: 12px;*/ 
}
.critical-note:before {
	content:'\f057';
	font-family: 'FontAwesome';
	font-size: 20px;
    color: #c16b74;
    margin-right: 12px;
	margin-left:-22pt;
}
blockquote {
    font-style: italic;
}
.text {
	font-size: 1.15em;
}

.bullet-points {
	margin-top: -3px;
	font-size: 1.15em;
}

.emph {
	font-weight: bold;
	font-style: italic;
}


/* ---------- INSTRUCTIONS ------------------------------------------------------------------------- */


.action-group:before {
	content: "Step " counter(section) ": ";
}

.action-group {
	counter-increment: section;
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 18pt;
	font-family: 'Gill Sans MT';
	border-bottom: solid 1.5pt grey;
}

.actions:before {
	content: "›› ";
	font-weight: bold;
	margin-left: -1.5em
}

.actions {
	margin-top: 12px;
	margin-bottom: 6px;
	padding-left: 1.5em;
	color: black !important;
	font-style: bold !important;
	font-size: 1.15em;
}

.result:before {
	content:"› ";
	margin-left: -0.2cm
}

.result {
	color: black;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 1cm;
}


.alternative:before {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0.2cm;
	font-size: 1.15em;
	content: counter(section, upper-alpha) ") ";
}

.alternative {
	counter-increment: section;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0.2cm;
	font-size: 1.15em;
}


/* ---------- TABLES ------------------------------------------------------------------------- */


table {
	max-width: 200%;
}


article > div {
	overflow: auto;
}

.table-head {
	background-color: #d1d1d1 !important;
	color: #000000!important;
	text-align: left;
	padding: 10px 12px !important;
	word-break: break-all;
	overflow-wrap: normal;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
}

td {
	/*padding: 20px 20px 20px 20px !important;
	border: solid 1px !important;
	word-wrap: break-word;
	font-size: 1.12em;
	text-align: left;
	vertical-align: top;*/
	color: #282828;
    padding: 10px 12px !important;
    border: 1px solid #bbbbbb !important;
    word-wrap: break-word;
    font-size: 0.875rem;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0.6px;
    font-family: 'visby_cfmedium';
}
td p {
	font-size: 0.875rem;
}
td ul li {
	font-size: 0.875rem;
	 margin: 6px 0 !important;
}
tr td strong{
    line-height: 26px;
    font-family: 'visby_cfbold';
    font-size: 1rem;
    letter-spacing: .6px;
	color:#000000;
}
td strong{
    line-height: 26px;
    font-family: 'visby_cfbold';
    font-size: 20px;
    letter-spacing: .6px;
	color:#000000;
}
tr:nth-of-type(odd) { 
	/*background: #eee;*/
  }


/* ---------- IMAGES ------------------------------------------------------------------------- */


.medium-image {
	width: 430px !important;
	height: auto !important;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 3px;
	border: solid 1px black;
}

.big-image {
	width: 850px !important;
	height: auto !important;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
	border: solid 1px black;
}


/* ---------- LINKS ------------------------------------------------------------------------- */


.link-style {
	color: #0073AE !important;
	font-style: italic !important;
}

.link-style:hover {
	color: black !important;
	font-style: normal !important;
	font-weight: bold;
}