﻿/* CONTENT BLOCK EDITOR STYLES
===================================================================== */

/* =====================================================================
	GLOBAL CB STYLES
===================================================================== */
.StandardCBStyle {font-family: mr-eaves-sans, sans-serif position: relative; font-display: swap;}
.StandardCBStyle p, .normalPara p {margin: 0; padding: 0;}

.StandardCBStyle a {
	color: var(--blue); 
	text-decoration: underline; 
	position: relative;
    transition: all .2s;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.StandardCBStyle a:hover {
	color: var(--sage-shade);
    transition: all .2s;
}

/* =====================================================================
	FORCE OLD COLORS / BASE STYLES USED IN EDITOR
===================================================================== */
.StandardCBStyle [style*="color: rgb(65, 141, 189)"] {
    color: var(--blue) !important;
}

.StandardCBStyle [style*="color:rgb(65, 141, 189)"] {
    color: var(--blue) !important;
}

.StandardCBStyle [style*="color:#418DBD;"] {
    color: var(--blue) !important;
}


/* =====================================================================
	STANDARD CB / BASE STYLES USED IN EDITOR
===================================================================== */
.StandardCBStyle, .StandardCBStyle .normalPara p, .StandardCBStyle .normalPara, .StandardCBStyle p {font-size: 18px; line-height: 1.8rem; letter-spacing: .02em; color: #222222; font-weight: 300;}

.StandardCBStyle em {font-weight: 300;}

.StandardCBStyle strong {
    font-weight: 700 !important;
}

/*  STANDARD / H TAGS    ================= */
.StandardCBStyle h3 {color: var(--blue) !important;}


.StandardCBStyle h3, .StandardCBStyle h4, .StandardCBStyle h5, .StandardCBStyle h6 {margin: 0; padding: 0; line-height: 1.8rem; font-weight: 700; color: var(--blue) !important;}

.StandardCBStyle h3 {font-size: 1.3em;}
.StandardCBStyle h4 {font-size: 1.1em;}
.StandardCBStyle h5 {font-size: 1em;}
.StandardCBStyle h6 {font-size: .8em;}

/*  STANDARD / ORDERED & UNORDERED STYLES    ================= */
.StandardCBStyle ul {
    margin: 10px 0 26px 0; 
    padding: 0 0 0 0;
    display: block;
}

.StandardCBStyle ul li  {
    margin: 6px 0 6px 16px; 
    padding: 0 10px 0 18px; 
    list-style-type:none; 
    line-height: 1.3; 
    position: relative;
}

.StandardCBStyle.force2colul ul {
	column-count: 2;
	column-gap: 40px;
}
.StandardCBStyle.force2colul ul li {
	break-inside: avoid;
}

.StandardCBStyle ul li:before {   
    position: absolute;
    top: 8px;
    left: 0;
    background-color: rgba(var(--sage-hue), 0.8);
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    transition: all .2s;
}

.StandardCBStyle.force2colul ul {
    margin: 0 0 20px 0; 
    padding: 0 0 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 0; /* row-gap column-gap */
	column-count: 2;
	column-gap: 0;
}

.StandardCBStyle.force2colul ul li {
	break-inside: avoid;
}


.StandardCBStyle ol {
	margin: 15px 0 20px 25px; 
	padding:0 0 0 0;
	list-style-type: none;
	counter-reset: li;

}
.StandardCBStyle ol li  {
	position: relative;
	margin:8px 0 15px 25px; 
	padding:0 45px 0 -5px; 
	line-height: 1.2; 

}

.StandardCBStyle ol li:before {
	position: absolute;
	counter-increment: li;
	content: counter(li, decimal-leading-zero) ".";
	color: #418DBD;
	left: -32px;
}

/*  STANDARD / OTHER STYLES    ================= */
.StandardCBStyle hr {background-color: var(--blue); border: none; height: 1px;}
.StandardCBStyle blockquote {position: relative; font-size: 22px; line-height: 1.4; color: var(--blue); margin: 14px 0 14px 45px; padding: 8px 0 8px 0; width: 80%;}

.StandardCBStyle blockquote:before {
    content: '';
	position: absolute;
	top: 21px;
	left: -80px;
	height: 1px;
	width: 60px;
	background-color: rgba(var(--blue-hue),.6);
}

/*  STANDARD / TABLE STYLES    ================= */
.StandardCBStyle table {font-size: 14px; line-height: 1; color: #333333; border: 1px solid #dedede; border-collapse: collapse;}

.StandardCBStyle table thead {font-size: 12px; line-height: 1; color: #ffffff; font-weight: 400; background-color: #333333; text-transform: uppercase; letter-spacing: .03em;}
.StandardCBStyle table th {padding: 5px 8px 4px 8px; border: 1px solid #dedede;}

.StandardCBStyle table tbody td {padding: 6px 8px; border: 1px solid #dedede;}

.StandardCBStyle caption {caption-side:bottom; text-align: left; font-size: .75em;}


/*  STANDARD / TABLE STYLES    ================= */
.StandardCBStyle table.freqnumbers {font-size: 17px; line-height: 1; color: #333333; font-weight: 300; text-align: left; border: none; border-top: 1px solid rgba(70,152,203,0.4);}

.StandardCBStyle table.freqnumbers th {}

.StandardCBStyle table.freqnumbers td {padding: 9px 0 9px 0; border-bottom: 1px solid rgba(70,152,203,0.4);}

.StandardCBStyle table.freqnumbers td:nth-child(odd) {width: 40%; color: #418DBD}
.StandardCBStyle table.freqnumbers td:nth-child(2) {border-left: 1px solid rgba(70,152,203,0.4); padding-left: 10px;}

/*  STANDARD / TABLE STYLES    ================= */
.StandardCBStyle table.charts {text-align: center; border: none; border-top: none;}

.StandardCBStyle table.charts td {padding: 0 4px 0 0; border-bottom: none; text-align: left; width: 50%; border: none; max-width: 368px;}

/*  STANDARD / 100% VIDEO EMBED   ================= */
.StandardCBStyle .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    z-index: 5;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
 
.StandardCBStyle .video-container iframe,
.StandardCBStyle .video-container object,
.StandardCBStyle .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*max-width: 640px;*/
    height: 100%;
    /*max-height: 420px;*/
    z-index: 4001;
    margin: 0 auto;
    text-align: center;
    }

/* =====================================================================
	HOME CB / STYLES USED IN EDITOR
===================================================================== */
.HomeCBStyle {font-family: museo-sans, sans-serif; font-display: swap;}
.HomeCBStyle p {margin: 0; padding: 0;}

.HomeCBStyle a {color: #999999; text-decoration: underline;}
.HomeCBStyle a:hover {color: #000000;} 
.HomeCBStyle, .HomeCBStyle .normalPara p, .HomeCBStyle .normalPara, .HomeCBStyle p {font-size: 18px; line-height: 1.5; color: #333333; font-weight: 400;}
