/*
Theme Name:   Legendary Toolkit Child
Description:  Write here a brief description about your child-theme
Author:       legendarylion
Author URL:   https://legendarylion.com
Template:     legendary-toolkit
Version:      1.1.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Legendary Toolkit Child
*/



/*
CHILD THEME STYLES
*/

.byline, .posted-on {
	display: none !important;
}

img#site_logo{
    padding:10px;
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text,
.white-text:hover {
    color: white;
}

.hero h1 {
    font-size: 4.5rem;
}

.navbar li.btn {
    margin-left: 30px;
}

.dark-mode {
    background: #3a3a3a;
}

/* body.home header#masthead {
    background-color: var(--scrolling_header_background);
} */

body:not(.page-id-229) header#masthead {
    background-color: var(--scrolling_header_background);
}

/* body.page-id-229 header#masthead {
    background-color: var(--scrolling_header_background);
} */

.dark-mode p,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #ffffff !important;
}

#footer_columns,
#footer_columns p{
    color:white;
    font-weight:300;


}
#footer_columns p {
    margin:0;
}

#footer_columns a{
    transition: .45s ease all;
    display:block;
    font-size:18px;
    font-weight:400;
    opacity:1;
    color:#9f9f9f;
    padding:12px 0;
    
}

#footer_columns a:hover{
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
    color:#5fffb2;
    font-weight:400;
    
}

.legendary-footer-links{
    background: #232323;
    padding: 20px;	
}

.top-bar-content p{
	font-size:12px;
}


#mobile_site_logo{
    width:100px;
}


#mobile-menu-top-content p, #mobile-menu-bottom-content p{
    color:white
}



/*
legendary-css.css
*/


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
    transition:1s;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}
.v-dialog.v-dialog--active {
    border: 1px solid rgba(255, 255, 255, .74);
}

::selection {
    background: #000;
}

::-moz-selection {
    background: #000;
}

.blog #content{
    max-width: 900px;
}

.hero-section {
	padding-top: 187px;
	padding-bottom: 110px;
}

.hero-section h1 {
	font-size: 36.81px;
}

.hero-section h2 {
	font-size: 30px;
}

.hero-content-column .wpb_single_image {
	padding-top: 0px;
	padding-bottom: 0px;
}

.hero-content-column h2 {
	margin-top: 0px;
}

.top-bottom-row-padding {
	padding-top: 150px;
	padding-bottom: 150px;
}

.bottom-row-padding {
	padding-bottom: 150px;
}

.get-started-row {
	padding-right: 8%;
	padding-left: 15%;
}

.get-started-text h2 {
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0.5em;
}

.hero-border .wpb_content_element {
	padding-top: 0px;
	padding-bottom: 0px;
}

.get-started-row h1 {
	background: linear-gradient(100deg, #00BFBF 0.36%, #06B9C7 12.32%, #19ACDE 30.25%, #39F 50.18%, #4090FF 55.16%, #776BFF 76.09%, #95F 92.03%, #A64DFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
}

.inner-feature-row {
	padding-left: 18%;
	padding-right: 18%;
}

.inner-feature-row h3 {
	margin-top: 0px;
	margin-bottom: 9px
}

.vc_row .inner-feature-row {
	margin-bottom: 60px;
}

.comparison table {
	width: 100%;
    border-collapse: collapse;
}

.comparison {
	overflow-x: auto;
}

.comparison th, .comparison td {
     border: 1px solid #E8E8E8;
     padding: 16px 44px;
}
.comparison th {
    background-color: #f9f9f9;
}
.comparison td {
   text-align: center;
}

.comparison tr:nth-child(even) {
	background-color: #f9f9f9;
}

th h4 {
	margin-top: 0px;
}

.form-block {
	border: 1.27px solid #36454C;
	border-radius: 20.32px;
}

.wpb_content_element.form-block {
	padding-top: 0px;
	padding-bottom: 0px;
}

.frm_label_float_top .frm_primary_label {
	display: none;
}

#frm_form_1_container fieldset {
	padding-bottom: 0px;
}

#frm_form_1_container .frm_form_fields {
	padding: 0 10px;
}

.frm_style_formidable-style.with_frm_style .form-field {
	margin-bottom: 0px;
}

#frm_form_1_container .frm_primary_label {
	font-size: 20px;
}

#frm_form_1_container .frm_button_submit:hover {
	color: white !important;
}

