/*
Theme Name: NicknamesGenerator
Author: NB
Description: A custom lightweight WordPress theme built for speed.
Version: 1.0
Text Domain: NicknamesGenerator
*/

/*********************************************************
	RESET
*********************************************************/

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea {font-family: inherit; font-size: inherit; line-height: 2.8; margin-bottom: 35px; margin-top: 6px; padding-left: 20px; border-radius: 0.25rem;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;}
input[type="text"], input[type="password"], textarea, select {outline: none;}

/*********************************************************
	GLOBAL
*********************************************************/

html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: var(--body); font-size: 1.15rem; line-height: 1.6; color: var(--text); text-align: left; background-color: var(--background); /*-webkit-font-smoothing: antialiased;*/ text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
@-ms-viewport{width: device-width;}

/*********************************************************
	ASSETS
*********************************************************/

/* Heading Styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: var(--headline); font-weight: 400; line-height: 1.25; margin-top: 0; margin-bottom: 0.5rem;}
h1, .h1{font-size: 3rem;}
h2, .h2{font-size: 2.5rem;}
h3, .h3{font-size: 2rem;}
h4, .h4{font-size: 1.25rem;}

/* Link Styles */
a{color: var(--link); outline: none; transition: 0.2s ease; text-decoration: none;}
.underline{text-decoration: underline; text-underline-offset: 3px;!important}
.no-underline{text-decoration: none !important;}

/* Text Alignment */
.text-left{text-align: left;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

/* Font Sizes */
.tiny {font-size: 0.9rem !important; line-height: 1.4 !important;}
.small{font-size: 1rem !important; line-height: 1.5 !important;}
.large{font-size: 1.3rem !important; line-height: 1.6 !important;}
.x-large{font-size: 1.4rem !important; line-height: 1.6 !important;}
.bold{font-weight:800;}

/* Miscellaneous Styles */
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--dark-gray) !important;}
.muted{opacity: 0.75;}
.font-italic{font-style: italic;}
.uppercase {text-transform: uppercase;}
.shadow{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20);}
.text-shadow {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
.rounded{border-radius: 0.25rem !important;}
.breadcrumbs a{text-transform: uppercase; text-decoration: none!important; font-weight: 800;}

/*********************************************************
	ROOT
*********************************************************/


/* Root Color Variables */
:root{
	--black: #222222;
	--white: #FFFFFF;
	--gray: #f7f7f7;
	--dark-gray: #666666;
	--red: #CC3333;
	--orange: #FF692D;
	--beige: #F0E6D9;
	--green: #00dc93;
	--lt-blue: #EAF5FD;
	--blue: #529ECC;
	--purple: #5E36CA;
	--pink: #FF3399;
}

/* Color Classes */
.black .black a{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white, .white a{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.gray, .gray a{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}

.dark-gray, .dark-gray a{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}

.red, .red a{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}

.orange, .orange a{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}

.beige, .beige a{color: var(--beige) !important;}
.beige-bg{background-color: var(--beige) !important;}

.green, .green a{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}

.blue, .green a{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}

.lt-blue, .green a{color: var(--lt-blue) !important;}
.lt-blue-bg{background-color: var(--lt-blue) !important;}

.purple, .purple a{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}

.pink, .pink a{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}

.primary, .primary a{color: var(--primary) !important;}
.primary-bg{background-color: var(--primary) !important;}

.secondary, .secondary a{color: var(--secondary) !important;}
.secondary-bg{background-color: var(--secondary) !important;}

.btn-text, .btn-text a{color: var(--button-text) !important;}
.nav-text, .nav-text a{color: var(--nav-text);}
.body-text, .body-text a{color: var(--text);}

/*********************************************************
	HOVERS
*********************************************************/

.hover-mute:hover{opacity: 0.75;}
.hover-dip:hover{transform: translateY(5px);}
.hover-glow:hover{text-shadow: 0 0 10px var(--green)!important;}

/*********************************************************
	HELPERS
*********************************************************/

.img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}
.container-750, .container-800, .container-900, .container-980 {width: 100%; margin: auto;}
.container-750{max-width: 750px;}
.container-800{max-width: 800px;}
.container-900{max-width: 900px;}
.container-980{max-width: 980px;}
.w-100{width: 100%;}

.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}

.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}

.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.py-6{padding-top: 4rem !important; padding-bottom: 4rem !important;}

