/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* GeneratePress Site CSS */ 

/* Right sidebar */ 
.wp-block-categories {
	list-style: none;
	margin-left: 0;
}
.wp-block-categories li:not(last-child) {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--base);
}
.wp-block-categories li a {
	font-size: 16px;
}

/* Box shadow */ 
.box-shadow {
	box-shadow: 0px 0px 25px -12px rgba(0,0,0,0.2);
} 

/* End GeneratePress Site CSS */


/* Easy TOC Styling */

div#ez-toc-container {
	border-radius: 2px;
	padding: 20px;
}

div#ez-toc-container .ez-toc-title {
	margin-top: 10px;
}

div#ez-toc-container ul.ez-toc-list {
	margin-top: 20px;
	margin-bottom: 10px;
}

div#ez-toc-container .ez-toc-js-icon-con {
	border-color: #fff;
}

/* Spacing Below Image */

.single-post .inside-article .wp-block-image img { 
	margin-bottom: 1.5em;
}

/* Sitemap Page List Spacing */

.wsp-container > .wsp-posts-list > li {
	margin-bottom: 1.5em;
}

/* Fluent Form Styling */


.ff_modal_container {       /* style popup modal */
    border-radius: 3px;
}

#fluentform_1 button.ff-btn-submit {
	font-weight: 600;
}

#fluentform_3 button.ff-btn-submit {
	font-weight: 600;
	border-width: 2px;
}

#fluentform_3 .ff_btn_style:focus, 
#fluentform_3 .ff_btn_style:hover {
	opacity: 1;
}

/* Fluent Form Passport Upload Styling */

.passport-image-template img {
	border: 1px dashed #00458e;
	border-radius: 3px;
	width: auto;
	height: 250px;
}

.passport-video-template img {
	border: 1px dashed #00458e;
	border-radius: 3px;
	padding-left: 15px;
	padding-top: 15px;
	width: auto;
	height: 250px;
}

.passport-copy-upload .ff_upload_btn img, .passport-video-upload .ff_upload_btn img {
	filter: grayscale(1);
}


/* Fluent Form Payment Fields Styling */

.ff-payment-box {
	padding: 20px;
    background: #f9f9f9;
	margin-bottom: 20px;
	border-radius: 2px;
}

.ff-payment-box p {
	margin-bottom: 0;
} 
.ff-payment-box .ff-el-group {
	margin-bottom: 10px;
}

.ff-payment-box .ff_stripe_card_element {
	background: white;
}

.ff-payment-box .ff_stripe_card_element .InputElement {
	font-size: 16px;
}

.ff-payment-box .ff-el-input--label label {
	color: #909399;
}

.ff-payment-box .stripe-trust-badge, .ff-payment-box .stripe-trust-badge p {
	margin-bottom: 0;
}

.ff_payment_summary {
	overflow-x: auto !important;
}

.ff_payment_summary .ffp_table .tax {
	display:none;
}

.fluentform .ff-el-group.ff_list_buttons.service-selector .ff-el-form-check label>span:hover {
    color: #00458e;
}

.fluentform .ff-el-group.ff_list_buttons.service-selector .ff-el-form-check.ff_item_selected label>span {
    background-color: #00458e;
    border-color: #00458e;
    box-shadow: -1px 0 0 0 #00458e;
	color:white;
}

/* Fluent Form Signature Field Styling */

.fluentform .ff-signature-box {
	margin-bottom: 20px !important;
}

.fluentform #fluentform_4 .fluentform-signature-pad-wrapper, .fluentform #fluentform_4 .fluentform-signature-pad {
	width: 100% !important;
}

.fluentform #fluentform_4 .fluentform-signature-pad {
	min-height: 150px;
}

/* Fluent Form Contact Form Submit Button Recolor */

.entry-content form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover {
	color: #00458e;
}

/* Fluent Form Radio Label Hide Mobile */

@media (max-width: 480px) {
	.fluentform .radio-sex .ff-el-input--label label, .fluentform .radio-marital-status .ff-el-input--label label {
	display: none !important;
	}
}

/* Request Services Timeline Styling */

.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(1) .timeline__marker i:before {
	content: "1"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(2) .timeline__marker i:before {
	content: "2"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(3) .timeline__marker i:before {
	content: "3"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(4) .timeline__marker i:before {
	content: "4"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(5) .timeline__marker i:before {
	content: "5"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(6) .timeline__marker i:before {
	content: "6"
}
.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item:nth-child(7) .timeline__marker i:before {
	content: "7"
}

.wp-block-atlb-timeline-block .wp-block-atlb-single-timeline-item .timeline__marker i {
	font-family: Open Sans;
	font-weight: 600;
}




/* FAQ Page Navigation */

.faq-navigation .wp-block-navigation-item {
	font-family: "Saira";
}

/* Main Navigation Get Started Button */

.main-navigation button {
    color: #fff;
    border-radius: 3px;
    margin-left: 20px;
	font-family: Saira, sans-serif;
    font-weight: 600;
	font-size: 16px;
}

.main-navigation a.button {
	color: #fff;
	border-radius: 3px;
	margin-left: 20px;
}

@media (max-width: 768px) {
    .main-navigation .ff_modal_btn {
        font-size: 14px;
		padding: 5px 10px;
    }
	.main-navigation button {
		margin-left: 0px;  /* previously 10px */
	}
}

/* Outline the main ITIN service */
.page-id-1993 .itin-service-main, .page-id-372 .itin-service-main {
	outline: 10px solid #00458e;
	border-radius: 1px;
}

/* 'Get Started' Buttons on Services Pages */

.page-id-372 .button-services {
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 3px;
}

.page-id-372 .ff_form_modal {
	margin-top: auto;
}


/* Outline White Headline Text on Home Page */
.page-id-1993 .home-hero .gb-headline-text {
	text-shadow: rgba(0,69,142,0.33) 0px 0px 3px;
}


/* Remove errant 404 page 
 * due to using loop template
 * content template causing width issues
 * https://generate.support/topic/custom-404-page-strange-behavior/
 */
body.error404 .inside-article  {
    display: none;
}


/* LINKS PAGE STYLING */

.page-id-3575 .wp-block-button a .dashicons {
	line-height: inherit;
	float: left;
	font-weight: 600;
}

/* WP Block Table Styling */

.wp-block-table {
	margin-bottom: 1em;
}

.wp-block-table table {
	margin-bottom: 0.5em;
}

.wp-block-table thead {
	background: rgb(0, 69, 142, 0.25);
	border-bottom: 1px solid #00458e;
}

.wp-block-table td, .wp-block-table th {
	border: 1px solid #00458e !important;
}

/* Remove Focus Outline */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


/* LITESPEED LAZY LOAD FADE IN EFFECT  
 * https://docs.litespeedtech.com/lscache/lscwp/pageopt/#lazy-load-images
 * */

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}