/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates

	#page-1076 --> Home.cshmtl

-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Master 

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for all Pages
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Global variables
-----------------------------------------------------------------*/

:root {
    --custom-accordion-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20class%3D%22svg-triangle%22%20fill%3D%22%231f7922%22%20width%3D%27100%27%20height%3D%27100%27%3E%3Cpath%20d%3D%22M%2050%2C5%2095%2C97.5%205%2C97.5%20z%22%2F%3E%3C%2Fsvg%3E");
}

/* ----------------------------------------------------------------
	Global variables
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Grid Config Types
-----------------------------------------------------------------*/
.grid-h2,
.grid-h5 {
    color: #1f7922;
}

/* ----------------------------------------------------------------
	Grid Config Types Grid End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Grid 
-----------------------------------------------------------------*/

.hint-box {
    background-color: #1f7922;
    border: 1px solid #1f7922;
}

.hint-box .hint-text{
    background-color: #fff;
}

.hint-box .hint-text a:hover {
    color: #1f7922;
}

.grid-icon-angle{
    font-size: 120px;
    color: #1f7922;

}

/* ----------------------------------------------------------------
	Grid End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

#header.custom-header #header-wrap > .container{
    padding:0;
}

#logo img {
    padding: 25px 0px 15px 0px;
}

/* ----------------------------------------------------------------
	Header End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

/* active color footer menu */
.footer-menu ul.menu-container .menu-item .menu-link:hover,
.footer-menu ul.menu-container .menu-item.active .menu-link {
    color: #1f7922;
}

/* ----------------------------------------------------------------
	Footer End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Accordion
    styles to remove default bootstrap color scheme
-----------------------------------------------------------------*/

#sick-accordion .accordion-button {
    color: #1f7922;
}


/* ----------------------------------------------------------------
	Accordion End
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Navigation
-----------------------------------------------------------------*/

.primary-menu .menu-container > .menu-item.active > .menu-link,
.primary-menu .menu-container > .menu-item:hover > .menu-link,
.custom-dropdown > .menu-item.active > .menu-link{
    color: #1f7922;
}

@media(min-width: 992px) {
    .custom-dropdown .dropdown-title span {
        color: #1f7922;
    }

    .custom-dropdown .menu-item:hover > .menu-link {
        color: #1f7922;
    }
}

/* ----------------------------------------------------------------
	Navigation End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Subnavigation
-----------------------------------------------------------------*/
.sub-navigation {
    background-color: #1f7922;
    color: #fff;
    margin-bottom: 1rem;
}

/* ----------------------------------------------------------------
	Subnavigation End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/

.mw-500 {
    max-width: 500px;
}

@media(min-width: 992px) {
    .mw-lg-500 {
        max-width: 500px;
    }
}

.ci-color {
    color: #1f7922;
}

.btn-ci {
    background-color: #1f7922;
    border-color: #1f7922;
    color: #fff;
}

.ci-input {
    border-color: #54b948;
}

/* ----------------------------------------------------------------
	Helper Classes End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Master End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Pages

	id = @Model.Id
	use #page-id and then slected html-Tag or class 
-----------------------------------------------------------------*/

@media(max-width: 991px){
    #page-1076 .custom-dropdown .menu-item > .menu-link {
        color: #fff;
    }
}

#page-1076 #header.custom-header .header-row {
    border-bottom-color: #fff;
}

/** id 1076 - Home */

#page-1076 #footer .footer-wrapper{
    border-top:0;
}

#page-1076 > #wrapper {
    background: linear-gradient(45deg, rgba(154,205,222,1) 0%, rgba(84,185,72,1) 100%);
}

#page-1076 > #wrapper > #document-container, #header, #header-wrap, #footer.dark {
    background-color: transparent !important;
}

#page-1076 .section {
    background-color: transparent;
}

#page-1076 .primary-menu .menu-container > .menu-item > .menu-link {
    color: #fff;
}

#page-1076 .primary-menu .menu-container > .menu-item:hover > .menu-link {
    color: #fff !important;
}

#page-1076 .sick-filter-wrapper {
    display: flex;
    max-width: 550px;
}

#page-1076 .sick-filter-wrapper input{
    padding-left: 8px;
}

#page-1076 .sick-filter {
    width: calc(100% - 40px)
}

#page-1076 .sick-submit {
    width: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: unset;
    background-color: #1f7922;
    border-color: #1f7922;
    color: #fff;
}

#page-1076 .sick-submit:hover {
    background-color: #1f7922;
    border-color: #1f7922;
    color: #fff;
}

#page-1076 .btn-ci {
    background-color: #1f7922;
    border-color: #1f7922;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

#page-1076 #primary-menu-trigger .svg-trigger path{
    stroke: #fff;
}

#page-1076 .primary-menu .sub-menu-trigger:before{
    color: #fff;
}

/* ----------------------------------------------------------------
	Pages End
-----------------------------------------------------------------*/