#frm_form_1_container .frm_button_submit {
	width: 100%;
	background: linear-gradient(59deg, #00BFBF 20.18%, #06B9C7 28.89%, #19ACDE 41.95%, #39F 56.47%, #4090FF 60.1%, #776BFF 75.34%, #95F 86.95%, #A64DFF 92.75%);
}

#frm_form_2_container .frm_button_submit {
	background: linear-gradient(59deg, #00BFBF 20.18%, #06B9C7 28.89%, #19ACDE 41.95%, #39F 56.47%, #4090FF 60.1%, #776BFF 75.34%, #95F 86.95%, #A64DFF 92.75%) !important;
}

.pre-footer-row h2 {
	margin-top: 0px;
	font-size: 32px;
	font-weight: 400;
}

.pre-footer-row {
	padding-bottom: 150px;
}

#footer_columns .container {
	border-bottom: 1px solid #f5f5f5;
}

#footer_columns img {
	padding-bottom: 15px;
}

.social-icons {
	display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}

.social-icons li {
	display: block;
}

#main-nav {
	padding: 15px 0;
}

.nav-btn a {
	background: linear-gradient(59deg, #00BFBF 20.18%, #06B9C7 28.89%, #19ACDE 41.95%, #39F 56.47%, #4090FF 60.1%, #776BFF 75.34%, #95F 86.95%, #A64DFF 92.75%);
	border-color: transparent;
	padding: 14px 43px !important;
}

.nav-btn a:hover {
	background: linear-gradient(59deg, #00BFBF 20.18%, #06B9C7 28.89%, #19ACDE 41.95%, #39F 56.47%, #4090FF 60.1%, #776BFF 75.34%, #95F 86.95%, #A64DFF 92.75%);
	border-color: transparent;
}

.testimonial-card .wpb_content_element {
	padding-top: 0px;
	padding-bottom: 0px;
}

.testimonial-card {
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 28.933px 61.56px 0px rgba(21, 21, 21, 0.15);
	padding: 20px 25px 35px 25px !important;
}

.testimonial-headshot img {
	border-radius: 75.75px;
	border: 4px solid #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin-top: -50%
}

.testimonial-like a {
	font-size: 14px;
	color: #202020;
}

.testimonial-like ul {
	padding: 0;
}

.testimonial-like li {
	display: block;
	background: url('/wp-content/uploads/2024/12/Like-Btn.svg');
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 20px;
	background-position-x: 60%;
}

.testimonial-like .wpb_wrapper {
	margin-top: -27px;
}

.middle-card {
	margin-top: 20%;
}

.testimonial-row {
	display: flex;
	column-gap: 40px;
	align-items: center;
}

.table-row {
	overflow-x: auto;
}

.team-member-row h2 {
	margin-top: 0px;
}

.team-member-row img {
	border-radius: 20px;
	box-shadow: 0px 28.933px 61.56px 0px rgba(21, 21, 21, 0.15);
}
/*
RESPONSIVE STYLES
*/

@media all and (max-width: 9999px) and (min-width: 1025px) {
	#mobile-hero {
		display: none;
	}
	
	.wpb_single_image.hide-on-desktop {
		display: none !important;
	}
}

@media all and (max-width: 1024px) and (min-width: 0px) {
	#desktop-hero {
		display: none;
	}
	
	.hide-on-mobile {
		display: none !important;
	}
}

@media all and (max-width: 1260px) {
	.testimonial-like ul {
		display: none;
	}
}

@media all and (max-width: 767px) {
	.wpb_single_image.center-image {
		text-align: center !important;
	}
	
	.testimonial-row {
		display: block;
	}
	
	.middle-card {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
	.testimonial-like li {
		background-position-x: 82%;
	}
	
	.top-bottom-row-padding {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.vc_row.testimonial-row {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.get-started-row {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.inner-feature-row {
		padding-right: 10%;
		padding-left: 10%;
		text-align: center;
	}
	
	.comparison tr:nth-child(even) {
		background-color: white;
	}
	
	.table-separator {
		background-color: #f9f9f9;
	}
	
	.vc_row.hero-section {
		background-image: url('/wp-content/uploads/2024/12/Image2-1.png') !important; 
	}
	
	.hero-section h1,
	.hero-section h2,
	.hero-section p {
		color: white;
	}
}

@media all and (max-width: 540px) {
	
	.comparison th, .comparison td {
		padding: 10px 10px;
		font-size: 14px;
	}
}