body {
}

.last-page {
	color: #000 !important;
}

.black, .fa-search {
	color: black !important;
}

/* added by paul end */
.names-template {
	font-size: 12pt;
	display: inline-flex;
	margin-top: 12px;
}

.names-template a {
	font-weight: 400;
	text-decoration: underline;
	padding: 6px;
}

.page-title {
	margin-left: 10px;
}

.post-content {
	margin-left: 10px;
}

@media screen and (min-width:300px) and (max-width:992px) {
	.gpopm_image .fixed-container {
		position: relative;
		height: 320px;
		margin: auto;
	}
	.gpopm_image {
		padding: 0px;
	}
	.innerpage-search .facetwp-search-wrap {
		display: block !important;
		position: absolute !important;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.gpopm_image .fixed-container {
		position: relative;
		width: 600px;
		height: 500px;
		margin: auto;
	}
	.container-outer {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (min-width : 320px) and (max-width : 992px) {
	.container-outer {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 992px) and (orientation : portrait) {
	.innerpage-search .facetwp-search-wrap {
		display: block !important;
		position: absolute !important;
	}
}

@media screen and (min-width:540px) and (max-width:767px) {
	.main-text .search-on-scroll .facetwp-search-wrap input {
		border: none;
		height: 40px;
		width: 380px !important;
		border-radius: 0px;
		border-bottom: 1px solid lightgrey;
		font-size: 17px;
	}
}	

@media screen and (min-width:460px) and (max-width:540px) {
	.main-text .search-on-scroll .facetwp-search-wrap input {
		border: none;
		height: 40px;
		width: 320px !important;
		border-radius: 0px;
		border-bottom: 1px solid lightgrey;
		font-size: 17px;
	}

	.main-text .search-on-scroll .user-logged-in input {
		/*width: 80% !important;*/
	}

	.main-text .facetwp-search-wrap input {
		border: none;
		height: 40px;
		width: 370px !important;
		border-radius: 0px;
		border-bottom: 1px solid lightgrey;
		font-size: 17px;
	}
	.innerpage-search .facetwp-search-wrap input {
		height: 40px;
		width: 320px !important;
		font-size: 17px;
	}
	.main-text .search-on-scroll .autosuggest-container {
		width: 320px !important;
	}
	.main-text .autosuggest-container {
		width: 448px !important;
	}
	.innerpage-search .autosuggest-container {
		width: 320px !important;
	}
	.banner-search-block-center .facetwp-search-wrap {
		display: block;
		position: absolute !important;
	}
}

@media screen and (min-width:320px) and (max-width:992px) {
	.main-text .search-block-center {
		margin: auto;
	}
	.carousal-text {
		font-size: 26px !important;
	}
}

@media screen and (min-width:320px) and (max-width:460px) {
	.main-text .search-on-scroll .facetwp-search-wrap input {
		width: 280px !important;
		height: 45px !important;
	}

	.innerpage-search .facetwp-search-wrap input {
		width: 280px !important;
		height: 43px !important;
	}
}

@media screen and (min-width:320px) and (max-width:400px) {
	.main-text .search-block-center {
		margin: auto;
	}
	.main-text .facetwp-search-wrap input {
		width: 276px !important;
		height: 55px !important;
	}
	.main-text .search-on-scroll .facetwp-search-wrap input {
		width: 232px !important;
		height: 45px !important;
	}
	.main-text .search-on-scroll .user-logged-in input {
		/*width: 100% !important;*/
	}
	.innerpage-search .facetwp-search-wrap input {
		width: 232px !important;
		height: 43px !important;
	}
	.innerpage-search .user-logged-in input {
		/*width: 100% !important;*/
	}
	.main-text .autosuggest-container {
		background: #fff;
		width: 276px !important;
		margin: auto;
	}
	.main-text .search-on-scroll .autosuggest-container {
		width: 232px !important;
	}
	.innerpage-search .autosuggest-container {
		width: 232px !important;
	}
	.main-text .facetwp-search-wrap .fa-search {
		top: 20px !important;
		left: 15px !important;
	}
	.main-text .clear-search {
		top: 16px !important;
	}
	.main-text .search-on-scroll .clear-search {
		top: 8px !important;
	}
	.main-text .search-on-scroll .facetwp-search-wrap .fa-search {
		top: 13px !important;
		left: 10px !important;
	}
	.search-block-center .facetwp-search-wrap {
		display: block;
		position: absolute !important;
	}
	.facetwp-search-wrap input {
		font-size: 19px !important;
	}
	.main-text {
		left: 48% !important;
		width: 95% !important;
		top: 40% !important;
	}
	.facetwp-mobile-panel {
		width: 100% !important;
	}
	
}

@media screen and (min-width:320px) and (max-width:420px) {
	.main-text .facetwp-search-wrap input {
		width: 324px !important;
		height: 55px !important;
	}
	.main-text .search-on-scroll {
		position: fixed !important;
		top: 0px;
		text-align: left;
		margin-left: 53px !important;
		margin-top: 15px !important;
		float: initial !important;
		width: 60% !important;
		left: 22px;
	}
	.main-text .search-on-scroll .facetwp-search-wrap input {
		/*padding: 0px 21px 0px 0px !important;*/
	}
	.main-text .autosuggest-container {
		background: #fff;
		width: 324px !important;
		margin: auto;
	}
}

@media screen and (min-width:360px) and (max-width:375px) {
	.main-text .facetwp-search-wrap input {
		width: 284px !important;
		height: 55px !important;
	}
	.main-text .autosuggest-container {
		background: #fff;
		width: 284px !important;
		margin: auto;
	}
}

@media screen and (min-width:320px) and (max-width:348px) {
	.innerpage-header-fixed-custom input {
		width: 190px !important;
	}
	.innerpage-search .autosuggest-container {
		background: #fff;
		width: 190px !important;
		margin: auto;
	}
	.innerpage-search .search-block-center .facetwp-search-wrap {
		display: block !important;
		position: absolute !important;
	}
	.main-text .search-block-center .facetwp-search-wrap {
		display: block !important;
		position: absolute !important;
	}
	.main-text .facetwp-search-wrap .fa-search {
		top: 14px !important;
		left: 14px !important;
	}
	.main-text .clear-search {
		top: 10px !important;
	}
	.main-text .search-on-scroll .facetwp-search-wrap .fa-search {
		top: 14px !important;
		left: 10px !important;
	}
	.main-text .facetwp-search-wrap input {
		font-size: 18px;
		padding: 10px 0px 10px 5px;
		display: block;
		width: 238px !important;
		border: none;
		border-bottom: none;
		border-radius: 6px;
		height: 43px !important;
		margin: auto;
	}
	.main-text .search-on-scroll .facetwp-search-wrap input {
		border: none;
		height: 40px;
		width: 185px !important;
		border-radius: 0px;
		border-bottom: 1px solid lightgrey;
		font-size: 17px;
	}
	.main-text .search-on-scroll .user-logged-in input {
		/*width: 90% !important;*/
	}
	.innerpage-search  .facetwp-search-wrap input {
		height: 40px;
		width: 185px !important;
		font-size: 14px !important;
	}
	.innerpage-search .user-logged-in input {
		/*width: 100% !important;*/
	}
	.main-text .autosuggest-container {
		background: #fff;
		width: 238px !important;
		margin: auto;
	}
	.main-text .search-on-scroll .autosuggest-container {
		width: 185px !important;
	}
}

@media screen and (min-width:460px) and (max-width:624px) {
	.main-text {
		left: 48% !important;
		width: 93% !important;
	}
}

@media screen and (min-width:320px) and (max-width:335px) {
	.main-text {
		left: 50% !important;
		width: 95% !important;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.banner-search-block-center .facetwp-search-wrap {
		display: block;
		position: absolute !important;
	}
	.inner-customsearch .banner-search-block-center .facetwp-search-wrap {
		display: block;
		position: absolute !important;
	}
	.innerpage-search .facetwp-search-wrap input {
		width: 353px !important;
	}
	/*.container {
		width: auto !important;
	}*/
}

@media screen and (min-width:624px) and (max-width:768px) {
	.main-text {
		left: 50% !important;
		width: 65% !important;
		top: 40%;
	}
}

@media screen and (min-width:992px) and (max-width:6000px) {
	.gpopm_image .fixed-container {
		position: relative;
		width: 600px;
		height: 500px;
		margin: auto;
	}
	.gpopm_image {
		padding: 25px;
	}
}

.breadcrumb-deselector {
	border-radius: 10px;
}

.breadcrumb-variant {
	background-color: #c25353;
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-gender {
	background-color: rgb(51, 100, 197);
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-gender[data-value|=girl] {
	background-color: rgb(184, 1, 78);
	border: solid 0px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-gender[data-value|=boy] {
	background-color: rgb(51, 100, 197);
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-language {
	background-color: #542437;
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-themes {
	background-color: #5f259f;
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumb-syllable {
	background-color: #ECD078;
	border: solid 0px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
}

.breadcrumb-start-deselector {
	background-color: #F28500;
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 10px;
}

.start-deselector {
	cursor: pointer;
}

.breadcrumb-end-deselector {
	background-color: #008080;
	border: solid 0px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 10px;
}

.end-deselector {
	cursor: pointer;
}

.breadcrumb-contain-deselector {
	background-color : #00BCD4;
	border: solid 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 10px;
}

.contain-deselector {
	cursor: pointer;
}

/* Auto suggestion category start */
#gender::before {
	content: "";
}

#gender {
	font-family: Foundation;
}

#theme::before {
	content: "";
}

#theme {
	font-family: Entypo;
}

#language::before {
	content: "";
}

#language {
	font-family: FontAwesome;
}

#syllable::before {
	content: "";
}

#syllable {
	font-family: MaterialCommunityIcons;
}

#start::before {
	content: "";
}

#start {
	font-family: Entypo;
	color: #C02942;
}

#end::before {
	content: "";
}

