.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.home p {margin-bottom:30px;}

.notd {display:block; background: #eddcf4;background-image: url("/_assets/image/dots2.png");text-align:center;padding: 10px;margin:0 auto 20px; border-radius:20px; width:350px; max-width:90% !important;}
h2.notd-head{font-size:25pt; margin:10px 0 0 0; color: #334291;}
.notd-date{font-size:12pt; font-weight:normal;font-style:italic;}
.notd-name{margin-top:15pt;font-size:25pt;font-weight:700;}
.notd-name a {color: #334291;}
.notd-meaning{}

.more-link-wrapper {margin-top:18px !important;}

h1.babynames {font-size:25pt; }
h2.babynamesexpert {color: #1791cf; font-family: 'Lato', Helvetica, sans-serif;font-weight:normal;margin:0 0 10px 0;}
h2 {color:#000;}
body, p, ul.li, .home {font-size:14pt; line-height:22pt; clear:both;}
.purple-arrow {margin-left:15px;}
h2.homesection {color:#000; margin:30px 0 0 0;clear:all;}
ul.quicklinks {margin:10px 0 0 0 !important; padding-left: 0; font-size:13pt; list-style: none;}
ul.quicklinks li {margin: 5px 10px 15px 0px;}
.blogroll {margin:10px 0;}
.blog-excerpt p {margin-bottom:0;font-size:13pt; line-height:20pt;}
.threecols {display:block; margin:25px 0 !important; overflow:hidden;}
img.pride {margin-top:20px; width:280px; display:inline; float:left; margin-right:20px;vertical-align: middle;  }
h2.pride {display:inline; float:left; align: center; color:#e40095;vertical-align: middle;}

img.dot{margin-right:7px; width:25px; height:auto; vertical-align: middle}

/* TRENDING NAMES */
.trendinglist {margin-bottom:15px;}
#namecolumns {display:block; overflow:auto; margin-bottom:20px;}
.ncol {display:inline-block;float:left;width:30%; margin-right: 1%;}
.ncol ol.trending { margin:0 0 0 25px;padding:0 0 0 0px;}
.ncol ol.trending li{ display: list-item; padding:0;line-height:24pt; font-size:14pt;}
.ncol ol.trending li a{ width: 100%;height:24pt; display:block; }
.ncol ol.trending li a:hover{width: 100%; background:#ddd;text-decoration:none}
.third {text-align: center;}
/* BLOGS */
a.read-more {margin-left:10px;}
.blog-post{display:block;margin:0;border-top:1px dashed #DADADA;padding:15px 0;line-height:normal; clear:both; max-width:100%;overflow:hidden;}
.twelve {font-size:12pt;}

img.sstop {max-width:100%; width:800px !important; margin:auto;}
.ss {text-align: center;margin-bottom:15px;}

.lastpost {border-bottom:1px dashed #DADADA}

.blog-thumb{float:left;margin:0 20px 0 0; max-width:150px;}
.blog-content {float:left;margin:0; max-width:80%;}
.blog-title{font-size:14pt;font-weight:700;font-family:'Lato', sans-serif !important;}
.blog-title a{color:#000}.blog-meta{font-size:9pt;font-style:italic}
.blog-title a {color:#333 !important; font-size:1.2em !important;}
.blog-title a:hover{color:#1791cf !important; text-decoration:none;}
.blog-excerpt {font-size:13pt; margin-top:10px; line-height:17pt;}
.blogsmore {margin: 20px 0; }
.blogsmore a {background: #44991f; padding:5px 13px; color: #FFF; text-decoration:none; border-radius:10px;}
img.attachment-thumbnail {border-radius:10px;}
img.attachment-100x100 {border-radius:7px !important;}
.announce {max-width:700px;margin:30px 0;}
.announce img {max-width:700px;}
/* MOBILE */
@media screen and (max-width: 640px) {
	.purple-arrow {display:none;}
	img.sstop {max-width:100% !important;}

}
@media screen and (max-width: 480px) { 
	h1.babynames {font-size:19pt !important; line-height:18pt;}
	h2.babynamesexpert {font-size:15pt; line-height:18pt;}
	.blog-content {float:none;margin:0; max-width:100%;}
	.celebrity-baby-news .blog-excerpt {display:none;}
    .notd { max-width:380px;margin:0;}
}