.condensed {
    font-family: 'Open Sans Condensed', Arial, sans-serif;
}
.form-control:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(134, 103, 168,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(134, 103, 168,.6);
}


body.girl .post-content .form-control:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223, 28, 144,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223, 28, 144,.6);
}



body.boy .post-content .form-control:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(45, 179, 192,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(45, 179, 192,.6);
}



a, a:hover, a:focus,
.text-primary, a.text-primary,
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
#menu-footer-menu a:hover,
.post-content a[href]:not(.btn):not([data-toggle="tab"]):hover, .pagination>li>a:not(.btn), .pagination>li>span,
.masthead-search-form .btn,
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {

    color:#8667a8;

}

.navbar-default .masthead-searchbar-toggle,
.navbar-default .masthead-searchbar-toggle:active,
#nav-icon4 span, .label-primary,
.bg-primary,
.btn-primary, .btn-primary:hover,
.btn-primary:active,
.btn-primary:focus, .btn-primary:active:focus,
.pagination>li>a.btn, .pagination>li>a.btn:hover,
.pagination>li>a.btn:active, .pagination>li>a.btn:focus,
.pagination>li>a.btn:active:focus, #action-button, #action-button:hover,
#action-button:active, #action-button:focus, #action-button:active:focus,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover,
.panel-search .panel-heading
{

    background-color: #8667a8 ;
}


.name-orderby-select a.active,
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary:active:focus, #action-button, #action-button:hover, #action-button:active,
#action-button:focus, #action-button:active:focus, .form-control:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="password"]:focus, input[type="search"]:focus, textarea:focus,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.current-menu-parent>a,
.navbar-default .navbar-nav>.current-menu-parent>a:focus, .navbar-default .navbar-nav>.current-menu-parent>a:hover,
#menu-footer-menu a:hover,
.post-content a[href]:not(.active):not(.btn):not([data-toggle="tab"]):hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a.btn:focus, .pagination>li>a.btn:hover {

    border-color: #8667a8!important;
}

.masthead-search-form .btn,
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {

    color:#8667a8;
}

.masthead-search-form .btn:hover,
.masthead-search-form .btn:focus {
    color:#fff;
}


ul.pagination>li>a:not(.btn),
ul.pagination>li>span {
    font-size:80% !important;
    border-width:1px !important;
    padding:5px 10px !important;
    font-weight:700!important;
}

.pagination>li>a {
    border-color:#efe8d6!important;
    background-color:rgba(246, 242, 233, .8)!important;
}
.pagination>li>a[href]:not(.btn):not([data-toggle="tab"]):hover {
    border-color:#efe8d6!important;
    background-color:#efe8d6!important;
}

body.girl .excerpt a,
body.girl .name-orderby-select a,
body.girl .post-content a[href]:not(.btn):not(.button):not([rel="prev"]):not([data-toggle="tab"]),
.baby-names-gender-nav-girl a,
.navbar-default .navbar-nav>.girls.active>a,
.navbar-default .navbar-nav>.girls.active>a:focus,
.navbar-default .navbar-nav>.girls.active>a:hover,
.link-girl:hover,
body.girl .list-name-origins a,
body.girl .list-baby-name-lists a,
.name-list-girl a,
.name-item-girl a,
.name-item-girl a small,
.single-baby-name-girl a:not(.btn) {
    color:#df1c90;
}


.text-girl,
.link-girl,
li.girls.menu-item a,
li.girls.menu-item a:focus,
li.girls.menu-item a:focus,
.a-z-selector-girl a,
body.girl .list-a-z-samples .letter,
.switch-girl,
.switch-girl:hover,
.switch-girl:active,
.a-z-selector.a-z-selector-girl a:not(.btn):hover {
    color:#df1c90!important;
}



body.boy .excerpt a,
body.boy .name-orderby-select a,
body.boy .post-content a[href]:not(.btn):not(.button):not([rel="prev"]):not([data-toggle="tab"]),
.baby-names-gender-nav-boy a,
.navbar-default .navbar-nav>.boys.active>a,
.navbar-default .navbar-nav>.boys.active>a:focus,
.navbar-default .navbar-nav>.boys.active>a:hover,
.text-boy,
body.boy .list-name-origins a,
body.boy .list-baby-name-lists a,
.name-list-boy a,
.name-item-boy a,
.name-item-boy a small,
.single-baby-name-boy a:not(.btn) {
    color:#2db3c0;
}