#end {
	font-family: Entypo;
	color: #6182C4;
}

#contain::before {
	content: "憎";
}

#contain {
	font-family: MaterialCommunityIcons;
	color: #53777A;
}

.gender {
	color: #53777A;
}

.language {
	color: #542437;
}

.theme {
	color: #D95B43;
}

.syllable {
	color: #ECD078;
}

.start_with {
	color: #C02942;
}

.end_with {
	color: #6182C4;
}

.contain_with {
	color: #53777A;
}

.boy {
	color: rgb(51, 100, 197);
}

.girl {
	color: rgb(184, 1, 78);
}

.mainpage-location amp-img {
	border-radius: 10px;
}

.mainpage-location .form-control-static {
	font-size: 12pt !important;
}

.main-text h1 {
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.37);
}

.main-logo amp-img {
	margin-left: 13px;
	pointer-events: none; /* Disable Sumo sharing on thumbnail images*/
}

.main-logo .square-logo {
	margin-left: 6px;
	pointer-events: none;
	top: 8px;
}

h2 .show-more {
	font-size: 14px;
	margin-left: 12px;
	text-decoration: underline;
	font-weight: initial;
	color: black;
}

.alphabet-list-boy a, .alphabet-list-boy a:visited {
	background-image: url("/z-media/icons/alpha_1.png");
	background-position: center;
	background-size: cover;
	display: inline-block;
	font-weight: bold;
	line-height: 4.6em;
	text-align: center;
	width: 60px;
	margin: 5px;
	height: 60px;
	line-height: 60px;
	font-size: 23px;
	color: rgb(51, 100, 197);
	font-family: 'Yrsa', serif;
	font-weight: 400;
}

