/*
Theme Name: Clarion Bank Theme
Theme URI: https://clarionbank.com/
Text Domain: ClarionBankTheme
Description: WordPress them for Clarion Bank Theme
Author: the Author Clarion Bank Theme
Author URI: https://papaadvertising.com/
*/
.article h5 , .article h4 , .article h3 , .section-about h3 {
    font-weight: bold;
}
.intro--alt h1 {
    font-weight: bold;
}
.breadcrumbs a {
    margin-right: 10px;
}
.card .card__head h5 {
    font-weight: bold;
}
p#selectwrap {
    display: flex;
}
.article .selectric-scroll ul li:before {display:none;}
.article table#table14 {    background-color: rgb(250, 237, 219);}
.article table#table15 {    background-color: rgb(232, 249, 232);}

.article input[type="text"], .article input[type="password"], .article input[type="date"], .article input[type="datetime"], 
.article input[type="datetime-local"], .article input[type="month"], .article input[type="week"], .article input[type="email"], .article input[type="number"], 
.article input[type="search"], .article input[type="tel"], .article input[type="time"], .article input[type="url"], .article input[type="color"], .article  textarea {
    font-weight: 300;
}
.article .alignleft {
    float: left;
    margin: 0 30px 30px 0;
}
.alignleft {
    float: left !important;
}
.locations_hours h5 {    font-weight: bold; margin-top:0; }
.intro--alt {
   background-color: rgba(25,25,25,.45);
}
.socials>ul>li a span {
    text-indent: -999px;
    display: block;
}
.team_btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 16px 40px 15px;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
/* ------------------------------------------------------------ *\
	Featured
\* ------------------------------------------------------------ */

.featured { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; font-size: 16px; line-height: 1.65; }
.featured .feature { padding: 0 15px 30px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; text-align: center; -webkit-transition: color .3s, -webkit-transform .3s; transition: color .3s, -webkit-transform .3s; -o-transition: transform .3s, color .3s; transition: transform .3s, color .3s; transition: transform .3s, color .3s, -webkit-transform .3s; }
 
.featured .feature__inner { -webkit-box-shadow: 0 0 20px rgba(160,160,160,.5); box-shadow: 0 0 20px rgba(160,160,160,.5); background-color: #fff; padding: 27px 30px 95px; height: 100%; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; position: relative; }

.featured .feature figure { min-height: 90px; margin-bottom: 8px; position: relative; }

.featured .feature figure img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.featured .feature figure img + img {
    position: absolute;
    top: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.featured .feature h4 { text-transform: uppercase; color: #076324; line-height: 1; font-weight: 700; letter-spacing: -.02em; margin-bottom: 18px; }

.featured .feature p { margin-bottom: 10px; }

.featured .btn { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-right: -100%; max-width: calc(100% - 40px) }

.featured .feature:hover { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); color: #000; }

.featured .feature:hover .feature__inner { background-color: #b5c1cb; }

.featured .feature:hover figure img { opacity: 1; }

.featured .feature:hover figure img + img { opacity: 1; }

.featured--alt { margin-bottom: -66px;  }

.featured--alt .feature  { padding-bottom: 56px;  }

.featured--alt .feature .feature__inner { padding: 27px 20px 40px;  }

.featured--alt .feature  { padding-bottom: 56px;  }
.featured--alt .feature .feature__inner { padding: 27px 20px 40px;  }

@media (max-width: 1023px) {
	.featured { margin: 0 -10px -20px; line-height: 1.4; }
	.featured .feature { padding: 0 10px 20px; }
	.featured .feature figure img { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); }
	.featured .feature .feature__inner { padding: 20px 20px 70px; }
	.featured .feature .feature__inner .btn { bottom: 25px; }
}

@media (max-width: 767px) {
	.featured { display: block;  }
	.featured br { display: none; }
	.featured .feature { max-width: 100%; }
	.featured .feature figure { min-height: 0; margin-bottom: 15px; }
	.featured .feature figure img { -webkit-transform: none; -ms-transform: none; transform: none; height: 65px; width: auto; }
	.featured .feature .feature__inner { padding: 15px; }
	.featured .feature .feature__inner .btn { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0; }
}