/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/*---------Headings and Paragraphs-----------*/
html body h6 {
	color: #DE7949 !important;
	text-transform: uppercase;
	letter-spacing: 3px;
}
html body h1 em, html body h2 em{
	background: linear-gradient(90deg, #F2823B, #B44D34);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	padding-right:10px;
}
html body h1, html body h2{
	color:#F6E9D5;
}
span.big {
	font-size: 18px;
	line-height: 28px;
}
/*---------Header-----------*/
header#top .container .row {
	padding: 5px 10px;
	background: #0a0403e0;
	border-radius: 15px !important;
	top: 20px;
	border: 1px solid #B2A191;
	backdrop-filter: blur(10px);
}
header#top ul .current-menu-item a span {
	color: #F2823B;
}
header#top ul.buttons.sf-menu .cstm_btn a span {
	font-size: 14px;
	padding: 15px 30px;
	font-weight: 600;
	background: linear-gradient(to right, #F2823B, #B44D34);
	border: 1px solid #ffa65994;
	color: #000;
	border-radius: 50px !important;
	bottom: 4px;
	position: relative;
	opacity:1 !important;
}
header#top ul.buttons.sf-menu .cstm_btn a {
	opacity: 1 !important;
}
header#top ul.buttons.sf-menu .cstm_btn a:hover {
	opacity: 0.8 !important;
}
header#top ul.buttons.sf-menu .cstm_btn a span:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: center / contain no-repeat url(https://storysign.org/wp-content/uploads/2026/08/arrow.png);
	position: static !important;
	vertical-align: middle;
	animation: arrowBounce 1.5s ease-in-out infinite;
}
/*---------Buttons-----------*/
a#b1 {
	font-size: 16px;
	padding: 16px 40px;
	font-weight: 600;
	background: linear-gradient(to right, #F2823B, #B44D34);
	border: 1px solid #ffa65994;
	color: #000;
	border-radius: 50px !important;
}
a#b2 {
	font-size: 16px;
	padding: 16px 40px;
	font-weight: 600;
	background: transparent !important;
	border: 1px solid #a15d3e82;
	border-radius: 50px !important;
	color:#F6E9D5;
}
a#b1::after, a#b2::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: center / contain no-repeat url(https://storysign.org/wp-content/uploads/2026/08/arrow.png);
	position: static !important;
	vertical-align: middle;
	animation: arrowBounce 1.5s ease-in-out infinite;
}
a#b2::after {
	background: center / contain no-repeat url(https://storysign.org/wp-content/uploads/2026/08/pencil.png);
}
/*-----------Animations-----------*/
@keyframes arrowBounce {
	0%   { transform: translateX(0); }
	50%  { transform: translateX(5px); }
	100% { transform: translateX(0); }
}
/*---------------- Banner Section -------------*/
div#ban_sec {
	padding-block: 340px 160px !important;
}
div#ban_sec div#innr_01 a#b1, div#abt_ban a#b1, div#ready_sec div#innr_01 a#b1{
	margin-right: 15px;
}
div#ban_sec div#innr_01 .hover-wrap-inner {
	display: table;
	float: left;
	margin-right: 15px;
	margin-bottom:5px;
}
div#ban_sec div#innr_01 .txt_02 p {
	padding-top: 10px;
}
div#ban_sec div#innr_01 .txt_02 {
	margin-bottom: 0px !important;
}
/*---------------- Icons Section -------------*/
div#icons_sec .row-bg.viewport-desktop.using-image.using-bg-color {
	border-top: 1px solid #241713;
	border-bottom: 1px solid #241713;
}
div#icons_sec div#innr_01 .iwithtext h5 {
	color: #F6E9D5;
	font-size: 14px;
}
div#icons_sec div#innr_01 .iwithtext p {
	font-size: 12px;
	line-height: 20px;
}
/*----------------Steps Section -------------*/
div#steps_sec_bg {
	padding-block: 120px !important;
}
div#steps_sec_bg div#innr_01 p strong {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 120px;
	line-height: unset;
	color: #de794921;
	font-family: 'Cormorant Garamond';
}
div#steps_sec_bg div#innr_01 h5 {
	font-size: 20px;
	color: #F6E9D5;
	line-height: 25px;
	font-family: 'Cormorant Garamond';
}
/*----------------Readers Sec -------------*/
div#readers_sec {
	/* 	padding-block: 220px !important; */
	padding-block: 290px !important;
}
div#readers_sec div#innr_01 h2, div#readers_sec div#innr_01 p{
	color: #0A0403;
}
div#readers_sec div#innr_02 h5 {
	color: #0A0403 !important;
	font-size:14px !important;
	line-height:18px !important;
}
div#readers_sec div#innr_02 p {
	font-size:12px !important;
	color: #0A0403 !important;
	line-height: 20px;
}
/*----------------App Showcase Sec -------------*/
div#app_showcase_sec {
	padding-top: 130px !important;
}
div#app_showcase_sec .lft_col {
	padding-left: 310px;
}
div#app_showcase_sec div#innr_01 .hover-wrap {
	display: table;
	float: left;
	margin-right: 15px;
}
div#app_showcase_sec .lft_col div#innr_02 h4 {
	color: #DE7949;
}
div#app_showcase_sec .lft_col div#innr_02 p {
	font-size: 12px;
	text-transform: uppercase;
}
div#app_showcase_sec  .hand_img{
	animation: arrowBounce 1.5s ease-in-out infinite;
	right: -20px;
}
/*----------------Author Sec-------------*/
div#author_sec {
	/* 	padding-block: 250px !important; */
	padding-block: 285px !important;
}
div#author_sec div#innr_01 h2, div#author_sec div#innr_01 p {
	color: #0A0403;
}
div#author_sec div#innr_02 h5 {
	color: #F6E9D5 !important;
	font-size: 14px !important;
	line-height:18px !important;
}
div#author_sec div#innr_02 p {
	font-size: 12px !important;
	color: #ffffffa3 !important;
	line-height: 20px;
}
/*----------------Reviews Sec-------------*/
div#reviews_sec {
	padding-block: 100px 60px !important;
}
div#reviews_sec .owl-carousel .owl-stage div#innr_car_row {
	background: #1f130ea8;
	border-radius: 20px;
	padding: 25px;
	border: 1px solid #ffffff3d;
}
div#reviews_sec .owl-carousel .owl-stage div#innr_car_row .txt_01 p{
	font-size:18px;
	line-height:28px;
	color:#F6E9D5;
	text-align:center;
}
div#reviews_sec .owl-carousel .owl-stage div#innr_car_row .txt_02 h5 {
	text-align: center;
	font-size: 18px;
	font-family: 'Cormorant Garamond';
	font-weight: 400;
	margin-bottom: 0px;
	color:#F6E9D5 !important;
}
div#reviews_sec .owl-carousel .owl-stage div#innr_car_row .txt_02 p{
	text-align:center;
	font-size: 12px;
	text-transform:uppercase;
}
div#ready_sec div#innr_01 h2, div#ready_sec div#innr_01 p, div#ready_sec div#innr_01 a#b2 {
	color: #0A0403;
}
div#ready_sec div#innr_01 a#b2 {
	color: #0A0403;
}
div#ready_sec div#innr_01 a#b2::after {
	background: center / contain no-repeat url("https://storysign.org/wp-content/uploads/2026/08/pencil.png");
	filter: brightness(0);
}
/*----------------Contact Sec-------------*/
div#contact_sec {
	padding-block: 120px 180px !important;
}
div#contact_sec div#innr_01 img {
	margin-bottom: 0px;
}
div#contact_sec div#innr_01 .storysign-features {
	display: flex;
	align-items: center;
	gap: 25px;
	width: 100%;
	flex-wrap:wrap;
}
div#contact_sec div#innr_01 .storysign-features .feature-item {
	display: flex;
	align-items: center;
	gap: 9px;
	white-space: nowrap;
}
div#contact_sec div#innr_01 .storysign-features .feature-item img {
	margin-bottom: 0px !important;
}
div#contact_sec div#innr_01 .storysign-features .feature-item br{
	display:none;
}
div#contact_sec div#innr_01 .storysign-features .feature-item span {
	font-size: 13px;
	letter-spacing: 1.5px;
}
div#contact_sec div#innr_01 .con_col .vc_column-inner {
	background: linear-gradient(135deg, #241713 0%, #190F0B 100%);
	border: 1px solid #48362e96;
}
div#contact_sec div#innr_01 .gform_body input, div#contact_sec div#innr_01 .gform_body textarea, div#contact_sec div#innr_01 .gform_body select {
	background: #0a0403d4;
	border-radius: 10px;
	border:1px solid #3E2F28;
	color: #B2A191;
	padding: 11px 15px;
}
div#contact_sec div#innr_01 .gform_body input::placeholder {
	color: #b2a191b8;
}
div#contact_sec div#innr_01 .gform_button{
	font-size: 16px;
	padding: 16px 40px;
	font-weight: 600;
	background: linear-gradient(to right, #F2823B, #B44D34);
	border: 1px solid #ffa65994;
	color: #000;
	border-radius: 50px !important;
}
/*----------------Footer-------------*/
div#footer_sec div#innr_01 h2.widgettitle {
	font-size: 16px !important;
	font-family: 'Inter';
	line-height: 26px !important;
	color: #DE7949;
	text-transform: uppercase;
}
div#footer_sec div#innr_01 ul {
	margin-left: unset;
}
div#footer_sec div#innr_01 ul li {
	list-style: none;
	padding-bottom: 10px;
	font-size:14px;
}
div#footer_sec div#innr_01 .storysign-signup {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
div#footer_sec div#innr_01 .storysign-signup .signup-content {
	padding-top: 2px;
}
div#footer_sec div#innr_01 .storysign-signup .signup-title {
	color: #F6E9D5;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
