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

:root {
    --c1: #125D75;
    --c2: #ADCCD9;
    --c3: #9FBFAA;
    --c4: #E4B4AD;
    --c5: #e9d7d7;
    --c6: #125D75;
}

@media (min-width: 992px){
	.col-lg-20 {
	    flex: 0 0 auto;
	    width: calc(20% - 10px);
	    padding: 0;
	    margin-right: 10px;
	}
}
@media screen and (max-width: 600px){
    .col-md-4 > img {
        float: left !important;
        max-width: 100% !important;
        margin-bottom: 30px;
    }
}
.content .container {
    position: relative;
    padding: 0 25px 0 30px;
    margin: 0;
    width: 100%;
    max-width: none;
}
/*footer .container,*/
#page-title .container {
	padding: 0 25px 0 30px;
    width: 100%;
    max-width: none;
}
/*#topslider { margin-bottom: 5px;}
#topslider .container {
    position: relative;
    padding: 0 30px 0 30px;
    margin: 0;
    width: 100%;
    max-width: none;
}*/
.emphasis-title h1 {
	font-size: 35px;
    letter-spacing: 5px;
    margin-bottom: 15px;
}
.emphasis-title h2 {
	    font-size: 27px;
    letter-spacing: 1px;
    opacity: 0.7 !important;
    margin-bottom: 70px;
    font-weight: 300;
}
.section-services .card {
	padding: 20px 4px;
	/*background-image: url("images/card-wave-2.svg");
	background-repeat: repeat-x;
	background-position: 0% 101%;
	background-size: cover;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;*/
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
	border-top: 6px solid #7E9680;
	border-top-color: var(--themecolor, #7E9680);
}
.card.c1 { border-top-color: var(--c1); }
.card.c2 { border-top-color: var(--c2); }
.card.c3 { border-top-color: var(--c3); }
.card.c4 { border-top-color: var(--c4); }
.card.c5 { border-top-color: var(--c5); }
.card-body h3 {
	    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-top: 5px;
}
.card-body h3 a { color: #444;}
.card-body h3:after {
	content: "";
    display: block;
    width: 50px;
    margin: 15px auto 0px;
    height: 2px;
    position: relative;
    background-color: #585DBA;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.card.c1 h3:after { background-color: var(--c1); }
.card.c2 h3:after { background-color: var(--c2); }
.card.c3 h3:after { background-color: var(--c3); }
.card.c4 h3:after { background-color: var(--c4); }
.card.c5 h3:after { background-color: var(--c5); }
.card.c1 h3 a:hover { color: var(--c1); }
.card.c2 h3 a:hover { color: var(--c2); }
.card.c3 h3 a:hover { color: var(--c3); }
.card.c4 h3 a:hover { color: var(--c4); }
.card.c5 h3 a:hover { color: var(--c5); }
.card a:hover img {opacity: 0.8;}

.button-c1 { background-color: var(--c1) !important; }
.button-c2 { background-color: var(--c2) !important; }
.button-c3 { background-color: var(--c3) !important; }
.button-c4 { background-color: var(--c4) !important; }
.button-c5 { background-color: var(--c5) !important; }

.button-c1:hover,
.button-c2:hover,
.button-c3:hover,
.button-c4:hover,
.button-c5:hover { opacity: 0.8 !important }

.bg-c1 { background-color: var(--c1); }
.bg-c2 { background-color: var(--c2); }
.bg-c3 { background-color: var(--c3); }
.bg-c3-lgt { background-color: rgba(159,191,170,0.6); }
.bg-c3-lgt2 { background-color: rgba(159,191,170,0.8); }
.bg-c4 { background-color: var(--c4); }
.bg-c5 { background-color: var(--c5); }

#header #logo { border-right: 0px !important }

.heading-block.c1::after { border-top: 2px solid var(--c1); margin-top: 0px }
.heading-block.c1 h1 { color: var(--c1); }
.heading-block.c2::after { border-top: 2px solid var(--c2); margin-top: 0px }
.heading-block.c2 h1 { color: var(--c2); }
.heading-block.c3::after { border-top: 2px solid var(--c3); margin-top: 0px }
.heading-block.c3 h1 { color: var(--c3); }
.heading-block.c4::after { border-top: 2px solid var(--c4); margin-top: 0px }
.heading-block.c4 h1 { color: var(--c4); }
.heading-block.c5::after { border-top: 2px solid var(--c5); margin-top: 0px }
.heading-block.c5 h1 { color: var(--c5); }
.heading-block.c1 h1 img,
.heading-block.c2 h1 img,
.heading-block.c3 h1 img,
.heading-block.c4 h1 img,
.heading-block.c5 h1 img { margin-right: 10px; }

.entry h2 {
	font-weight: 300;
    text-align: left;
    font-size: 27px;
    letter-spacing: 0px;
}
.line { border-top: 1px solid #9fbfaa; }
.address-block { padding: 40px;  }
@media (min-width: 992px){
    .address-block.ab1 { border-right: 1px solid #9FBFAA }
}
@media (max-width: 991px){
    .address-block.ab1 { border-bottom: 1px solid #9FBFAA }
}
.entry a {
    color: var(--c6);
    text-decoration: underline;
    border-bottom: 1px solid var(--c6);
}
.entry a:hover {
    border-bottom: transparent;
}
.entry ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}
.entry ul li {
    position: relative;
    /*display: flex;*/
    align-items: baseline;
    padding-left: 30px;
}
.entry ul li:before {
    color: var(--themecolor);
    content: "\e92c";
    font-family: "lined-icons";
    position: absolute;
    top: 0px; left: 0px;
    font-size: 16px;
}
.entry p + ul { margin-top: -15px; }
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
    font-size: 1rem;
    background: rgba(0,0,0,0.05);
}


.menu-item.c2:hover>.menu-link, .menu-item.c2.current-menu-item>.menu-link, .menu-item.c2.current-menu-parent>.menu-link {
    color: var(--c2);
}
.menu-item.c3:hover>.menu-link, .menu-item.c3.current-menu-item>.menu-link, .menu-item.c3.current-menu-parent>.menu-link {
    color: var(--c3);
}
.menu-item.c4:hover>.menu-link, .menu-item.c4.current-menu-item>.menu-link, .menu-item.c4.current-menu-parent>.menu-link {
    color: var(--c4);
}


@media (min-width: 992px){
    .c2 .sub-menu-container .menu-item:hover>.menu-link, .c2 .sub-menu-container .menu-item.current-menu-item>.menu-link {
        color: var(--c2);
    }
    .c3 .sub-menu-container .menu-item:hover>.menu-link, .c3 .sub-menu-container .menu-item.current-menu-item>.menu-link {
        color: var(--c3);
    }
    .c4 .sub-menu-container .menu-item:hover>.menu-link, .c4 .sub-menu-container .menu-item.current-menu-item>.menu-link {
        color: var(--c4);
    }
    .c2 .sub-menu-container { border-top: 2px solid var(--c2); }
    .c3 .sub-menu-container { border-top: 2px solid var(--c3); }
    .c4 .sub-menu-container { border-top: 2px solid var(--c4); }
}