.link-boy,
.link-boy:hover,
li.boys.menu-item a,
li.boys.menu-item a:focus,
li.boys.menu-item a:focus,
.a-z-selector-boy a,
body.boy .list-a-z-samples .letter,
.switch-boy,
.switch-boy:hover,
.switch-boy:active,
.a-z-selector.a-z-selector-boy a:not(.btn):hover {
    color:#2db3c0!important;
}


body.girl h1 {
    color:#a30c66;
}


body.boy h1 {
    color:#087985;
}




.link-girl:hover,
.link-boy:hover,
.switch-girl:hover,
.switch-boy:hover {
    opacity:.8;
}


body.page-template-template-baby-name-page .post-content a[href]:not(.btn):not(.button):not([rel="prev"]):not([data-toggle="tab"]) {
    font-weight:700;
}


body.girl hr,
body.boy hr,
hr.girl,
hr.boy {
    border-top-width:2px !important;
}

body.girl hr.dotted,
body.boy hr.dotted,
hr.girl.dotted,
hr.boy.dotted {
    border-top-width:1px !important;
}

body.girl hr,
body.girl hr.dotted,
hr.girl,
hr.girl.dotted {
    border-color:rgba(223, 28, 144,.3)!important;
}

body.boy hr,
body.boy hr.dotted,
hr.boy,
hr.boy.dotted {
    border-color:rgba(45, 179, 192, .3) !important;
}


body.girl .alert-rating,
body.girl .name-orderby-select a.active,
body.girl .post-content a[href]:not(.active):not(.btn):not([data-toggle="tab"]):hover,
.baby-names-gender-nav-girl .active a,
body.girl .post-content .form-control:focus,
body.girl .post-content input[type="text"]:focus,
body.girl .post-content input[type="email"]:focus,
body.girl .post-content input[type="url"]:focus,
body.girl .post-content input[type="password"]:focus,
body.girl .post-content input[type="search"]:focus,
body.girl .post-content textarea:focus,
body.girl .navbar-default .navbar-nav>.girls>a,
body.girl .navbar-default .navbar-nav>.girls>a:focus,
body.girl .navbar-default .navbar-nav>.girls>a:hover,
.navbar-default .navbar-nav>.girls.active>a,
.navbar-default .navbar-nav>.girls.active>a:focus,
.navbar-default .navbar-nav>.girls.active>a:hover,
.navbar-default .navbar-nav>.girls.current-menu-parent>a,
.navbar-default .navbar-nav>.girls.current-menu-parent>a:focus,
.navbar-default .navbar-nav>.girls.current-menu-parent>a:hover,
body.girl .noUi-handle {

    border-color: #df1c90!important;
}


body.boy .alert-rating,
body.boy .name-orderby-select a.active,
body.boy .post-content a[href]:not(.active):not(.btn):not([data-toggle="tab"]):hover,
.baby-names-gender-nav-boy .active a,
body.boy .post-content .form-control:focus,
body.boy .post-content input[type="text"]:focus,
body.boy .post-content input[type="email"]:focus,
body.boy .post-content input[type="url"]:focus,
body.boy .post-content input[type="password"]:focus,
body.boy .post-content input[type="search"]:focus,
body.boy .post-content textarea:focus,
body.boy .navbar-default .navbar-nav>.boys>a,
body.boy .navbar-default .navbar-nav>.boys>a:focus,
body.boy .navbar-default .navbar-nav>.boys>a:hover,
.navbar-default .navbar-nav>.boys.active>a,
.navbar-default .navbar-nav>.boys.active>a:focus,
.navbar-default .navbar-nav>.boys.active>a:hover,
.navbar-default .navbar-nav>.boys.current-menu-parent>a,
.navbar-default .navbar-nav>.boys.current-menu-parent>a:focus,
.navbar-default .navbar-nav>.boys.current-menu-parent>a:hover
body.boy .noUi-handle {

    border-color: #2db3c0!important;
}








