/*
Theme Name: GIC Odessa Theme
Theme URI: https://4ca1c07f-0571-4f2f-bd04-48c082eab7d6.p.bardy.io
Description: Bootstrap 3 responsive WordPress theme template. -- By the Delaware Government Information Center (GIC).
Author: Julianne Solum
Author URI: https://4ca1c07f-0571-4f2f-bd04-48c082eab7d6.p.bardy.io/
Version: 1.0
Tags: mobile first, responsive, Delaware.
*/
body {
    padding-top: 54px;
    padding-bottom: 0px;
    /*background-color: #999 !important;*/
    color: #5f666d !important;
    margin-top: 0px !important;
    font-size: 16px !important;
    background-image: url('img/bkgd_slice.png');
    background-attachment: fixed !important;
}

p {
    font-size: 16px;
}

/* Wordpress Specific Image Classes */
img.alignright {
    float: right;
    margin: 0 0 1em 1em !important
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0 !important
}

img.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
}

a img.alignright {
    float: right;
    margin: 0 0 1em 1em !important
}

a img.alignleft {
    float: left;
    margin: 0 1em 1em 0 !important
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto !important
}

.wp-caption {
    max-width: 96%;
    background-color: #f3f3f3;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 15px !important;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

/* end WP image classes */
a {
    word-wrap: break-word;
}

/*======================================= EVENT CALENDAR ================================*/

.eme-location-map {
    width: 100% !important;
    height: 350px !important;
}

.eme-calendar-table {
    font-size: 12px;
    width: 80%;
    height: 200px;
    background-color: #dbe4e1;
}

.month_name {
    color: #555555 !important;
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size: 18px;
}

.eme-calendar-table thead th {
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    color: #FFF;
    border-bottom: 1px solid #bbb;
    background: #dbe4e1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.eme-calendar-table tbody td {
    color: #666;
    padding: 8px;
    text-align: center;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top, #ededed, #dedede);
}

table.eme-calendar-table td {
    padding: 2px !important;
    padding-top: 5px !important;
}

table.eme-calendar-table td.eventful a {
    color: #61aadd !important;
    font-weight: bold;
}

.prev-month {
    color: #1c3e61;
    font-size: 10px;
}

.next-month {
    color: #1c3e61;
    font-size: 10px;
}

/*======================================= / END OF EVENT CALENDAR ================================*/
/*====================== ADA ================================================*/
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    overflow: hidden;
    z-index: -9999;
    color: #333;
    background-color: #fff;
}

a.skip-main:focus,
a.skip-main:active {
    border-color: #ccc;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    left: auto;
    top: -7px;
    overflow: auto;
    margin: 10px 30%;
    z-index: 9999;
}

/*====================== /END ADA ================================================*/
/* Mime Types */
/* general reset/setup styling for icons - needed on all */
.icon::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

a[href$=".pdf"].icon::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c1";
    margin-left: 0.25em;
}

a[href$=".doc"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c2";
    margin-left: 0.25em;
}

a[href$=".docx"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c2";
    margin-left: 0.25em;
}

a[href$=".xls"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c3";
    margin-left: 0.25em;
}

a[href$=".ppt"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c4";
    margin-left: 0.25em;
}

a[href ^="mailto:"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e0";
    margin-left: 0.25em;
}

a[href$=".zip"]::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c6";
    margin-left: 0.25em;
}

/* END MIME TYPES */
#ens {
    margin-bottom: 0px;
    border-radius: 0px;
}

.event-calendar-txt {
    height: 23px;
    margin-bottom: 10px;
    background-image: url('img/event-calendar-lg.png');
    background-repeat: no-repeat;
}

