/**************/
/* Background */
/**************/
body.page-template-template-seoguide {background-image: url("/wp-content/uploads/2020/12/home-bg-1.png"),url("/wp-content/uploads/2020/12/home-bg-4.png"),linear-gradient(to bottom,#fff 0,#fff 54%,#e2e4e4 100%); background-position: right top,left bottom; background-size: auto auto,auto auto; background-repeat: no-repeat,no-repeat; margin: 0; background-color: #ebecec;}

@media only screen and (max-width: 1500px) {
	body.page-template-template-seoguide {background-position: 150% top,left bottom,100%;}
}

@media only screen and (max-width: 1200px) {
	body.page-template-template-seoguide {background-position: 25vw top,left bottom,100%;}
}

@media only screen and (max-width: 991px) {
	body.page-template-template-seoguide {background-position: 50% top,left bottom;}
}

@media only screen and (max-width: 768px) {
	body.page-template-template-seoguide {background-position: center top,left bottom;}
}

@media only screen and (max-width: 460px) {
	body.page-template-template-seoguide {background-position: center -37px,left bottom;}
}

/************/
/* Headline */
/************/
section#top {padding-bottom: 20px;}
section#journey .container,
section#top .container {flex-wrap: wrap;}
section#top .container .grad-text {font-size: 60px; font-weight: 500; font-family: "DM Sans"; line-height: 1.1; margin: 0; background: linear-gradient(128deg,#ffe66d 0,#ff6b6b 72%,#ff6b6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 100%; font-family: 'Roboto', sans-serif;}

@media only screen and (max-width: 1282px) {
	section#top .container .grad-text {font-size: 52px;}
}

@media only screen and (max-width: 1010px) {
	section#top .container .grad-text {font-size: 48px;}
}

/***********/
/* Content */
/***********/
section#impact {padding-bottom: 105px;}
section#impact .container:after {content: ""; display: block; clear: both;}

section#impact .side-wrap {width: 360px; float: left;}
section#impact .side-wrap .link-holder {background-color: #fff2b5; padding: 0; border-radius: 15px; margin: 0 0 15px; max-width: 360px; position: relative; width: 100%;}
section#impact .side-wrap .link-holder.not-at-top {position: fixed; top: 135px;}
body.admin-bar section#impact .side-wrap .link-holder.not-at-top {top: 167px;}
section#impact .side-wrap .link-holder p {text-transform: uppercase; font-weight: 600; letter-spacing: 0.4px; text-align: center; margin: 0; padding: 12px 10px;}
section#impact .side-wrap .link-holder ul {padding: 0; margin: 0; list-style: none; border-top: 1px solid #eeeeee;}
section#impact .side-wrap .link-holder ul li {padding: 10px; border-bottom: 1px solid #eeeeee; background-color: #f9f9fb; font-weight: 500; letter-spacing: 0.4px;}
section#impact .side-wrap .link-holder ul li:nth-child(2n) {background-color: #ffffff;}
section#impact .side-wrap .link-holder ul li a {}
section#impact .side-wrap .link-holder ul li a:hover {color: #ff6b6b;}

section#impact .copy-wrap {width: calc(100% - 360px); float: left; margin: 0; padding-left: 30px;}
section#impact .copy-wrap h1 {font-size: 40px; margin: 0 0 10px; color: #4ecdc4;}
section#impact .copy-wrap h2 {font-size: 30px; color: #ff6b6b;}
section#impact .copy-wrap h3 {font-size: 25px;}
section#impact .copy-wrap h4 {font-size: 22px;}
section#impact .copy-wrap p {font-size: 18px; line-height: 1.4; margin: 0 0 15px;}
section#impact .copy-wrap p + h2 {margin-top: 60px;}
section#impact .copy-wrap ul {margin: 30px 0;}
section#impact .copy-wrap ul li,
section#impact .copy-wrap ol li {font-size: 18px; line-height: 1.4; margin-bottom: 15px;}
section#impact .copy-wrap ul li:last-child,
section#impact .copy-wrap ol li:last-child {margin-bottom: 0;}
section#impact .copy-wrap a {color: #4ecdc4; text-decoration: underline;}
section#impact .copy-wrap a:hover {color: #ff6b6b;}
section#impact .copy-wrap strong,
section#impact .copy-wrap b {font-weight: bold;}
section#impact .copy-wrap blockquote {border-left: 5px solid #4ecdc4; margin: 30px 0; padding: 10px 10px 15px 20px; font-style: italic;}
section#impact .copy-wrap blockquote p {color: #4ecdc4; font-size: 28px; font-weight: 600; line-height: 1.5;}
section#impact .copy-wrap blockquote p:last-child {margin: 0;}

section#impact .copy-wrap a.three-d-btn {color: #ffffff; text-decoration: none; min-width: 300px; font-size: 21px; padding: 20px 20px 21px; height: auto; margin: 0 auto;}

@media (min-width: 768px) {
	section#impact .copy-wrap .wptb-table-container table td p {white-space: normal;}
}

@media (max-width: 991px) {
	section#impact .container {display: block;}
	section#impact .side-wrap {width: 100%; float: none; margin: 0 auto 30px; max-width: 500px;}
	section#impact .side-wrap .link-holder {margin: 0 auto;}
	section#impact .side-wrap .link-holder.not-at-top {position: static;}
	section#impact .copy-wrap {padding-left: 0; width: 100%; float: none;}
}

@media (max-width: 768px) {
	section#impact .copy-wrap h1 {font-size: 35px;}
	section#impact .copy-wrap h2 {font-size: 25px;}
	section#impact .copy-wrap h3 {font-size: 20px;}
	section#impact .copy-wrap p + h2 {margin-top: 40px;}
}

@media (max-width: 600px) {
	section#impact .copy-wrap h1 {font-size: 30px;}
}

/*********/
/* Guide */
/*********/
.name_directory_index {background-color: #eee; padding: 15px 20px; border-radius: 15px; margin: 0 0 15px;}
.name_directory_index > form {margin-top: 15px;}
.name_directory_index a.name_directory_startswith {width: 3%; display: inline-block; text-align: center; font-weight: bold;}
.name_directory_total {margin-bottom: 20px; font-style: italic; font-size: 15px;}

.name_directory_character_header {background-color: #fff2b5; text-decoration: none; padding: 15px; margin: 20px 0;}

.name_directory_name_box {border-top: 1px solid #cdcdcd; padding: 25px 15px 30px;}
.name_directory_character_header + .name_directory_name_box {border: none; padding-top: 0;}
.name_directory_name_box > a + strong {font-size: 22px; color: #ff6b6b}
.name_directory_name_box div {font-size: 18px; line-height: 1.4;}
.name_directory_name_box h4 {font-size: 20px; line-height: 1.4; color: #4ecdc4; margin: 15px 0 5px;}
.name_directory_name_box p {}
.name_directory_name_box div :last-child {margin-bottom: 0 !important;}

#name_directory_search_input_box {margin-right: 5px; padding: 6px 15px 5px;}
#name_directory_search_input_button {border: 1px solid #000; background-color: #000; color: #fff; padding: 5px 15px; font-weight: bold; text-transform: uppercase; font-size: 15px; letter-spacing: 0.5px;}

/* .name_directory_name_box > strong - Name / Entry title */
/* .name_directory_name_box > div - Name / Entry description */
/* .name_directory_total - Total count of names / entries */
/* .name_directory_submit_bottom_link - Link to submit form */
/* .name_directory_active - Currently active character on index */
/* .name_directory_empty - Indicates that there a no entries for character */

/**********/
/* Footer */
/**********/
body.page-template-template-seoguide .footer {position: relative;}