.back-to-mn {
    padding:3px 0;
    background-color:#fff;
    text-align:right;
    border-bottom:none;
}
.back-to-logo,
.back-to-logo:hover {
    color:#5c3a4a;
    font-size:80%;
}
.back-to-logo img {
    width:auto;
    height:19px;
}





.navbar-default {
    background-color:#f6f2e9;
    border-bottom:1px solid #efe8d6;
    border-top:1px solid #efe8d6;
}

.navbar-header {
    float: left;
}


.navbar-default .navbar-brand {
    position: static;
    left: 0;
    margin-top: 0;
    margin-left: 0 !important;
    display: block;
    padding: 9px 0 9px 15px;
    width: auto;
    color: #8667a8;
    text-shadow: none;
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    max-width:none;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #8667a8;

}


#menu-baby-names-menu {
    display:none;
}

#menu-baby-names-menu-mobile {
    float: right;
    margin-right:0;
    width: auto;
}



.navbar-default .nav > li {

    float: left;
    width:auto;
    text-align:center;
}

.navbar-default .nav > li a {

    font-size: 16px;
    padding: 6px 5px 0;
    margin: 3px 5px 5px;
    border-bottom-width: 2px!important;
    background: transparent!important;

}




.navbar-default .nav > li.girls a:hover {

    border-bottom-color:rgba(223, 28, 144,.7)!important;

}
.navbar-default .nav > li.boys a:hover {

    border-bottom-color:rgba(45, 179, 192,.7)!important;

}
.navbar-default .nav > li.search a:hover {

    border-bottom-color:rgba(134, 103, 168,.7)!important;

}



@media (min-width: 480px) {

    .navbar-default .navbar-brand {
        padding: 10px 0 10px 15px;
        font-size: 30px;
    }

    .navbar-default .nav > li a {
        font-size: 19px;
        padding: 7px 5px 1px;
        margin: 3px 5px 5px;
    }

}


@media (min-width: 768px) {

    #menu-baby-names-menu {
        display:block;
        margin:0;
    }

    #menu-baby-names-menu-mobile {
        display:none;
    }
    .navbar-form {
        margin-top: 8px;
        margin-right:0;
    }

    @media (min-width: 768px){


        header .navbar-form {
            margin-top: 8px;
            margin-right:0;
        }


    }
    .navbar-default .navbar-brand {
        padding: 15px 15px 15px 0;
        font-size: 38px;
    }

    .navbar-default .nav > li a {

        font-size: 22px;
        padding: 11px 5px 3px 5px!important;
        margin: 3px 15px 11px 0!important;

    }



}


@media (max-width: 767px){



/*
    .navbar-default .nav > li a {

        padding:8px 10px;
        font-size:14px;
        color:#fff!important;

    }
    .navbar-default .nav > li.girls a {

        background-color:#df1c90;
        background-color:rgba(223, 28, 144,1);

    }
    .navbar-default .nav > li.boys a {

        background-color:#2db3c0;
        background-color:rgba(45, 179, 192,1);

    }
    .navbar-default .nav > li.search a {

        background-color:#8667a8;
        background-color:rgba(134, 103, 168,1);

    }


    .navbar-default .nav > li.girls.active a {

        background-color:rgba(223, 28, 144,1);

    }
    .navbar-default .nav > li.boys.active a {

        background-color:rgba(45, 179, 192,1);

    }
    .navbar-default .nav > li.search.active a {

        background-color:rgba(134, 103, 168,1);

    }




    .navbar-default .nav > li.girls a:hover {

        background-color:rgba(223, 28, 144,.7);

    }
    .navbar-default .nav > li.boys a:hover {

        background-color:rgba(45, 179, 192,.7);

    }
    .navbar-default .nav > li.search a:hover {

        background-color:rgba(134, 103, 168,.7);

    }
*/
}




@media (min-width: 768px){

    #masthead-search-form input {
       margin-left222:7px;
    }

}

@media (max-width: 991px) and (min-width: 768px){
    #masthead-search-form input {
        width: 145px;
    }
}



.gender-switch {
    margin-top:-2em;
    padding: .3em 0 .3em .6em;
    font-size:75%;
}


.label-gender {
    margin-bottom:.25em;
}



.name-item-boy a i,
.name-item-girl a i {

    opacity222:.7;

}