div#footer_sec div#innr_01 .storysign-signup .signup-subtitle {
	color: #B2A191;
	font-size: 12px;
	line-height: 18px;
}
div#footer_sec div#innr_01 .storysign-signup .signup-email {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-top: 9px;
}
div#footer_sec div#innr_01 .storysign-signup .email-icon {
	color: #C76A35;
	font-size: 16px;
	line-height: 1;
}
div#footer_sec div#innr_01 .storysign-signup .signup-email a {
	color: #B2A191;
	font-size: 14px;
	text-decoration: none;
}
div#footer_sec div#innr_01 .storysign-signup .signup-email a:hover {
	color: #C76A35;
}
div#copyright_sec .row-bg.viewport-desktop.using-bg-color {
	border-top: 1px solid #de79497a;
}

/*----------------Inner Pages-------------*/
/*---About Us---*/
div#abt_ban {
	padding-block: 245px 230px !important;
}
div#abt_sec_02 div#innr_01 h2, div#abt_sec_02 div#innr_01 p {
	color: #0A0403;
}
div#abt_sec_03 div#innr_01 img{
	margin-bottom:0px;
}
div#abt_sec_03 div#innr_01 h5 {
	font-family: 'Cormorant Garamond';
	color: #F6E9D5;
	font-size: 28px;
	line-height: 35px;
}
div#abt_sec_03 div#innr_01 p strong {
	position: absolute;
	top: 0;
	right: -20px;
	font-size: 120px;
	line-height: unset;
	color: #de794921;
	font-family: 'Cormorant Garamond';
}
div#abt_sec_04{
	padding-block:150px !important; 
}
div#abt_sec_04 div#innr_01 h2 {
	color: #0A0403;
}
div#abt_sec_04 div#innr_02 h5 {
	color: #F6E9D5 !important;
	font-size: 14px !important;
	line-height:18px !important;
}
div#abt_sec_04 div#innr_02 p {
	font-size: 12px !important;
	color: #ffffffa3 !important;
	line-height: 20px;
}
/*---Features---*/
div#innr_pg_ban {
	padding-block: 232px !important;
}
div#features_sec_01 {
	padding-block: 120px !important;
}
div#features_sec_01 div#innr_01 h2 {
	color: #0A0403;
}
div#features_sec_01 div#innr_02 h4 {
	color: #0A0403;
	font-size: 20px;
}
div#features_sec_01 div#innr_02 p {
	color: #0A0403;
	font-size: 13px;
	line-height: 19px;
}
div#features_sec_02 {
	padding-block: 150px !important;
}
div#features_sec_02 div#innr_02 h5, div#features_sec_03 div#innr_02 h5 {
	color: #0A0403 !important;
	font-size: 14px !important;
	line-height: 18px !important;
}
div#features_sec_02 div#innr_02 p, div#features_sec_03 div#innr_02 p {
	font-size: 12px !important;
	color: #0A0403 !important;
	line-height: 20px;
}
div#features_sec_03 {
	padding-block: 110px !important;
}
div#features_sec_03 div#innr_01 h6, div#features_sec_03 div#innr_01 h2 {
	color: #0A0403 !important;
}
/*---For Readers---*/
div#readers_sec_01 {
	padding-block: 70px !important;
}
div#readers_sec_01 div#innrrow_01 h2, div#readers_sec_01 div#innrrow_01 p{
	color: #0A0403;
}
div#readers_sec_01 div#innr_01 h5 {
	font-size: 20px;
	color: #F6E9D5;
	line-height: 25px;
	font-family: 'Cormorant Garamond';
}
div#readers_sec_01 div#innr_01 p strong {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 120px;
	line-height: unset;
	color: #DE7949;
	font-family: 'Cormorant Garamond';
}
div#readers_sec_02 {
	padding-block: 210px !important;
}
div#readers_sec_02 div#innr_01 .nectar-fancy-ul ul li {
	color: #fff !important;
	padding-bottom:10px;
}
div#readers_sec_02 div#innr_01 .nectar-fancy-ul ul li i::before {
	background: #E1B68D;
	border-radius: 50px;
	padding: 6px;
	top: 12px;
	position: relative;
}
div#readers_sec_03 {
	padding-block: 250px !important;
}
div#readers_sec_03 .toggle.default {
	border: 1px solid #6C421A;
	border-radius: 10px !important;
}
div#readers_sec_03 .toggle.default.open a.toggle-heading {
	border-bottom: 1px solid #6C421A;
	padding-bottom: 10px !important;
}
div#readers_sec_03 .toggle.default .inner-toggle-wrap{
	padding-top: 10px !important;
}
div#readers_sec_03 .toggle.default span.toggle-title a {
	font-family: 'Cormorant Garamond';
	font-size: 22px !important;
	color: #F6E9D5;
}
div#readers_sec_03 .toggle.default .inner-toggle-wrap p {
	color: #FFFFFF;
}
/*---For Authors---*/
div#author_sec_01 {
	padding-block: 190px !important;
}
div#author_sec_01 div#innr_01 h2 {
	color: #0A0403 !important;
}
div#author_sec_01 div#innr_01 ul li {
	color: #0A0403;
	padding-bottom: 10px;
}
div#author_sec_01 div#innr_01 ul {
	margin-top: 40px;
}
div#author_sec_01 div#innr_01 ul li strong {
	font-size: 16px;
}
div#author_sec_01 div#innr_01 ul li i::before {
	background: #C0571E;
	border-radius: 50px;
	padding: 5px;
	position: relative;
	top: 10px;
	color: #fff;
}
div#author_sec_02 {
	padding-block: 150px !important;
}
div#author_sec_02 div#innr_02 .vc_col-sm-3 .vc_column-inner {
	border: 2px solid #6C421A;
	padding: 50px;
	border-radius: 100% 100% 30px 30px;
}
div#author_sec_02 div#innr_02 .img-with-aniamtion-wrap {
	display: flex;
	justify-content: center;
}
div#author_sec_02 div#innr_02 .img-with-aniamtion-wrap:first-child .inner {
	width: 114px;
	height: 114px;
	border: 2px solid #6C421A;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