.alphabet-list-boy {
	padding: 10px 10px 10px 0px;
	text-align: left;
}

.alphabet-list-boy .selected {
	background: #dfe0e2 !important;
	border: 1px #514e9f solid;
	border-radius: 6px;
}

.alphabet-list-girl a, .alphabet-list-girl a:visited {
	background-image: url("/z-media/icons/alpha_0.png");
	background-position: center;
	background-size: cover;
	display: inline-block;
	font-weight: bold;
	line-height: 4.6em;
	text-align: center;
	width: 60px;
	margin: 5px;
	height: 60px;
	line-height: 60px;
	font-size: 23px;
	color: rgb(184, 1, 78);
	font-family: 'Yrsa', serif;
	font-weight: 400;
}

.alphabet-list-girl {
	padding: 10px 10px 10px 0px;
	text-align: left;
}

.alphabet-list-girl .selected {
	background: #ffdfe4 !important;
	border: 1px #b96f9f solid;
	border-radius: 6px;
}

.alphabet-nav {
	padding: 10px 10px 10px 0px;
	text-align: center;
}

.facetwp-type-radio [data-value="boy"] {
	color: rgb(51, 100, 197);
}

.facetwp-type-radio [data-value="girl"] {
	color: rgb(184, 1, 78);
}

.facetwp-type-radio [data-value="unisex"] {
	display: none;
}

.facetwp-toggle{
	color: #612f8e;
}

a.btn-readmore:hover {
	background-color: #83DAD4;
	color: #fff;
}