body.girl .a-z-selector a.active,
body.girl .a-z-selector a.active:hover,
.btn-girl,
.label-girl,
.bg-girl,
.panel-girl .panel-heading,
body.girl .noUi-handle:after, body.girl .noUi-handle:before {
    background-color:#df1c90;
}

body.boy .a-z-selector a.active,
body.boy .a-z-selector a.active:hover,
.btn-boy,
.label-boy,
.bg-boy,
.panel-boy .panel-heading,
body.boy .noUi-handle:after, body.boy .noUi-handle:before {
    background-color:#2db3c0;
}



.btn-girl,
.btn-boy {
   color:#fff;
}

.btn-girl:hover,
.btn-boy:hover {
   opacity:.8;
    color:#fff;
}





.baby-names-gender-nav-wrap {
    font-size:10px;
    background-color:#fff;
}



@media (min-width: 768px){

    .baby-names-gender-nav-wrap {
        font-size:12px;
    }
}


@media (min-width: 992px){

    .baby-names-gender-nav-wrap {
        font-size:16px;
    }

}




.baby-names-gender-nav-wrap .baby-names-nav {
    margin-left:-15px;
    margin-right:-15px;
    background-color:rgba(113, 60, 86,.125);
    padding:7px 15px 4px;
}

@media (min-width: 768px){


    .baby-names-gender-nav-wrap .baby-names-nav {
        margin-left:0;
        margin-right:0;
        border-radius: 0 0 5px 5px;
    }

}



#more-names-button-wrap.bg-girl,
.baby-names-gender-nav-girl .baby-names-nav {
    background-color:rgba(223, 28, 144,.1);
    border-top222:1px solid rgba(223, 28, 144,.05);
}

#more-names-button-wrap.bg-boy,
.baby-names-gender-nav-boy .baby-names-nav {
    background-color:rgba(45, 179, 192,.125);
    border-top222:1px solid rgba(45, 179, 192,.05);
}


.baby-names-gender-nav-wrap .gender-label {
    opacity: .8;
}



.baby-names-gender-nav-wrap + .content-block {
    border-top-width:0;
}



.baby-names-gender-nav-wrap .active a {
   border-bottom-width:2px;
    border-bottom-style: solid;
    font-weight:700;
}




.name-orderby-select {
    background-color: #efe8d6;
    padding:8px 8px 2px;
    margin-bottom:5px;
}


.name-orderby-select a:not(.active) {
    font-weight: 400!important;
   border-color:transparent;
}
.name-orderby-select a.active {
    font-weight: 700!important;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom:2px;
}
.name-orderby-select a:hover {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom:2px;
}
.name-orderby-select a.active:hover {
    border-bottom-width: 2px;
    cursor:default;
}






.table-baby-names{
    width:100%;
}


.table-baby-names td.name {
    width:40%;
}

.table-baby-names td.meaning {
    width:60%;
}


.table-baby-names th.heading-origin,
.table-baby-names th.heading-popularity,
.table-baby-names th.heading-other-gender,
.table-baby-names td.origin,
.table-baby-names td.popularity,
.table-baby-names td.other-gender {
    display:none;
}

.table-baby-names td.popularity {
  padding-top:6px;
}


@media (min-width: 480px){

    .table-baby-names td.name {
        width:25%;
    }

    .table-baby-names td.meaning {
        width:45%;
    }


    .table-baby-names th.heading-origin,
    .table-baby-names td.origin {
        width:30%;
        display:table-cell;
    }


}

@media (min-width: 768px){


    .table-baby-names th.heading-name,
    .table-baby-names td.name {
        width:20%;
    }

    .table-baby-names th.heading-meaning,
    .table-baby-names td.meaning {
        width:30%;
    }


    .table-baby-names th.heading-origin,
    .table-baby-names td.origin {
        width:23%;
    }

    .table-baby-names th.heading-popularity,
    .table-baby-names td.popularity {
        width:23%;
        display:table-cell;
    }


    .table-baby-names th.heading-other-gender,
    .table-baby-names td.other-gender {
        width:4%;
        display:table-cell;
    }


}







.table-baby-names a {
    border-width:0!important;
    line-height:1.2;
}

