/** HEADER AREA **/
header img {
    height: 120px;
}

/** HEADER NAVIGATION **/
header {
    background-color: var(--primary-01);
}

header section {
    padding: 0;
}

header .menu {
    width: 100%;
    text-align: right;
}

main>span:first-child {
    border-bottom: .2em solid var(--green-color-01);
}

main>span:first-child div {
    margin: 0;
    padding: 0;
}

main .node__content {
    margin-bottom: var(--grid-gap);
    padding-bottom: var(--grid-gap);
    border-bottom: 2px solid #EEE;
}

/** Section Above Content **/

section.section-above-content {

    background-color: var(--primary-01);
    padding: 2em 0;
    display: block;
}

section .pager {
    display: none;
}

section .page-title {
    font-size: 4em;
}

section.section-above-content,
section.section-above-content h1,
section.section-above-content h2,
section.section-above-content h3 {
    color: var(--primary-color-text);
}

section.section-below-content {
    color: var(--secondary-color-text) !important;
}

.view-my-theme-cta .views-row>div {
    margin: 1em 0 1em !important;
    line-height: 1.5;
}

.path-frontpage .section-above-content h1 {
    max-width: 670px !important;
    word-wrap: break-word;
}

.region-sidebar>div:first-child {
    margin-top: var(--grid-gap);
    background-color: #d4aa00 !important;
    color: #eee !important;
}

.region-sidebar>div {
    padding: var(--grid-gap) !important;
}

.region-sidebar>div:nth-child(odd),
section.section-below-content .views-element-container:nth-child(odd) {
    padding: 2em .5em;
    background-color: var(--neutral-color-02);
}

section.section-below-content .views-element-container:nth-child(odd) .item>div:last-child {

    border-bottom: 1px solid var(--neutral-color-01);
}

.region-sidebar>div:nth-child(even),
section.section-below-content .views-element-container:nth-child(even) {
    background-color: var(--neutral-color-01);
    padding: 2em .5em;
}

section.section-below-content .views-element-container:nth-child(even) .item>div {
    background-color: var(--neutral-color-02);
    padding: 0 var(--grid-gap) var(--grid-gap);
}

section.section-below-content .views-element-container:nth-child(even) .item>div:first-child {
    padding: 0;
}

section.section-below-content .views-element-container:nth-child(even) .item>div:last-child {
    text-align: right;
}

/** Fields Styles **/
/** tags and topics **/
.field--name-field-topic,
.field--name-field-section,
.field--name-field-tags,
.field--name-field-topic .field__item,
.field--name-field-section .field__item,
.field--name-field-tags .field__item,
.field--name-field-topic .field__items,
.field--name-field-section .field__items,
.field--name-field-tags .field__items {
    display: inline-block !important;
}



.field--name-field-tags a,
.field--name-field-topic a,
.field--name-field-section a {
    border: 1px solid var(--primary-01);
    display: inline-block;
    padding: calc(var(--grid-gap) /2);
    margin: calc(var(--grid-gap) /3) calc(var(--grid-gap) /3) calc(var(--grid-gap) /3) 0;
    font-size: small;
    text-transform: uppercase;
    font-weight: bold;
}

.search-block-form {
    margin-top: var(--grid-gap);
}

.form-element--type-search[type="search"] {
    width: 310px;
}

.service-item {
    margin-top: var(--grid-gap);
    border: 1px solid #999;
    display: block;
    align-items: center;
}
.service-item > span {
  float:left;
  display:inline-block;
}
.service-item span a {
    display: block;
    padding: var(--grid-gap);
}  
.service-item > span a::before {
    content: "\f0a9"; /* Font Awesome check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  	font-size:1.3em;
    left: 0;
    top: 0;
  	color: #32cd32; /* Lime green color */
  	margin-right: var(--grid-gap);
}

.trending-list ul {
    list-style-type: none;
    padding: 0;
  	margin:0;
  	font-size:1.3em;
}

.trending-list li {
    padding-left: 15px;
    position: relative;
  	display:inline-block;
  	margin:.5em 1em .5em 0;
}
.trending-list li a {
  	padding:.5em 1em;  
}
.trending-list li::before {
    content: "\f0a9"; /* Font Awesome check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
  	color: #32cd32; /* Lime green color */
}

.item-list h2 {
    font-size: 2.5em;
}

.item-list ol,
.item-list ol li {
    margin: 0;
    padding: 0;
    margin-block: 0;
    margin-inline: 0;

}

.item-list ol li {
    padding: var(--grid-gap);
}

.item-list ol li:nth-child(odd) {
    background-color: var(--neutral-color-02);
}

/** Quick links **/
.quicklinks {
    border-bottom: var(--thick-borders) solid var(--green-color-01);
}

/** Search items **/
.view-my-theme__faqs li,
.view-my-theme__faqs ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.views-exposed-form.views-exposed-form {
    box-shadow: none;
    border: none;
    border-bottom: 4px solid var(--neutral-color-01);
}



/** FOOTER **/
body>div>footer {

    min-height: 15em;
    background-color: #f4f5f9;
}

footer .block-system-branding-block {
    width: 200px !important;
    text-align: center;
}

footer ul {
    padding: 2em 1em !important;
    margin: 0;
    list-style: none !important;
}

footer li {
    list-style: none !important;
    line-height: 2em;
}

/*** Home Featered Items **/
.view-my-theme-featured-item h2 {
    display: none;

}

.field--type-text-long {
    border-bottom: #999 dotted 1px;
    margin-bottom: calc(var(--grid-gap) * 2);
}

.round-profile {

    display: block;
    text-align: center;
}

.view-my-theme-profile-blocks .item {
    text-align: center;
    background-color: #fff;
    border-bottom: 6px solid var(--neutral-color-01);
}

.view-my-theme-profile-blocks .item span {
    background-color: var(--neutral-color-02);
}

.view-my-theme-profile-blocks .item>div {
    padding-top: 3em;
}

.view-my-theme-profile-blocks .item>div:last-child {
    padding-top: 0;
    padding-bottom: 1em;
}

.round-profile img {
    margin-top: -2em;
}

.round-profile>div {
    width: 160px;
    height: 160px;
    background-color: #d4aa00;
    line-height: 100px;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    margin: 1em;
    box-sizing: border-box;
    border: 6px solid var(--neutral-color-01);
    margin-bottom: -2em;
}