a.btn-readmore {
	padding: 8px 14px;
	border-radius: 5px;
	background-color: #47c0b8;
	color: #fff;
	float: right;
	font-size: 0.9em;
	clear: both;
	margin-top: 0px;
	display: table;
}

.entry-content {
	font-size: 18px;
	text-align: justify;
}

.blog-featured-image {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

.posted-on {
	font-weight: 600;
}

.fab {
    margin: 10px;
}

.z_blurb {
	font-size: 12pt;
	line-height: 1.8em;
	margin: 0 0 50px;
}

.z_keyword_blurb {
	font-size: 14.5pt;
	font-family: 'Yrsa', serif;
	font-weight: 500;
}

.snippet {
	margin: 0px 0px 0px 30px;
	line-height: 1.4em;
	font-weight: 300;
}

.fwp_pagination {
	padding: 25px;
}

.facetwp-type-deselector-gender {
	padding: 6px 10px;
	border: solid 1px rgb(51, 100, 197);
	margin: 1px;
	border-radius: 10px;
	display: inline-block;
}

h1 span.c1, h2 span.c1 {
	color: rgb(51, 100, 197) !important;
	text-decoration: none !important;
	font-family: 'Yrsa', serif;
	font-size: 36px;
}

h1 span.c0, h2 span.c0 {
	color: rgb(184, 1, 78) !important;
	text-decoration: none !important;
	font-family: 'Yrsa', serif;
	font-size: 36px;
}

h1 span.u1, h2 span.u1 {
	color: rgb(51, 100, 197) !important;
	text-decoration: none !important;
}

h1 span.u0, h2 span.u0 {
	color: rgb(184, 1, 78) !important;
	text-decoration: none !important;
}

h2 a.c1, h2 a.c1:hover, h2 a.c1:visited, h2 a.u1, h2 a.u1:hover, h2 a.u1:visited
	{
	color: rgb(51, 100, 197) !important;
	text-decoration: none !important;
}

h2 a.c0, h2 a.c0:hover, h2 a.c0:visited, h2 a.u0, h2 a.u0:hover, h2 a.u0:visited
	{
	color: rgb(184, 1, 78) !important;
	text-decoration: none !important;
}

a.c0g {
	color: rgb(184, 1, 78) !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.c0g:visited {
	color: #ff8eb2 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.c0g:hover {
	color: #c2a5d9 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.c0 {
	color: rgb(184, 1, 78) !important;
	text-decoration: underline !important;
}

a.c0:visited {
	color: #ff8eb2 !important;
	text-decoration: underline !important;
}

a.c0:hover {
	color: #c2a5d9 !important;
	text-decoration: underline !important;
}

a.u0 {
	color: rgb(184, 1, 78) !important;
	text-decoration: underline !important;
}

a.u0:visited {
	color: #ff8eb2 !important;
	text-decoration: underline !important;
}

a.u0:hover {
	color: #c2a5d9 !important;
	text-decoration: underline !important;
}

a.c1 {
	color: rgb(51, 100, 197) !important;
	text-decoration: underline !important;
}

a.c1:visited {
	color: #9fbcf5 !important;
	text-decoration: underline !important;
}

a.c1:hover {
	color: #c2a5d9 !important;
	text-decoration: underline !important;
}

a.c1g {
	color: rgb(51, 100, 197) !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.c1g:visited {
	color: #9fbcf5 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.c1g:hover {
	color: #c2a5d9 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.u1 {
	color: rgb(51, 100, 197) !important;
	text-decoration: underline !important;
}

a.u1:visited {
	color: #9fbcf5 !important;
	text-decoration: underline !important;
}

a.u1:hover {
	color: #c2a5d9 !important;
	text-decoration: underline !important;
}

a.u1g {
	color: rgb(51, 100, 197) !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.u1g:visited {
	color: #9fbcf5 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.u1g:hover {
	color: #c2a5d9 !important;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline !important;
}

a.u0g {
	color: rgb(184, 1, 78) !important;
	font-weight: 700;
	text-decoration: underline !important;
}

a.u0g:visited {
	color: #ff8eb2 !important;
	text-decoration: underline !important;
}

a.u0g:hover {
	color: #c2a5d9 !important;
	font-weight: 700;
	text-decoration: underline !important;
}

.gpopm_src img {
	object-fit: contain;
}

.facetwp-search-wrap .fa-search {
	position: absolute;
	top: 12px;
	left: 21px;
	color: #c3c1c1;
	font-size: 17px;
}

.innerpage-header-fixed-custom .facetwp-search-wrap .fa-search {
	position: absolute;
	top: 13px;
	left: 10px;
	color: #c3c1c1;
	font-size: 15px;
}

.group {
	background-color: #cecece;
	pointer-events: none;
	color: #484848;
}

.group span {
	margin: 7px;
	font-family: 'Yrsa', serif;
	font-weight: 400;
}

.Theme-group {
	background-image: url("/z-media/icons/theme_ico.png");
	background-position: center;
	width: 25px;
	height: 35px;
	background-size: cover;
	display: inline-block;
	float: left;
}

.Language-group {
	background-image: url("/z-media/icons/language_ico.png");
	background-position: center;
	width: 35px;
	height: 25px;
	background-size: cover;
	display: inline-block;
	float: left;
}

.Syllable-group::before {
	content: "";
}

.Syllable-group {
	font-family: MaterialCommunityIcons !important;
	font-size: 25px;
	color: #515150;
}

.toggle-facet-group amp-img {
	float: left;
}

.accordion-title {
	padding-left: 5px;
	font-size: 13.5pt;
	font-weight: 500;
	width: 100px;
	margin-top: 7px;
}

.theme-text {
	text-align: center;
	display: block;
	position: relative;
	margin-left: 5px;
	bottom: 40px;
	font-weight: 600;
	font-family: 'Yrsa', serif;
	font-size: 18px;
	margin-bottom: -30px;
}

.origin-text {
	text-align: center;
	display: block;
	position: relative;
	margin-left: 10px;
	bottom: 87px;
	font-weight: 600;
	font-family: 'Yrsa', serif;
	font-size: 30px;
}

.gender-text {
	display: block;
	position: relative;
	bottom: 36px;
	font-weight: 400;
	font-family: 'Yrsa', serif;
	font-size: 22px;
	margin-bottom: -8px;
}

.main-text-on-scroll {
	z-index: 620;
	position: absolute;
	top: 10%;
	left: 0px;
	right: 0px;
	color: rgb(255, 255, 255);
	transform: inherit;
}

.blog-content .blog-title {
	font-weight: 500;
	color: black;
	font-family: 'Yrsa', serif;
}

.blog-content .context {
	margin-top: 10px;
}

.blog-content .context h4 {
	font-weight: 400;
	font-size: 12pt;
	line-height: 28px;
	text-align: justify;
	font-family: sans-serif;
}

.blog-content .context ol, .blog-content .context p {
	font-weight: 400;
	font-size: 12pt;
	line-height: 28px;
	text-align: justify;
}

.mainpage-location h3 {
	margin-left: 12px;
	font-family: 'Yrsa', serif;
	font-weight: 500;
}

.group-name {
	pointer-events: none !important;
}

.main-text .facetwp-search-wrap input {
	font-size: 20px;
	padding: 15px 10px 10px 42px;
	display: block;
	width: 414px;
	border: none;
	border-bottom: none;
	border-radius: 6px;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
	height: 70px;
}

.main-text .search-on-scroll .facetwp-search-wrap input {
	border: none;
	height: 43px;
	width: 360px;
	border-radius: 4px;
	border: 1px solid lightgrey;
	text-indent: 18px;
	padding: 6px 12px;
}

.innerpage-search .facetwp-search-wrap input {
	height: 43px;
	width: 360px;
	text-indent: 18px;
	padding: 6px 12px;
}

.main-text .autosuggest-container {
	background: #fff;
	width: 100%;
	margin: auto;
}

.main-text .search-on-scroll .autosuggest-container {
	width: 100%;
}

.innerpage-search .autosuggest-container {
	width: 100%;
}

.main-text .facetwp-search-wrap .fa-search {
	position: absolute;
	top: 28px;
	left: 14px;
}

.main-text .search-on-scroll .facetwp-search-wrap .fa-search {
	top: 13px;
	left: 10px;
	font-size: 15px;
}

.z-spaced a {
	color: #777;
}

.z-spaced {
	color: #777;
}

#tab-boy.tabButton[selected] {
	outline: none;
	background: rgb(51, 100, 197);
	color: #ffff;
	font-size: 21px;
}

#tab-girl.tabButton[selected] {
	outline: none;
	background: rgb(184, 1, 78);
	color: #ffff;
	font-size: 21px;
}

.tabButton {
	font-family: 'Yrsa', serif;
	font-weight: 300;
	font-size: 21px;
}

.facet-group {
	display: flex;
	margin-bottom: 1rem;
}

.facet-group h4 {
	width: 100px;
}

.facet-content {
	width: 45%;
	/* margin-left: auto; */
}

.es_title {
	color: #5f259f;
}

.no-result {
	font-size: 20px;
	padding: 21px;
}

.btn-block {
	background-color: #f1f1f1;
	font-size: 17px;
	color: black;
}

.btn-block:hover {
	background-color: #d4d4d4;
	border-color: #adadad;
}

amp-accordion amp-img {
	float: left;
}

.facetwp-mobile-panel-trigger.opener, .facetwp-mobile-panel-trigger.opener:hover{
	background-color: #d4d4d4;
	padding: 10px 50px 10px 50px;
	color: black;
	border: none;
}

.sec {
    padding: 25px 0;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
	.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
	background-color: #d4d4d4;
}

.text-before-search {
	color: #2f2f2f;
	margin-bottom: 5px;
}

.text-before-search div {
	display: inline-block;
	background-color: #d4cdd0;
	padding: 5px;
	border-radius: 4px;
}

.search-on-scroll .text-before-search {
	display: none;
}

.text-before-search a {
	color: #2f2f2f;
	text-decoration: none;
}

input {
	font-family: 'Yrsa', serif !important;
}

.carousal-text {
	font-family: 'Yrsa', serif;
	font-size: 35px;
	color: #585858;
}

.search-on-scroll .carousal-text {
	display: none;
}

.dot {
	font-family: Entypo !important;
	margin: 0px 0px 0px 0px !important;
	position: absolute !important;
	font-size: 25px !important;
}

.logoutuser {
	cursor: pointer;
}

#loginuser i {
	cursor: pointer;
}

.carousel-img-article {
	position: relative;
	width: 250px;
	height: 133px;
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 10px;
}

.carousel-img-article amp-img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.latest-read-title-author-wrapper {
	margin: 0 auto;
	width: 80%;
	background-color: white;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 2em;
	font-family: 'Yrsa', serif;
}

.latest-read-title {
	font-size: 18px;
	font-family: 'Yrsa', serif;
}

.header-latest-reads {
	font-weight: 500;
	font-size: 25px;
	margin-top: 100px;
	margin-bottom: 1em;
	text-align: center;
	font-family: 'Yrsa', serif;
}

.latest-read-author, .editorial-pick-author {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 0;
}

.highlighted {
	display: block;
}

.highlighted em {
	font-style: normal;
	font-weight: 600;
}

.dem-poll-title {
	font-size: 18px !important;
}

.dem__radio_label, .dem-link, .dem-label {
	font-size: 17px !important;
}

.dem-graph {
	height: 1.5em !important;
}

.dem-answers li:hover .dem-percent-txt {
	font-size: 13px !important;
}

.dem-poll-info {
	font-size: 18px !important;
}

@media screen and (max-width: 767px) {
	.latest-reads-wrapper, .editorial-picks-wrapper {
		display: none;
	}
}

.highlighted em:hover {
	color: #c2a5d9 !important;
}

.amp-anchor-block .article {
	color: black !important;
}

.amp-anchor-block {
	text-decoration: none !important;
}

.other-name-list {
	text-align: center;
	z-index: 99;
}

.other-name-list .names-cat-boy {
	padding: 10px;
	font-size: 21px;
	font-family: 'Yrsa', serif;
	border: 1px rgb(51, 100, 197) solid;
	border-radius: 6px;
	margin: 10px;
}

.other-name-list .names-cat-girl {
	padding: 10px;
	font-size: 21px;
	font-family: 'Yrsa', serif;
	border: 1px rgb(184, 1, 78) solid;
	border-radius: 6px;
	margin: 10px;
}

.no-outline:hover {
	background: whitesmoke;
}

.latest-read-title-author-wrapper p:hover {
	color: #5a5a5a !important;
	text-decoration: underline !important;
}

.drawer-amp a {
	color: black;
	font-family: 'Yrsa', serif;
	font-size: 20px;
}

.blog-content a {
	color: black;
	text-decoration: underline !important;
}

.blog-content a:hover {
	color: #c2a5d9 !important;
	text-decoration: underline !important;
}

.blog-content a:visited {
	color: #8a8a8a;
	text-decoration: underline !important;
}

.latest-reads-wrapper a {
	color: #585858;
}

.facetwp-facet input {
	font-size: 18px !important;
}

.fa-facebook:hover {
	color: #4264aa !important;
}

.fa-google-plus:hover {
	color: #96271a !important;
}

.fa-facebook, .fa-google-plus {
	font-size: 18px;
}

.main-text .search-on-scroll .clear-search {
	top: 8px;
	right: 8px;
}

.main-text .clear-search {
	top: 23px;
	right: 16px;
}

.clear-search {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #c3c1c1;
	font-size: 21px !important;
	cursor: pointer;
}

input[type="text"]::placeholder {
	text-align: left;
}

@media ( min-width : 768px) {
	.filter-bgblock {
		padding: 17px 0px 0px 40px !important;
	}
}

.introduction h1 {
	font-weight: 500;
	margin-top: 55px;
	font-family: 'Yrsa', serif;
	font-size: 36px;
}

.introduction p {
	font-size: 12pt;
	line-height: 1.8em;
}

.introduction h2 {
	margin-top: 28px !important;
	margin-bottom: -10px;
	font-family: 'Yrsa', serif;
}

.form-control-static {
	margin-top: 40px;
	font-size: 12pt;
}

.filter-ico {
	font-size: 18px !important;
	margin: 0px 10px 0px 0px;
}

#title_end_with, #title_contain_with {
	text-transform: lowercase;
}