.table-baby-names p {
    margin-bottom:0;
    margin-top:3px;
    line-height:1.2;
}

.table-baby-names i {
    font-weight:700;
}






.list-baby-names > li {
    padding:5px 0;
    margin:0;
}

.list-baby-names > li:first-child {
    padding-top:0;
}

.list-baby-names > li:not(:first-child) {
    border-top:1px dotted #ddd;
}



.list-baby-names a {
    border-width:0!important;
    line-height:1.2;
}

.list-baby-names p {
    margin-bottom:0;
    margin-top:3px;
    line-height:1.2;
}

.list-baby-names a > small {
    font-size:85%;
}

.list-baby-names p > small {
    font-size:70%;
}









.list-baby-names-divided > li {
    margin:0;
    padding:0;
}

.list-baby-names-divided a {
    border-width:0!important;
    padding:10px 0!important;
    display:block;
}


.list-baby-names-divided:not(.top-border) > li:first-child {
    padding-top:0;
}

.list-baby-names-divided > li:not(:first-child),
.list-baby-names-divided.top-border > li {
    border-top:1px dotted #ddd;
}















.name-origins-widget .list-baby-names-divided a,
.name-origins-widget .list-baby-names-divided p {
    border-width:0!important;
    line-height:1.2;
}
.name-origins-widget .list-baby-names-divided a > small {
    font-size:80%;
}
.name-origins-widget .list-baby-names-divided p > small {
    font-size:70%;
}


.state-charts .baby-name-sparkline-wrap {
    float:left;
    text-align:center;
   padding-right:5px;
    padding-left:5px;
    margin-bottom:10px;
    width: 50%;
}


@media (min-width: 390px){

    .state-charts .baby-name-sparkline-wrap {
        width: 33.3333334%;
    }
}


@media (min-width: 640px){

    .state-charts .baby-name-sparkline-wrap {
        width: 25%;
    }
}


@media (min-width: 992px){

    .state-charts .baby-name-sparkline-wrap {
        width: 20%;
    }
}


.state-chart {
    width: 100%;
    margin-bottom:5px;
    height: 2em!important;
}

@media (min-width: 768px){
    .state-chart {
        height: 2.25em!important;
    }
}

.table-baby-names .baby-name-sparkline-wrap,
.table-baby-names .baby-name-sparkline-wrap canvas,
.table-baby-names .baby-name-sparkline-wrap .chartjs-size-monitor{
    max-height: 18px;
    max-width: 160px;
}

.baby-name-sparkline-wrap p {
    background-color:rgba(246, 242, 233, .7);
    border-radius:0 0 3px 3px ;
    margin:0;
}
.baby-name-sparkline-wrap small {
    font-size:75%;
}




@media (max-width: 390px){

    .list-baby-names .baby-name-sparkline-wrap{

        margin-top: .5em;
        height:20px;

    }

}

@media (min-width: 768px){

    .list-baby-names .baby-name-sparkline-wrap{

       height:30px;

    }

}


.names-filter hr {
    border-color:rgba(134, 103, 168,.4);
}


body.boy .names-filter hr {
    border-color:rgba(45, 179, 192,.9);
}


body.girl .names-filter hr {
    border-color:rgba(223, 28, 144,.9);
}





.a-z-selector {
    margin: 10px -3px 0;
}


.list-a-z-samples a.letter,
.a-z-selector a {
    background-color: #f6f2e9;
}

.a-z-selector a {
    width:2em;
    padding:.25em 0!important;
    margin:0 3px 6px 3px!important;
    display:inline-block;
    border-width:0!important;
    text-align:center;
    color:#393a40;
    font-size:65%;
    font-weight:700!important;
}

.a-z-selector.large a {
    font-size:117%;
}


.name-atoz-widget .a-z-selector a {
    font-size:90%;
}



.a-z-selector a:hover {
    color:#393a40!important;
    background-color:rgba(134, 103, 168,.4);
}


.name-item-girl .count,
body.girl .name-personality-widget .count,
body.girl .list-a-z-samples a.letter:hover,
.a-z-selector-girl a:hover {
    background-color:rgba(223, 28, 144,.2);
}


.name-item-boy .count,
body.boy .name-personality-widget .count,
body.boy .list-a-z-samples a.letter:hover,
.a-z-selector-boy a:hover {
    background-color:rgba(45, 179, 192,.2);
}


