/*Logo Header*/
.g-home-particles.g-helium-style #g-navigation {
    background: #F0B81B;
}

#g-navigation {
    background: #F0B81B;
    color: #fff;
    position: relative;
    z-index: 5;
    border-bottom: 5px solid #fff;
}

.header-logo div {
    margin: 50px 0px 0px 0px;
    padding: 0px;
}

/*Navigation*/
.g-main-nav .g-toplevel>li {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -moz-transition: background 0.2s ease-out, -moz-transform 0.2s ease-out;
    transition: background 0.2s ease-out, transform 0.2s ease-out;
}

#g-page-surround {
    overflow: unset !important;
}

#g-header {
    background: #2A2A2A;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2A2A2A, #403F41);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2A2A2A, #403F41);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2A2A2A, #403F41);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2A2A2A, #403F41);
    /* Standard syntax (must be last) */
    color: #eceeef;
    padding: 0px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.g-home-particles.g-helium-style #g-header {
    margin-top: 0px;
    padding: 0;
    text-align: left;
}

#g-header a {
    color: #fff;
    padding: 10px 20px;
}

#g-header a:hover,
#g-header li.g-menu-item.active a {
    color: #fff;
    background-color: #e31e3f;
}

.g-main-nav .g-standard>.g-dropdown:before,
.g-main-nav .g-fullwidth>.g-dropdown:before {
    content: "";
    position: absolute;
    display: block;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 5px solid transparent;
    z-index: -1;
    background-color: #000;
}

.g-main-nav .g-toplevel>li.g-parent .g-menu-parent-indicator {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding-left: 5px;
    padding-bottom: 5px;
}

/*Slideshow*/

.layout-slideshow .sprocket-features-img-list {
    position: relative;
    overflow: hidden;
    max-height: 500px;
}

#g-intro {
    color: #424753;
    padding: 3rem 0;
    background: linear-gradient(#2A2A2A, #403F41);
}

.layout-slideshow .sprocket-features-title {
    font-size: 3.8vh;
    font-weight: 600;
    line-height: 1em;
    margin: 0 0 15px 0;
    padding: 10px;
    display: inline-block;
}

.layout-slideshow .sprocket-features-desc {
    font-size: 2vh;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0;
    padding: 10px;
    display: inline-block;
}

/*
.layout-slideshow .sprocket-features-content {
    position: absolute;
    top: 360px;
    left: 300px;
    width: 45%;
}
.layout-slideshow .sprocket-features-desc {
    font-size: 2em;
    line-height: 1.3em;
    margin: 0;
    font-weight: 700;
    padding: 30px;
    text-align: center;
    display: inline-block;
}
*/

.layout-slideshow .sprocket-features-desc a {
    color: #F0B81B;
}

.layout-slideshow .sprocket-features-desc a:hover {
    color: #fff;
}

/*Call out on home page*/

#g-utility {
    background: fixed;
    color: #fff;
    padding: 3rem 0;
    background-image: url("http://www.northavenuerising.com/images/backgrounds/streetscape_background.png");
}

/*Project Elements*/
.sprocket-strips-s-title {
    margin-top: 0;
    text-align: center;
    font-weight: 700;
}

.sprocket-strips-s-content .readon {
    display: none;
    margin-top: 15px;
}

.g-contentcubes .cube-items-wrapper {
    background: #fff;
    color: #2a2a2a;
}

.g-contentcubes .cube-items-wrapper .cube-content-wrapper {
    max-width: 27rem;
    padding: 0px;
    margin: 0 auto;
}

.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-label {
    display: inline-block;
    background: none;
    padding: 0.35em 0.85em;
    margin-bottom: 0.5rem;
    font-size: xx-large;
    line-height: 1.1538;
    font-weight: 800;
    border-radius: 2.5rem;
    text-align: center;
}

.g-contentcubes .cube-items-wrapper .cube-image-wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background-color: transparent;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.g-contentcubes .cube-items-wrapper .cube-image-wrapper img {
    display: block;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.g-contentcubes .cube-items-wrapper .cube-row.g-grid.image-position-right {
    flex-flow: row-reverse wrap;
    margin: 100px 0px;
}

/*Popup Box*/
.imgborder {
    margin: 3px 0 15px 30px;
    border: 1px solid #777;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.30);
}

/*Footer*/
#g-footer {
    background: #2a2a2a;
    color: #fff;
    border-top: 5px solid #F0B81B;
    padding: 3rem 0;
}

.logomargin {
    margin-top: 30px;
}

.acenter {
    text-align: center;
}

/*Comment Form*/
.chronoforms6_credits {
    display: none;
}

.ui.form .field>label {
    display: block;
    margin: 0 0 4.00000006px 0;
    color: rgba(0, 0, 0, .87);
    font-size: 1em !important;
    font-weight: 700;
    text-transform: none;
}

.ui.form {
    font-size: 16px !important;
}

legend {
    display: block;
    width: max-content;
    padding: 0;
    border: 0;
    text-align: center;
    color: #424753;
    font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.5;
    margin: 1rem 0;
}

.semanticui-body legend {
    border: 0;
    padding: 0px 20px !important;
}

/*Table Properties*/

.thumb {
    max-width: 250px;
    margin: 0 auto;
}

.btn-primary {
    font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    line-height: 1.15;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    background: #e6b328;
    color: #fff;
    border: 1px solid transparent;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding: 10px;
}


/* Expand/Collapse */
.collapsible .collapsible__panel {
    display: none;
}

.collapsible.expanded .collapsible__panel {
    display: block;
}

.collapsible.expanded .expanded-icon::before,
.collapsible .collapsed-icon::before {
    display: inline-block;
}

.collapsible .collapsible-icon {
    padding: 0 .2rem;

}

.collapsible .collapsible-icon::before {
    content: '⌄';
    position: relative;
    bottom: 9px;
}

.collapsible.expanded .collapsible-icon::before {
    content: '^';
    position: relative;
    top: 4px;
}