.toggle-facet-group-fwp {
	display: contents;
}

input[type=text]#title_start_with, input[type=text]#title_end_with,
	input[type=text]#title_contain_with {
	border: 2px solid #F5F5F5;
}

input[id^="title_start_with"]::placeholder, input[id^="title_end_with"]::placeholder,
	input[id^="title_contain_with"]::placeholder {
	color: #dfe0e2 !important;
}


.no-record {
	font-size: 12pt;
	padding: 18px 0px 0px 2px;
	font-family: sans-serif;
	color: black;
}

.small-banner-wrapper:hover .small-banner-overlay {
	visibility: visible;
	opacity: 0.8;
}

.banner-1:hover .overlay-1 {
	visibility: visible;
	opacity: 0.8;
}

.banner-2:hover .overlay-2 {
	visibility: visible;
	opacity: 0.8;
}

.banner-3:hover .overlay-3 {
	visibility: visible;
	opacity: 0.8;
}

.big-banner-overlay {
	position: absolute;
	bottom: 0;
	background-color: white;
	opacity: 0.8;
	padding: 1em;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0.2s linear;
	color: black;
	top: 72%;
}

.small-banner-overlay {
	position: absolute;
	bottom: 0;
	background-color: white;
	opacity: 0.8;
	padding: 0.6em;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0.2s linear;
	color: black;
}