.nav-tabs-girl > li > a,
.nav-tabs-boy > li > a {

    border-bottom-color:#ddd;

}

.nav-tabs-girl > li > a{
    background-color:rgba(223, 28, 144,.1);
}


.nav-tabs-girl > li > a:hover {
    background-color:rgba(223, 28, 144,.175);
}


.nav-tabs-boy > li > a {
    background-color:rgba(45, 179, 192,.1);
}
.nav-tabs-boy > li > a:hover {
    background-color:rgba(45, 179, 192,.175);
}



.a-z-selector a.active,
.a-z-selector a.active:hover {
    color:#fff!important;
    cursor:default;
}





.list-a-z-samples > li {
    padding:5px 0;
    margin:0;
}

.list-a-z-samples > li:first-child {
    padding-top:0;
}

.list-a-z-samples > li:not(:first-child) {
    border-top:1px dotted #ddd;
}




.list-a-z-samples a.letter {
    float:left;
    width:2.5em;
    margin-right:.75em;
    color:#393a40;
    padding:.5em 0!important;
    font-weight:700!important;
    border:none!important;
    text-align:center;
    font-size:75%;
}


.list-a-z-samples ul.list-names {
    float:left;
    width:calc(100% - 3.25em);
    margin-top:.25em;
}

ul.list-names.popular-name-list a {
    font-size:75%;
    border:none!important;
    line-height:1.5;
    margin-top:.75em;
    font-weight:700!important;
    display:inline!important;
}

.list-name-origins ul.list-names.popular-name-list a {
    font-weight:400!important;
}

.name-personality-widget .count,
.list-names .count {
    height: 1.5em;
    width: 1.5em;
    line-height: 1.6125;
    font-weight: 700!important;
    text-align: center;
    font-size: 50%;
    border-radius: .75em;
    display: inline-block;
    margin-top: .65em;
    margin-right: .125em;
    float: left;
}

.name-personality-widget .count{
    height: 1.75em;
    width: 2em;
    font-size: 70%;
    margin-top: 0;
    line-height: 1.85;
}


/* WELCOME */



.panel-welcome .welcome-intro {

    color:#fff;
    margin-bottom:0;
    line-height:1.2;
    font-size:80%;
    margin-top:.125em;
}

@media (min-width: 480px){

    .panel-welcome .welcome-intro {
        font-size:18px;
    }

}


@media (min-width: 768px){

    .panel-welcome .welcome-intro {
        font-size:22px;
    }

}


.panel-boy,
.panel-girl,
.panel-search,
.panel-ancillary {
    border-radius:0;
    box-shadow:none;
    border-color:#efe8d6;
}


.panel-no-border {
   border:none;
}

.panel-boy .panel-heading,
.panel-girl .panel-heading,
.panel-search .panel-heading,
.panel-ancillary .panel-heading {
    border-radius:0;
    border:none;
    margin: -1px -1px 0 -1px;
}

.panel-boy .panel-title,
.panel-girl .panel-title,
.panel-search .panel-title,
.panel-ancillary .panel-title {
    color:#fff;
}


.panel-boy:not(.panel-no-border) .panel-body,
.panel-girl:not(.panel-no-border) .panel-body,
.panel-search:not(.panel-no-border) .panel-body,
.panel-ancillary:not(.panel-no-border) .panel-body {
    background-color:rgba(246, 242, 233, .8);
}



.post-content .link-baby-name {

    font-weight:700!important;

}

.panel-ancillary .panel-heading {
    background-color:#c2bda4;
}

.panel-ancillary .panel-title {
    color:#fff;
}

.panel-ancillary .panel-body {
    background-color:rgba(246, 242, 233, .8);
}

.noUi-horizontal {
    height: 12px!important;
}

.noUi-horizontal .noUi-handle {
     width: 28px!important;
     height: 22px!important;
 }

.noUi-horizontal .noUi-handle:hover {
  cursor:pointer!important;
}


.noUi-handle:after,
.noUi-handle:before {
    height: 8px!important;
      left: 10px!important;
    width:2px!important;
  }
.noUi-handle:after {
       left: 15px!important;
   }