.pb-0{padding-bottom: 0rem !important;}
.pb-1{padding-bottom: 0.25rem !important;}
.pb-2{padding-bottom: 0.5rem !important;}
.pb-3{padding-bottom: 1rem !important;}
.pb-4{padding-bottom: 2rem !important;}
.pb-5{padding-bottom: 3rem !important;}

.pt-0{padding-top: 0rem !important;}
.pt-1{padding-top: 0.25rem !important;}
.pt-2{padding-top: 0.5rem !important;}
.pt-3{padding-top: 1rem !important;}
.pt-4{padding-top: 2rem !important;}
.pt-5{padding-top: 3rem !important;}

.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}

.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}
.mr-3{margin-right: 2rem !important;}

.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}

.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}

.mt-0{margin-top: 0rem !important;}
.mt-1{margin-top: 0.25rem !important;}
.mt-2{margin-top: 0.5rem !important;}
.mt-3{margin-top: 1rem !important;}
.mt-4{margin-top: 2rem !important;}
.mt-5{margin-top: 3rem !important;}

/*********************************************************
	FORMS
*********************************************************/

.btn{display: inline-block; font-weight: 400; text-transform: uppercase; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid transparent; padding: 1.1rem 1.25rem 0.9rem; font-size: 1.2rem; line-height: 1; transition: 0.2s ease; margin: 0.3rem 0 0.5rem 0; text-decoration: none; cursor: pointer; font-family: var(--headline); -webkit-appearance: none; background-color: var(--secondary); color: var(--button-text);}
.btn:hover, .btn:focus {box-shadow: 0 0 20px var(--green)!important}
.nav-icon:hover {text-shadow: 0 0 10px #fff!important; opacity:1 !important;}
.btn-sm{font-size: 1rem; padding: 0.7rem 0.7rem; margin: 0;}
.btn-nav{font-size: 1.05rem; padding: 0.8rem 0.7rem 0.6rem;; margin-top: 0.1rem;}
.btn-nav:hover, .btn-nav:focus {box-shadow: 0 0 20px var(--pink)!important;}
.form-control{display: block; width: 100%; padding: 0.3rem 0.75rem; color: var(--text); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom: 1rem;}
.offer h4, .h4 {font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.02rem; margin-bottom: 1.3rem;}

/*********************************************************
	HOMEPAGE
*********************************************************/

.post-card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 1rem; transition: 0.2s ease;}
.post-card:hover h2, .post-card:hover h3, .post-card:hover h4, .card:hover h3{color: var(--link);}
.home-h1 {font-size: 4rem;}
.home-h2 {font-size: 2rem;}
.home-h3 {font-size: 1.4rem;}
.home-text {font-size: 1.4rem; font-weight: 600;}
.homepage-wrapper {position: relative; min-height: 600px;}
.homepage-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.homepage-content, .single-content, .catpage-content {position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; padding: 5rem 1rem;}
.faq-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.faq-item {background-color: #000; padding: 25px 15px 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border: 1px solid #ccc!important; border-radius: 5px;}
.latest-content .header-title {position: relative; display: inline-block; padding: 0 30px; margin: 0 auto;}
.latest-content .header-title::before, .latest-content .header-title::after {content: ''; position: absolute; top: 50%; height: 4px; width: 100px; transform: translateY(-50%);}
.latest-content .header-title::before {left: 0; transform: translateX(-100%); background: linear-gradient(to right, rgba(0, 220, 147, 0), #00DC93);}
.latest-content .header-title::after {right: 0; transform: translateX(100%); background: linear-gradient(to left, rgba(0, 220, 147, 0), #00DC93);}
.latest-content .intro-text {margin-top: 20px; color: #666; text-align: center;}
.nickname-grid {display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;}
.nickname-cell {background-color: #000; padding: 8px; text-align: center; border: 1px solid #ccc;}
input {width:40%;}
.btn-home {width: 20%;}

/*********************************************************
	FULL IMAGE
*********************************************************/

.featured-bg {position: relative;}
.image-wrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.image-wrapper img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.bg-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.container, .container-750, .breadcrumbs, h1 {position: relative;}

/*********************************************************
	ARTICLE
*********************************************************/

.article{width: 100%; max-width: 1000px; margin: auto;}
.article-980{width: 100%; max-width: 980px; margin: auto;}
.article a, .article-980 a {text-decoration: underline; text-underline-offset: 3px; font-weight: 500;}
.article p{margin-top: 0; margin-bottom: 2.5rem;}
.article ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 0.7rem;}
.article iframe{margin-bottom: 2rem; width: 100%; max-width: 100%;}
.article blockquote{padding-left: 2.5rem; margin: 0; color: var(--body); opacity: 0.75; border-left: 5px solid var(--primary); font-style: italic; font-family: var(--text);}


/*********************************************************
	WORDPRESS
*********************************************************/

.alignnone{margin: 0; max-width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
.alignleft{float:left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0 !important;}
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin: 0px !important;}
.wp-block-image{margin: 0 0 2.5rem 0;}
.wp-block-image img{max-width: 100%; width: 100%; height: auto;}


/*********************************************************
	AUTHOR PAGE
*********************************************************/

.author-page .author-info {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.author-page .author-avatar img {border-radius: 50%;}
.author-page .author-bio {margin-top: 10px;}
.author-page .author-posts {list-style-type: none; padding: 0;}
.author-page .author-posts li {margin-bottom: 10px;}
.author-box-name {font-size: 1.25rem; letter-spacing: -0.02rem; font-weight: 800; line-height: 1.25; margin-top: 0; margin-bottom: 0.5rem;}
.social-media a {margin-right: 10px;}

/*********************************************************
	SIDEABAR
*********************************************************/

.main-content-column {padding-right: 2.5rem;}
.widget_popular_posts_widget {padding: 15px; border: 1px solid #000; margin-bottom: 20px;}
.widget_popular_posts_widget ul {list-style: none; padding: 0; margin: 0;}
.widget_popular_posts_widget li {margin-bottom: 20px; overflow: hidden;}
.widget_popular_posts_widget .post-category {font-size: 0.7em; color: #000; margin-top: 15px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold;}
.widget_popular_posts_widget li a {display: block; text-decoration: none; font-family: var(--headline); color: var(--link);}
.widget_popular_posts_widget li img {display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover;}


/*********************************************************
	NEWSLETTER
*********************************************************/

.wp-block-tnp-minimal {background-color: var(--black); margin-bottom: 2rem;}
.wp-block-tnp-minimal p {font-size: 3rem; font-family: var(--headline); color: white; margin: 2rem 0 2rem; text-transform: uppercase;}
.tnp-submit {background-color: var(--secondary)!important; color: white !important; font-family: var(--headline)!important; font-size: 17px!important; text-transform: uppercase!important; padding: 11px!important; line-height: 23px!important;}
.tnp-email {padding: 12px!important; font-size: 18px!important; line-height: 21px!important;}
.tnp-field {color: white;}
	
/*********************************************************
	HEADER
*********************************************************/

.header {padding: 0.5rem 0 0.5rem; font-size: 1.15rem; font-weight: 400; font-family: var(--headline);}
.header a:hover,.footer a:hover,.mobile-menu a:hover,.nav a:hover,.hamburger a:hover, .social-icons a:hover{text-shadow: 0 0 10px #fff!important; opacity: 1 !important;}

/*********************************************************
	FOOTER
*********************************************************/

.footer a:hover {text-shadow: 0 0 10px var(--pink)!important;}
.footer .social-icons a:hover{text-shadow: 0 0 10px #fff!important; opacity: 1 !important;}
.ai-disclaimer {font-size: 0.8em; color: #ccc; margin-top: 10px; text-transform: uppercase;}

/*********************************************************
	NAV
*********************************************************/

.nav {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; line-height: 2;}
.nav-brand {width: 190px; height: 55px; margin: 15px 0px 18px;}
.nav-link {padding: 0rem 1rem; align-self: center;}
.nav-mobile img {vertical-align: middle;}
.nav-icon svg {vertical-align: middle!important; margin-bottom: 3px;}
.nav-btn,.nav-icon {margin-left: 1rem;}
.nav-mobile {display: none;}
.mobile-menu {height: 100%; width: 0; position: fixed; z-index: 2; left: 0; top: 0; background-color: var(--pink); overflow-x: hidden; transition: .2s ease; z-index: 9999;}
.mobile-menu a {color: var(--white); font-size: 1.4rem; font-weight: 800;}
.mobile-menu .nav-link .dropdown-menu a {display: block;  color: var(--black); font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 5px 5px;}
.mobile-menu-content {position: relative; top: 5%; width: 100%; margin: 3rem auto}
.mobile-menu .mobile-link {padding: 1rem .5rem; text-decoration: none; font-size: 1.5rem; color: var(--black); display: block; transition: .3s; font-weight: 800; line-height: 1}
.mobile-menu .closebtn {position: absolute; top: 1.5rem; right: 1rem; font-size: 2.7rem; color: var(--white); text-decoration: none; font-weight: 400;}
.nav-link:hover .submenu {display: block;}
.submenu {display: none;}
.submenu-toggle {margin-left: 10px; cursor: pointer;}
.nav .dropdown-parent {position: relative;}
.nav .dropdown-menu {display: none; position: absolute; left: 10px; min-width: 160px; color: #000; background-color: white; z-index: 1000; border: 1px solid rgba(0,0,0,.15); border-radius: 4px;}
.nav .dropdown-parent:hover .dropdown-menu { display: block;}
.nav a, .nav .dropdown-parent > a {color: var(--nav-text);}
.nav-btn a {color: #fff;}
.nav .dropdown-parent > a:hover {color: #fff;}
.nav .dropdown-menu a {display: block; color: #000; font-size: 0.9rem; font-weight: 500; padding: 5px 10px; white-space: nowrap;}
.nav .dropdown-menu a:hover {background-color: #f5f5f5;}
.nav div.dropdown-parent:hover > div.dropdown-menu {display: block;}
.nav .dropdown-menu .nav-link {padding: 0!important;}
.mobile-menu .nav-link {font-family: var(--headline); padding: 8px 10px; margin: 0;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.dropdown-menu {display: none;}
#mobile-nav-overlay {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9998;}
.no-grow-mobile {flex-grow: 1 !important;}

/*********************************************************
	MOBILE
*********************************************************/

@media (min-width: 1025px)and (max-width: 1200px) {
.container { max-width: 1024px;}
.nav-btn {display: none;}
}

@media (min-width: 992px) and (max-width: 1024px) {
.custom-sidebar-right {flex: 0 0 25%; max-width: 25%;}
.main-content-column {flex: 0 0 75%; max-width: 75%;}
.header {font-size: 0.8rem;}
.nav-btn {display: none;}
.dropdown-menu, .submenu {display: none !important;}
.nav .dropdown-parent:hover .dropdown-menu, .nav .dropdown-parent:hover .submenu {display: block !important;}
}

@media(max-width: 991.99px) {
h1,.h1, {font-size:2.5rem}
h2,.h2 {font-size: 2rem}
h3,.h3 {font-size: 1.75rem}
.post-card h3 {font-size: 1.25rem;letter-spacing: -0.02rem;}
.custom-sidebar-right {display: none!important;}
.main-content-column {flex: 0 0 100%; max-width: 100%; padding-right: 15px!important;}
.container {max-width: 100%}
.text-lg-center {text-align: center!important}
.text-lg-left {text-align: left!important}
.header {padding-top: 0.2rem; padding-bottom: 0.3rem;}
.dropdown-menu .nav-link:first-of-type {margin-top:5px !important;}
.nav-brand {margin-top: 18px; width: 205px;}
.nav-icon, .hamburger {font-size: 1.2rem;}
.nav-link {margin: 0.7rem 0 0;}
.no-grow-mobile {flex-grow: 0 !important;}
.nav .nav-link, .nav-btn {display: none}
.nav-mobile {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; line-height: 2}
.nav-icon {padding: 1rem 1rem; margin: 0;}
.toc-post {display: block}	
#lottie-animation {margin-left: 0!important;}
}

@media(max-width: 767.98px) {
.text-md-center {text-align:center!important}
.text-md-left {text-align: left!important}
.submenu {position: static; width: 100%; background-color: transparent; box-shadow: none;}
.home-h1 {font-size: 3rem};
.btn {font-size: 1rem;line-height: 1}
.gallery-item {float: none!important}
.pr-0 {padding-right: 15px!important}
.large-post-row {margin-bottom: 0 !important;}
.featured-text {margin-top: 0;}
.author-page img {margin-bottom: 10px;}
.snippet ul, .takeaway ul {padding-left: 15px;}
.nickname-generator-section form input, .nickname-generator-section form button {width: 90%; box-sizing: border-box;}
.nickname-generator-section form input {margin-bottom: 10px;}    
.nickname-grid {grid-template-columns: repeat(3, 1fr);}
.faq-grid {grid-template-columns: 1fr;}
}

@media(max-width: 575.99px) {
.buttons .btn {font-size:18px!important; padding: .75rem!important}
.mobile-menu .closebtn {font-size: 40px; top: 15px; right: 35px}
.tnp-submit {width: 70%!important; max-width: 70%!important; margin: 1rem 0rem .5rem 2.5rem!important;}	
 .latest-content .header-title::before,.latest-content .header-title::after {display: none;}	
}

@media(max-width: 480px) {
.nav-icon {padding: 1rem 0.8rem;}
}