.big-banner-overlay-title {
	font-size: 20px;
	margin-bottom: 0px;
}

.big-banner-overlay-author {
	font-size: 13px;
	margin-bottom: 20px;
}

.small-banner-overlay-title {
	font-size: 12px;
	margin-bottom: 4px;
}

.small-banner-overlay-author {
	font-size: 10px;
	margin-bottom: 0px;
}

.small-banner-gap {
	max-height: 9px;
}

.article-heading {
	font-size: 36px;
	color: black;
	font-family: 'Yrsa', serif;
}

.back-to-articles {
	background: #f6e4f4;
	width: 140px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-weight: normal !important;
	border-radius: 7px;
	margin: 30px 0px 0px 0px;
}

.back-to-articles a {
	color: black;
	font-size: 13pt;
	font-family: 'Didact Gothic';
}

.back-to-famous-names {
	background: #a82826;
	width: 221px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-weight: normal !important;
	border-radius: 7px;
	margin: 30px 0px 0px 0px;
}

.back-to-famous-names a, .back-to-famous-names a:visited,
	.back-to-famous-names a:hover {
	color: #ffffff !important;
	font-size: 12pt;
}

a {
	color: black;
}

a:hover {
	color: #c2a5d9 !important;
}

a:visited {
	color: #8a8a8a;
}