.links-txt {
    height: 34px;
    background-image: url('img/links-lg.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.quick-links {
    margin-top: -10px;
}

.quick-links a {
    font-size: 14px;
    font-family: 'Lusitana', serif;
    color: #868a88;
}

.quick-links a:hover {
    text-decoration: none !important;
    color: #616865;
}

.quick-links ul li {
    list-style-type: none !important;
    margin-left: -35px;
}

.col-sm-2.input-group {
    float: right !important;
    margin-top: 8px !important;
    margin-right: 10px !important;
}

.hrstyle1 {
    border-color: #c9dde6;
}

.header-bkgd {
    background-color: white;
    height: 122px;
    z-index: -100;
    margin-top: 25px;
    background-image: url('img/header-bkgd.png');
}

.town-header {
    background-color: white;
    height: 150px;
    z-index: 100;
    margin-top: -137px;
    background-image: url('img/header-bkgd-lg.png');
}

.title-top-txt {
    font-family: 'Lusitana', serif;
    font-size: 20px !important;
    color: #7a8a84;
    margin-left: 160px;
    margin-top: 15px;
}

.title-btm-txt {
    font-family: 'Lusitana', serif;
    font-size: 20px !important;
    color: #7a8a84;
    margin-left: 165px;
    margin-top: -20px;
}

.town-title h1 {
    font-family: 'Lusitana', serif;
    color: #7a8a84;
    font-size: 100px !important;
    margin-left: 190px;
    margin-bottom: 0px;
    margin-top: -25px;
}

.home-text-area h2.town-subtitle {
    margin-top: -10px;
    color: #7f8281;
    padding: 10px 0 10px 0;
    font-family: 'Lusitana', serif;
    font-size: 29px;
    border-top: 2px solid #9a9a9a;
    border-bottom: 2px solid #9a9a9a;
}

.latest-posts-home h4.town-subtitle {
    margin-top: 0px;
    color: #6d706f;
    font-size: 38px;
    font-family: 'Lusitana', serif;
    margin-left: 10px;
}

.meetings-home h4.town-subtitle {
    margin-top: 0px;
    color: #6d706f;
    font-size: 38px;
    font-family: 'Lusitana', serif;
    margin-left: 35px;
}

.town-tagline {
    font-size: 14px !important;
    margin-top: -20px;
    color: #566d7c;
    margin-left: -35px;
    text-transform: uppercase;
}

.town-menu-title {
    color: gray;
    padding-left: 15px;
    margin-top: 12px !important;
}

.footer-scroll {
    margin-top: 30px;
}

.town-footer {
    font-family: 'Lusitana', serif;
    color: #FFF !important;
    height: 120px;
    background-image: url('img/footer-texture2.jpg');
    background-repeat: repeat-x;
}

.footer-left p {
    font-size: 12px !important;
    padding-top: 15px;
}

.footer-right p {
    padding-top: 15px;
    text-align: right;
    font-size: 12px !important;
}

.nav-search {
    margin-top: -42px;
}

.btn-search {
    height: 34px;
    border-radius: 0px !important;
    background-color: #f3ede0;
    border: 1px solid #cccccc;
}

.btn-search a:hover {
    background-color: #2e688d !important;
}

h2.interior-heading {
    margin-top: 0px !important;
    font-family: 'Lusitana', serif;
    color: #7a8a84;
}

h3 {
    color: #717171;
    font-weight: 400;
    font-family: 'Lusitana', serif;
    font-size: 22px;
}

li.page_item a:hover {
    color: #5492b2 !important;
    background-color: #c5dae5 !important;
}

li.page_item a {
    color: white !important;
}

.main-body {
    background-color: #FFF;
    min-height: 300px;
    padding: 20px;
    margin-top: 25px;
    border-top: 2px solid #efede4;
    border-left: 2px solid #efede4;
    border-right: 2px solid #efede4;
}

.home-page-top {
    background-color: #f6f4ea;
    margin: 0 -3px 0 -3px;
    padding: 30px 10px 20px 10px;
    -moz-box-shadow: inset 0 0 10px #c6c3b7;
    -webkit-box-shadow: inset 0 0 10px #c6c3b7;
    box-shadow: inset 0 0 10px #c6c3b7;
    border: 1px solid #dad7cc;
}

.main-body-interior {
    background-color: #FFF;
    min-height: 300px;
    padding: 20px;
    margin-top: 25px;
    border-top: 2px solid #efede4;
    border-left: 2px solid #efede4;
    border-right: 2px solid #efede4;
}

.slider-area {
    background-color: #eef4f7;
    border: 6px solid #afc9c2;
    margin-bottom: 10px;
}

.home-text-area {
    background-color: #f6f4ea;
    padding: 10px;
    height: 304px;
    margin-bottom: 10px;
    font-size: 18px;
}

.home-text-area p {
    font-family: 'Lusitana', serif;
    font-size: 16px !important;
    color: #8b8b8b;
    line-height: 25px;
}

.home-page-bottom {
    height: auto;
    border-left: 2px solid #efede4;
    border-right: 2px solid #efede4;
}

.read-more {
    color: #7a8a84 !important;
    font-size: 16px;
    font-family: 'Lusitana', serif;
}

.read-more a:hover {
    text-decoration: underline;
}

.left-sidebar-home {
    height: auto;
    min-height: 400px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px;
    padding: 10px;
}

.left-sidebar-interior {
    height: auto;
    margin-left: -15px;
    margin-bottom: 10px;
    padding: 10px;
}

.scroll-work-left {}

.scroll-work-right {}

.latest-posts-home {
    min-height: 400px;
    margin-bottom: 10px;
    padding: 12px 0px 0px 0px;
    margin-left: -35px;
}

.latest-posts-home p {
    font-size: 18px !important;
}

.latest-posts-home a:link {
    color: #879690 !important;
    font-size: 18px !important;
}

.latest-posts-home a:visited {
    color: #879690 !important;
}

.latest-posts-home ul {
    padding: 15px 15px 0 15px !important;
    font-family: 'Lusitana', serif;
    font-size: 18px !important;
}

.latest-posts-home ul li {
    margin-left: 0px;
    color: #767676;
    margin-bottom: 25px;
}

.view-all-posts {
    font-family: 'Lusitana', serif;
    font-size: 16px !important;
}

.meetings-home {
    min-height: 400px;
    padding: 10px;
}

.meetings-home ul {
    padding: 15px 0 0 15px !important;
    font-family: 'Lusitana', serif;
    font-size: 18px !important;
    margin-top: -18px;
}

.meetings-home ul li {
    margin-bottom: 34px;
}

.meetings-home a:link {
    color: #879690 !important;
}

.meetings-home a:visited {
    color: #879690 !important;
}

.view-all-events a:link {
    font-family: 'Lusitana', serif;
    font-size: 16px !important;
}

.vert-line {
    min-height: 400px;
    border-right: 2px solid #eef4f7;
    position: absolute;
    margin-left: 650px;
}

.ngg-navigation {
    margin-bottom: 20px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #eeebe4 !important
}

/*================================== PANEL STYLES ===================================*/
.panel-title {
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-default>.panel-heading {
    background-color: #FFF;
    border: 2px solid #87aba3 !important;
}

.panel-default>.panel-heading:hover {
    background-color: #faf9f4;
}

.panel-title>a {
    font-family: 'Open Sans', sans-serif;
    color: #62766f;
    text-decoration: none;
    font-size: 18px;
}

.panel-body {
    border: 1px solid #87aba3 !important;
}

.panel-group h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px !important;
}

.panel-group ul li {
    list-style-type: square;
    color: #405f7c !important;
}

/*================================== META SLIDER ===================================*/

.nivoSlider {
    max-height: 296px;
}

img.nivo-main-image {
    display: block;
}

.nivo-caption {
    background: #ccc !important;
    color: #000 !important;
}

/*======================= BOOTSTRAP OVERRIDES ========================================*/
.input-group .form-control {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.navbar {
    border-radius: 0px !important;
    border: 0px solid !important;
    height: 54px !important;
    -webkit-box-shadow: 0 8px 6px -8px #848484;
    -moz-box-shadow: 0 8px 6px -8px #848484;
    box-shadow: 0 8px 6px -8px #848484;
}

.navbar-default {
    background-color: #f2f0ec !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    background-color: #f2f0ec !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: gray !important;
    font-family: 'Lusitana', serif;
    color: #696969 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #eeebe4 !important;
}

.navbar-default .navbar-nav>.open>a {
    background-color: #eeebe4 !important;
    color: white;
}

.nav {
    padding-top: 0px;
}

.navbar-default .navbar-toggle {
    border-color: #96b3aa;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #96b3aa;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .navbar-nav {
        margin-left: -15px !important;
        position: relative;
        z-index: 10;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar-nav {
        margin-left: -15px !important;
        position: absolute;
        z-index: 10;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-nav {
        margin-left: -15px !important;
        position: absolute;
        z-index: 10;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar-nav {
        margin-left: -15px !important;
        position: absolute;
        z-index: 10;
    }
}

.navbar-collapse .form-control {
    border-radius: 0px !important;
}

.navbar-default .navbar-nav>.active>a {
    background-color: #afcac2 !important;
    color: white !important;
}

.navbar-default .navbar-nav>li>a {
    color: #696969 !important;
    font-size: 16px !important;
    padding-bottom: 19px;
    font-family: 'Lusitana', serif;
    color: #50504f;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #eeebe4 !important;
}

.navbar-collapse {
    background-color: #f7f7f7;
}

/*====================== MEDIA QUERIES ================================================*/
/* SMALL DESKTOP VIEWPORT */
@media (min-width: 992px) and (max-width: 1199px) {
    .home-text-area {
        height: auto;
    }

    .latest-posts-home h4.town-subtitle {
        font-size: 28px;
    }

    .meetings-home h4.town-subtitle {
        font-size: 28px;
    }

    .footer-scroll {
        margin-left: -15px;
    }

    .event-calendar-txt {
        height: 27px;
        margin-left: 0px;
        margin-bottom: 10px;
        background-image: url('img/event-calendar-sm.png');
        background-repeat: no-repeat;
    }

    .quick-links a {
        font-size: 12px;
    }

    /*.nivoSlider img {
border:0px solid green !important;
height:292px !important;
width:700px !important;
}*/
    .town-header {
        background-color: white;
        height: 150px;
        z-index: 100;
        margin-top: -137px;
        background-image: url('img/header-bkgd-sm.png');
    }

    .title-top-txt {
        margin-left: 180px;
    }

    .title-btm-txt {
        margin-left: 180px;
    }

    .home-text-area h2.town-subtitle {
        font-size: 22px;
        padding: 5px 0 5px 0;
    }

    .home-text-area p {
        font-size: 14px !important;
    }

    .read-more {
        font-size: 12px !important;
    }

    .town-title {
        margin-left: -20px;
    }
}

/* END SMALL DESKTOP VIEWPORT */

/* TABLET VIEWPORT */
@media (min-width: 768px) and (max-width: 991px) {
    .event-calendar-txt {
        height: 25px;
        margin-left: -1px;
        margin-bottom: 10px;
        background-image: url('img/event-calendar-tab.png');
        background-repeat: no-repeat;
    }

    .quick-links a {
        font-size: 12px;
    }

    .latest-posts-home {
        margin-left: -30px;
        margin-right: 10px;
    }

    #wp-calendar #next a {
        font-size: 10px;
        margin-top: 15px;
    }

    #wp-calendar #prev a {
        font-size: 10px;
        margin-top: 15px;
    }

    .home-text-area {
        font-size: 16px;
        height: auto !important;
    }

    .home-text-area h2.town-subtitle {
        font-size: 16px;
        padding: 5px 0 5px 0;
    }

    .home-text-area p {
        font-size: 14px !important;
        line-height: 18px;
    }

    .read-more {
        font-size: 12px !important;
    }

    .latest-posts-home h4.town-subtitle {
        font-size: 22px;
        margin-left: 20px;
    }

    .meetings-home h4.town-subtitle {
        font-size: 22px;
        margin-left: 10px;
    }

    .town-header {
        background-color: white;
        height: 150px;
        z-index: 100;
        margin-top: -137px;
        background-image: url('img/header-bkgd-tablet.png');
    }

    .town-title {
        margin-left: -50px;
    }

    .title-top-txt {
        margin-left: 200px;
    }

    .title-btm-txt {
        margin-left: 200px;
    }

    .footer-left p {
        font-size: 10px !important;
    }

    .footer-right p {
        font-size: 10px !important;
    }

    .latest-posts-home ul {
        font-size: 16px !important;
    }

    .latest-posts-home p {
        font-size: 16px !important;
    }

    .latest-posts-home a:link {
        font-size: 16px !important;
    }

    .view-all-events a:link {
        font-size: 12px !important;
    }

    .view-all-posts a:link {
        font-size: 12px !important;
    }

    .meetings-home ul {
        font-size: 16px !important;
    }

    .latest-posts-home .town-subtitle {
        font-size: 22px;
    }

    .meetings-home .town-subtitle {
        font-size: 22px;
    }
}

/* END TABLET VIEWPORT */

/* MOBILE VIEWPORT */
@media (max-width: 767px) {
    body {
        margin-top: 0px !important;
    }

    .home-text-area {
        height: auto !important;
    }

    .event-calendar-txt {
        margin-top: 25px;
    }

    .quick-links {
        margin-top: 10px;
    }

    .meetings-home {
        margin-left: -15px;
        margin-right: -15px !important;
    }

    .latest-posts-home {
        margin-left: -5px;
        margin-right: -15px;
    }

    .town-logo {
        margin-left: -20px;
        margin-top: 15px !important;
    }

    .town-title h1 {
        font-size: 60px !important;
        padding: 10px;
    }

    .town-title {
        margin-top: 180px;
        margin-left: -210px;
    }

    .title-top-txt {
        margin-left: 200px;
    }

    .title-btm-txt {
        margin-left: 200px;
        margin-bottom: 30px;
    }

    .latest-posts-home .town-subtitle {
        font-size: 30px !important;
        margin-left: 25px !important;
    }

    .meetings-home .town-subtitle {
        font-size: 30px !important;
    }

    .home-text-area h2.town-subtitle {
        font-size: 20px;
    }

    .main-body {
        padding-bottom: 10px;
    }

    a:hover {
        text-decoration: none !important;
    }

    .town-header {
        background-color: white;
        height: 130px;
        z-index: 100;
        margin-top: -155px;
        margin-bottom: -30px;
        background-image: url('img/header-bkgd-mobile.png');
    }

    .header-bkgd {
        display: none;
    }

    .town-footer {
        height: 120px;
        border-top: 2px solid #999;
    }

    .meetings-home {
        margin-right: 27px;
    }

    .navbar-ex1-collapse {
        padding-bottom: 25px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-bottom: 3px solid #96b3aa;
    }

    .footer-left p {
        margin-left: -20px;
        font-size: 12px !important;
        margin-top: 0px;
    }
}

/* END MOBILE VIEWPORT */

/* RESPONSIVE CONTACT FORM 7 */
@media only screen and (min-width : 240px) {

    .wpcf7-textarea,
    .wpcf7-text,
    .wpcf7-captchar {
        max-width: 100%;
        padding: 10px 1px !important;
    }
}

/*======================= FONT AWESOME ==================================================*/
.fa-search {
    color: #FFF !important;
}


/****FIREFOX SEARCH FIX****/
@-moz-document url-prefix() {
    .nav-search {
        margin-top: 8px !important;
        width: auto !important;
    }
}

/*CAPTCHA*/
@media (max-width: 480px) {
    .g-recaptcha>div>div {
        width: inherit !important;
        position: relative;
        display: block;
        padding: 0;
        overflow: hidden;
        max-width: 302px;
        border-right: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, .08);
        -webkit-box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, .08);
        -moz-box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, .08);
    }

    .g-recaptcha iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .g-recaptcha>div {
        position: relative;
    }

    .g-recaptcha>div:before {
        content: 'Loading captcha...';
        position: absolute;
        top: 38%;
        left: 0;
    }

    .g-recaptcha:empty:before {
        content: 'Something went wrong, please try refreshing your browser.';
    }
}

/*SMUG*/
input.noshow {
    display: none !important;
}

/*======================= / BEGIN SEARCH ==================================================*/
.sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 40px;
    height: 35px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    z-index: 300000;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 20px;
    color: #afcac2;
}

.sb-search-input::-webkit-input-placeholder {
    color: #afcac2;
}

.sb-search-input:-moz-placeholder {
    color: #afcac2;
}

.sb-search-input::-moz-placeholder {
    color: #afcac2;
}

.sb-search-input:-ms-input-placeholder {
    color: #afcac2;
}

.sb-icon-search,
.sb-search-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #afcac2;
    z-index: 90;
    font-size: 18px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #afcac2;
    color: #fff;
    z-index: 5000;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/*======================= / END OF SEARCH ==================================================*/