div#author_sec_02 div#innr_02  .img-with-aniamtion-wrap:first-child .hover-wrap {
	margin-bottom: 0px !important;
}
div#author_sec_02 div#innr_02 .divid {
	margin: 35px auto 25px;
}
div#author_sec_02 div#innr_02 h4 {
	color: #F6E9D5;
}
/*---Contact Us---*/
div#contact_sec div#innr_01 .iwithtext {
	background: linear-gradient(135deg, #241713 0%, #190F0B 100%);
	border: 1px solid #3E2920;
	border-radius: 20px;
	padding: 25px !important;
}
div#contact_sec div#innr_01 .iwithtext .iwt-icon img {
	margin-left:15px;
	margin-top: 20px;
	width: 60px;
	height: 60px;
}
div#contact_sec div#innr_01 .iwithtext .iwt-text{
	padding-left: 70px !important;
}
div#contact_sec div#innr_01 .iwithtext .iwt-text h4 {
	color: #F6E9D5 !important;
	margin: 0 0 5px !important;
}
div#contact_sec div#innr_01 .iwithtext .iwt-text p {
	color: #B2A191 !important;
}
div#contact_sec div#innr_01 .iwithtext .iwt-text .orange {
	color: #DE7949 !important;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
	div#ban_sec {
		padding-block: 240px 90px !important;
	}
	div#steps_sec_bg div#innr_01 p strong, div#readers_sec_01 div#innr_01 p strong{
		top: 30px;
		right: 20px;
		font-size: 80px;
	}
	div#app_showcase_sec .lft_col {
		padding-left: 10%;
	}
	div#app_showcase_sec {
		padding-top: 90px !important;
	}
	div#abt_ban {
		padding-block: 178px 150px !important;
	}
	div#author_sec_01 {
		padding-block: 130px !important;
	}
	div#author_sec_02 {
		padding-block: 60px !important;
	}
	div#readers_sec_03 {
		padding-block: 170px !important;
	}
	div#contact_sec {
		padding-block: 60px 120px !important;
	}
	div#readers_sec {
		/*     padding-block: 150px !important; */
		padding-block: 210px !important;
	}
	div#author_sec {
		padding-block: 200px !important;
	}
	div#innr_pg_ban {
		padding-block: 178px !important;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	div#app_showcase_sec .lft_col {
		padding-left: 6%;
	}
	div#innr_pg_ban {
		padding-block: 175px !important;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
	html body h2 {
		font-size: 45px;
	}
	div#ban_sec {
		padding-block: 165px 60px !important;
	}
	span.big {
		font-size: 16px;
		line-height: 26px;
	}
	a#b1, a#b2, div#contact_sec div#innr_01 .gform_button{
		font-size: 15px;
		padding: 14px 35px !important;
	}
	div#steps_sec_bg div#innr_01 h5, div#abt_sec_03 div#innr_01 p strong {
		font-size: 16px;
		line-height: 23px;
	}
	div#reviews_sec .owl-carousel .owl-stage div#innr_car_row .txt_01 p {
		font-size: 16px;
		line-height: 26px;
	}
	div#abt_ban {
		padding-block: 126px 110px !important;
	}
	div#innr_pg_ban {
		padding-block: 137px !important;
	}
	div#features_sec_01 {
		padding-block: 60px !important;
	}
	div#author_sec_01 {
		padding-block: 80px !important;
	}
	div#author_sec_02 div#innr_02 .vc_col-sm-3 .vc_column-inner {
		border-radius: 100% 100% 30px 30px;
	}
	div#readers_sec_03 {
		padding-block: 120px !important;
	}
	div#contact_sec {
		padding-block: 60px !important;
	}
	div#readers_sec {
		/*     padding-block: 85px !important; */
		padding-block: 135px !important;
	}
	div#author_sec {
		padding-block: 125px !important;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	.slide-out-widget-area-toggle.mobile-icon.slide-out-from-right {
		padding-right: 15px !important;
	}
	div#ban_sec {
		padding-block: 100px 60px !important;
	}
	div#ban_sec .row_col_wrap_12.col.span_12.dark.left, div#abt_ban .row_col_wrap_12.col.span_12.dark.left > .vc_col-sm-12, div#innr_pg_ban .row_col_wrap_12.col.span_12.dark.left > .vc_col-sm-12, div#readers_sec_02 .row_col_wrap_12.col.span_12.dark.left > .vc_col-sm-12{
		background: #0a0403eb;
		border-radius: 10px;
		padding: 15px;
	}
	div#readers_sec_02 {
    padding-block: 80px !important;
}
	div#abt_sec_02  .row_col_wrap_12.col.span_12.dark.left > .vc_col-sm-12{
		background: #ffffffb5;
		border-radius: 10px;
		padding: 15px;
	}
	div#author_sec_01 .row_col_wrap_12.col.span_12.dark.left > .vc_col-sm-12 {
		background: #ffffffc9;
		border-radius: 10px;
		padding: 15px;
	}
	div#author_sec_01 {
		padding-block: 50px !important;
	}
	div#readers_sec_03 {
		padding-block: 60px !important;
	}
	div#readers_sec_03 .toggle.default {
		background: #6c421a2e;
	}
	div#features_sec_02, div#features_sec_03, div#readers_sec, div#steps_sec_bg, div#author_sec, div#contact_sec{
		padding-block: 60px !important;
	}
	div#app_showcase_sec .lft_col {
		padding-inline: 50px;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	html body h1{
		font-size:35px !important;
		line-height:40px !important;
	}
	html body h2{
		font-size:28px !important;
		line-height:33px !important;
	}
	html body h6 {
		font-size: 12px !important;
	}
	html body h1 br, html body h2 br, html body p br{
		display:none;
	}
	div#ban_sec div#innr_01 p br {
		display: none;
	}
	span.big {
		font-size: 15px;
		line-height: 25px;
	}
	span.big br{
		display:none;
	}
	a#b1, a#b2, div#contact_sec div#innr_01 .gform_button {
		font-size: 14px;
		padding: 12px 30px !important;
	}
	div#abt_sec_03 div#innr_01 h5 {
		font-size: 24px;
		line-height: 30px;
	}
	div#abt_ban {
		padding-block: 80px 60px !important;
	}
	div#abt_sec_04 {
		padding-block: 40px !important;
	}
	div#innr_pg_ban {
		padding-block: 95px !important;
	}
	div#contact_sec div#innr_01 .storysign-features {
		gap: 15px;
	}
	div#readers_sec_03 .toggle.default span.toggle-title a {
		font-size: 20px !important;
	}
	div#readers_sec_03 .toggle.default .inner-toggle-wrap p {
		font-size: 14px;
	}
	div#contact_sec div#innr_01 .iwithtext .iwt-text h4 {
		font-size: 18px;
		line-height: 18px;
	}
	div#contact_sec div#innr_01 .iwithtext .iwt-text p {
		font-size: 13px;
	}
	div#app_showcase_sec .lft_col {
		padding-inline: 30px;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 480px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 390px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}