.amp-scrollable-carousel-slide {
	vertical-align: top;
}

.famous-wrapper {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

.famous-thumb {
	width: 150px;
	height: 200px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 10px;
}

.famous-title-right-wrapper span {
	display: inline;
	color: #b40000;
	font-size: 20px;
}

.famous-title-right-wrapper p {
	font-size: 12pt;
}

.breadcrumb-profession {
	background-color: #b40000;
	border: solid 1px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-age {
	background-color: #542437;
	border: solid 1px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-star_sign {
	background-color: #F28500;
	border: solid 1px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-persona{
	background-color: #7912a1;
	border: solid 1px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.breadcrumb-universe{
	background-color: #1d87d4;
	border: solid 1px ;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.famous_names_cat .search-list {
	/* background: #ffd4d4;
	margin-left: 6px;
	width: 97%; */
	padding: 0px;
}

.famous_names .search-list {
	/* background: #ffd4d4;
	margin-left: 6px;
	width: 97%; */
	padding: 0px;
}

.search-list .famous_names_cat,.search-list .famous_names{
	font-family: 'Yrsa', serif;
    font-weight: 300;
    margin-left: 10px;
    background: #ffd4d4;
    padding: 10px 0px 0px 16px;
    margin: 0px 5px 0px 5px;
}
.search-list .famous_names_cat:hover,.search-list .famous_names:hover{
	background: whitesmoke;
}

.facetwp-facet-profession .facetwp-counter {
	display: none;
}

.fnp-headings {
	font-size: 20px;
	font-weight: 500;
	color: #b02a28;
}

.facetwp-dropdown {
	margin-top: 6px;
    display: block;
    width: 100%;
    height: 34px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.mainpage-location h2 {
	font-family: 'Yrsa', serif;
}
.fa-heart-o , .fa-heart{
    color: #ff0000;
}
.heart{
	font-size: 30px;
    display: inline-block;
    margin-top: 24px;
}

/* meaning page images meaning-2-fnp*/
.fixed-height-container {
  position: relative;
  width: 150px;
  height: 200px;
}
amp-img.contain img {
  object-fit: contain;
}
.thumbs img {
  max-width: 100px;
  vertical-align: bottom;
}
.flex-container {
  display: flex;
  flex-direction: row;
}
.flex-container>div {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
}

.amp-carousel-button {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.back-to-famous-names {
  margin: 15px;
}
	
.i-amphtml-scrollable-carousel-container {
  outline: none !important;
}

.fnp-details-links amp-carousel .amp-carousel-button {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  #fnp-details-page-container {
    margin: 0px 20px;
  }

  .inner-slider-ratio amp-carousel {
    height: auto !important;
  }

  .inner-slider-ratio amp-img {
    height: 400px !important;
  }
}

/* CSS for 139 */
/* top bar css fix*/
.topbarfix a,
  .topbarfix a:hover,
  .topbarfix a:visited,
  .topbarfix a:focus {
      font-family: 'Didact Gothic';
      text-decoration: none;
 }

/* CSS for 139 end */

.search{
	padding-bottom: 30px;
    border-bottom: 1px solid #f1dbff;
}
.search .btn-search{
	color:#fff;
	background-color: #830683ba;
}
.facetwp-facet-name{
	margin-bottom: 0 !important;
}
.search-pronounce{
	width: 100%;
}
.pronounce-page-banner {
	position: relative;
	margin-bottom: 3rem;
}
.pronounce-generator {
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	width: 700px;
	height: 190px;
	margin: auto;
	padding:2rem 3rem;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: 15px;
	-webkit-box-shadow: 1px 0px 6px rgb(229 224 224 / 51%);
	box-shadow: 1px 0px 6px rgb(229 224 224 / 51%);
}
.pronounce-page-banner img{
	object-fit: cover;
    height: 460px;
    width: 100%;
}
.pronounce-generator h2{
	font-size: 20px;
}
.generate-pronounce {
    margin-top: 3rem;
}
.pronounce-suggestion {
	position: relative;
    max-height: 420px;
    overflow-y: scroll;
    background-color: white;
    overflow: auto;
    width: 100%;
    padding: 5px;
	font-size: 20px;
	z-index: 11;
}
.search-pronounce{
	padding: 10px 15px 10px 35px !important;
}
@media screen and (max-width: 992px) {
	.pronounce-generator {
		width: 70%;
		max-width: initial;
		height: 35%;
		padding: 1rem 2rem;
	}
	.pronounce-generator h2{
		font-size: 16px;
	}
	.pronounce-page-banner img{
		height: auto;
	}
}
@media only screen and (max-width: 600px){
	.pronounce-generator {
		width: 95%;
		max-width: initial;
		height: 35%;
		padding: 1.2rem 1rem 0rem;
		border-radius: 3px;
	}
	.pronounce-generator h2{
		display: none;
	}
	.generate-pronounce{
		margin-top: 0;
	}
}