Custom CSS is placed > Design > Custom CSS

FONT SETTINGS AND CSS CUSTOMIZATIONS

◉ Heading One (1):

Normal: h1 normal {color:#0000AA; font-weight:normal}

bold: h1 strong {color:#0000AA; font-weight:bold}

italics: h1 em {color:#FFFFFF; font-weight:bold}

◉ HEADING TWO 2:

normal, h2 normal {color:#FFFFFF; font-weight:normal}

bold, h2 strong {color:white; font-weight:bold}

italics h2 em {color:#AA8888; font-style:bold}

/* HEADING TWO: MOUSE OVER GRADIENT */

h2 em{

background: linear-gradient(to bottom, #FFFFFF 10%, #0000AA 100%, #AA00AA 50%, #FFFFFF 10%);

font-style: normal!important

}

h2:hover *{

background: linear-gradient(to bottom, #FFFFFF 20%, #AA00AA 30%, #0000AA 50%)

}

◉ HEADING THREE 3:

normal,

bold, h3 strong {color:white; font-weight:bold}

italics h3 em {color:#0000AA; font-style:normal !important}

◉ HEADING FOUR 4:

normal,

bold, h4 strong {color:white; font-weight:bold !important}

italics h4 em {color:#F9AB03; font-style:normal; font-weight:bold !important}

◉ PARAGRAPH ONE 1:

normal, .sqsrte-large normal {color:#0000AA; font-weight:normal; text-align: justify !important}

bold, .sqsrte-large strong {color:white; font-weight:bold; text-align: justify !important}

italics .sqsrte-large em {color:#0000AA; font-weight:bold; font-style:normal!important}

◉ PARAGRAPH TWO 2:

normal, p normal {color:white; font-weight:bold; text-align: justify; background solid(#4444FF): !important}

bold, p strong {color:white; font-weight:bold; text-align: justify !important}

italics p em { background: linear-gradient(to bottom, transparent 10%, #0000AA 75%);

font-style:normal}

◉ PARAGRAPH THREE 3:

normal,

bold, .sqsrte-small strong {color:white; font-weight:bold; text-align: justify !important}

italics .sqsrte-small em {color:#0000AA; font-weight:bold; font-style:normal!important}

◉  monospace:      normal, bold, italics

NOTES: Bold = “strong”. Italics = “em”

font-weight:normal

https://www.w3schools.com/cssref/pr_font_font-style.asp

► We are utilizing a convention that credits the author(s) when we incorporate more than one line of continuous text from a published article. We simply indent that paragraph and place an open arrow (►) at the beginning, and a closing arrow (◀︎) at the end of the copied text. The article referenced footnote is then placed at the end of the paragraph outside of the last (◀︎). If any article reference appears with in the text, you will need to reference the article to obtain them. All references are hypertext links to the original publisher paper if available. ◀︎[X]

► ◀︎[X]

p strong {color:white; font-weight:bold; text-align: justify !important}

p em {color:#0000AA; font-weight:bold; font-style:normal!important}

/*h1 *{background: linear-gradient(to bottom, #fff 50%, #50bdb8 50%, #50bdb8 90%, #FFF 90%)

}

h1:hover *{background: linear-gradient(to bottom, #fff 30%, #50bdb8 30%, #50bdb8 80%, #FFF 80%)

}

/* Nav item color */

/* .header-nav-item a {

color: #0000ff !important;

transition-duration: 0.4s;

}

/* Nav item hover color */

/* .header-nav-item a:hover {

color: #5987fa !important;

transition-duration: 0.4s;

} */

/* Nav item active color */

.header-nav-item--active a {

color: #0000FF !important;

}

/* increase logo size */

/* .header-title-logo img {

max-height: 200px;

}

.rebeccagrace-before-label:before,

.rebeccagrace-after-label:before, {

font-weight:bold; font-size: 2rem;

}

@media screen and (max-width:640px) {

[data-section-id="5e5d461757cae6512002d1c0"] .section-footer#footer-sections img {

width: 100% !important;

height: auto !important;

}

/* Change Quote Style */

.sqs-block-quote .sqs-block-content {

border-left: 5px solid #0000ff;

background: #000000;

}

.sqs-block-quote figure {

padding: 10px;

}

.sqs-block-quote blockquote {

padding: 0 10px 0 30px;

position: relative;

}

.sqs-block-quote blockquote span {

font-size: 80px;

color: blue;

position: absolute;

top: 24px;

left: 0;

}

.sqs-block-quote blockquote span:last-child {

display: none;

}

.sqs-block-quote figcaption {

padding-left: 20px;

}

//iframe styles

iframe {border:none;}

#align-center{

display: flex !important;

justify-content: center !important;

}

@media only screen and (max-width: 600px) {

span img{max-width:220px !important; text-align:center;display:flex; justify-content:center;}

}

.c59 {padding:0px !important;}

.c7 {font-size: 18px;}

@media only screen and (max-width: 600px) {

.c41.c52 {font-size: 14px !important;

}}

@media only screen and (max-width: 600px) {

.c10.c41.c47{font-size: 28px !important;

}}

.c51 { padding:0px;}

// sections for full width text blocks

.text {text-align:center; background-color: red;margin-left:40px;margin-right:40px;color: #fff !important;text-transform: uppercase;}

h3.text.preScale.scaleIn {margin-top: 14px !important;margin-bottom: 14px}

.dot {

height: 25px;

width: 25px;

background-color: #fff;

border-radius: 50%;

display: block;

}

.text-contain {display:flex;justify-content:center;align-items:center;background-color: red;}

// code for 1 full bleed code block