:root {
--bn-purple: #75239e;
}
.purple { color: var(--bn-purple); }
p {margin-top:0; }
@media screen and (min-width: 1025px) {
.has-sidebar .content-container.site-container {
margin: 0;
padding-right: 0;
}
}
.archive .content-area {
margin-top:0;
}
.bn-logged-out .show-logged-in { display: none !important; }
.bn-logged-in .show-logged-out { display: none !important; } .bn-logo {
font-family: 'Caladea', 'Serif', serif;
font-weight: 600;
font-size: 44px;
letter-spacing:-.01em;
}
.bn-logo a {text-decoration:none !important;}
.bn-baby {
color: #75239e;
}
.bn-names {
color: #ea1d87;
}
.bn-com {
color: #b574dc;
font-size: 0.6em;
}
.subhead {  font-family: 'open sans', 'Arial', serif; color:#333;margin: -8px 0 0 0;padding:0;font-weight:500;
font-size:10pt;
letter-spacing:-.01em;
}
.breadcrumb {
font-size: 14px;
color: #9a93a6;
margin-top: 20px;
}
.page-id-30785 .content-container.site-container, .page-id-28566 .content-container.site-container {
background:none;
background-size:default;
}
.small {font-size:14px;} #headerletters {display:block;margin: 0; background:#f7f3ee; overflow:hidden;width:100%;
text-align:center;
padding-left:4px;
}
ul.browsebyletter {
margin:0;
padding:10px 0 0 0; 
display:block;
}
ul.browsebyletter li { 
display:inline-block; 
margin:0 6px 10px 0;
}
ul.browsebyletter li a {
border-radius:5px;
background: #FFFFFF;
color: var(--bn-purple);
font-size:14pt;
font-weight:700;
text-decoration: none;
height:40px;
width:40px;
padding:3px 10px;
}
ul.browsebyletter li a:hover { text-decoration: none; background-color: var(--bn-purple) !important; color:#FFF !important; }
a.smallbutton {background: #dddddd; color: #000000; font-size:14px; margin-right:10px;padding: 5px 7px;}
a.smallbutton:hover {background:#aaaaaa; color:#ffffff; }
.kt-blocks-post-top-meta {margin-top:6px !important;}
.post-thumbnail-inner { max-width: 350px;}
ul.origin2 {
font-size: 14pt; 
list-style: none;
}
ul.origin2 li { margin-bottom:15px; }
.green {color:green;} .loginwidget {
position: relative;
width: 200px;
color:#FFF !important;
font-size:17px;
color:#333 !important;
}
.login-welcome {color: #FFF; font-size:17px;}
.loginpanel {
position: absolute;
top: 100%;
right: 0;
width: 300px;
max-height: 0;
overflow: hidden;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 100;
transition: max-height 0.3s ease;
padding: 0 14px;
}
.loginpanel.open {
max-height: 400px;
padding: 14px;
}
.loginbar {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 10px 14px;
}
.loginbar-arrow {
transition: transform 0.2s ease;
}
.loginbar.open .loginbar-arrow {
transform: rotate(180deg);
}
.logout {text-decoration:underline;}
.loginlinks a {font-size:14px;text-decoration:underline !important;}
h1.entry-title {
margin: 20px auto 10px;
font-family: 'Caladea','Serif';
font-weight: 500;
line-height: 1.3em;
} .single-post h1.entry-title, .archive-title, .page-id-30785 h1.articles-title {
text-align:left;
font-family: Lato, sans-serif;
font-weight:700;
color: #215387;
margin: 0 0 5px !important;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
margin: 0 .5em;
}
h2.welcome-blog,
h2.welcome-settings,
h2.welcome-fave {
display: flex;
align-items: center;
gap: 10px;
}
h2.welcome-blog::before,
h2.welcome-settings::before,
h2.welcome-fave::before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
}
h2.welcome-blog::before {
background-image: url(//babynames.com/wp-content/uploads/2026/07/icon-blogs.png);
}
h2.welcome-settings::before {
background-image: url(//babynames.com/wp-content/uploads/2026/07/icon-settings.png);
}
h2.welcome-fave::before {
background-image: url(//babynames.com/wp-content/uploads/2026/07/icon-faves.png);
} .regformunit {margin-bottom:15px;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
box-sizing: border-box ;
padding: 10px 14px;
border: 1px solid oklch(85% 0.01 250);
border-radius: 20px !important;
font-size: 17px !important;
background: oklch(99% 0.002 250);
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
outline: none;
border-color: oklch(55% 0.14 250);
box-shadow: 0 0 0 3px oklch(55% 0.14 250 / 0.15);
}
.err {color:red;}
.clearall {clear:both;} input[type="checkbox"] {
width: 24px;
height: 24px;
}
input::-webkit-input-placeholder { font-size: 17px !important; }
input::-moz-placeholder { font-size: 17px !important; }
input:-ms-input-placeholder { font-size: 17px !important; } h2.footerlogo {
font-family: 'Caladea', 'Lato', serif;
font-weight: 600;
color:#FFFFFF;
letter-spacing:-.001em;
}
ul#menu-footer-menu {padding-left:20px;border-left: 1px solid #FFF; font-size:11pt;}
ul#menu-footer2-menu {font-size:11pt;}
ul#menu-footer-menu li, ul#menu-footer2-menu li {line-height:1.4em;} 
ul#menu-footer-menu li a:hover, ul#menu-footer2-menu li a:hover {color:#FFF; text-decoration:underline;} 
#responsive-header-desktop {
min-height: 90px;
}
@media (max-width: 1024px) {
#responsive-header-desktop {
min-height: 0;
}
} @media (max-width: 767px) {
ul#menu-footer2-menu {padding-left:20px;border-left: 1px solid #FFF; font-size:11pt;}
.primary-sidebar.widget-area {     
padding-left:20px;
border-left: none;
font-size:11pt;
}    
#main.site-main {
margin-bottom: 50px;
}
}
@media screen and (max-width:480px) {	
#headerletters {display:none;}	
.bn-logo { font-size: 35px;}
}