/*
Theme Name: Innovative Child
Theme URI: http://cyberspeclab.com/innovative/
Description: Child theme for the Innovative WordPress theme
Author: Your Name
Author URI: https://yourwebsite.com
Template: innovative
Version: 1.1.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: innovative-child
*/

/*
 * Add your custom CSS below this line
 * This file will not be overwritten when the parent theme is updated
 */
body {
	background-image: url("/wp-content/uploads/2026/01/body_bg26.png");;
	background-repeat: repeat-x;
	background-attachment: scroll;
}
div#logo {
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#logo img {
    padding: 8px;
}

.wp-block-image.fp-group img {
    border: 3px solid black;
}

.wp-block-image.fp-group figcaption.wp-element-caption {
    text-align: center;
}

figure.fp-video {
    /* border:  3px solid red; */
    box-shadow: rgba(1,1,1,.5) 5px 5px 20px;
}
div#footer {
    background-image: url("/wp-content/uploads/2026/01/body_bg26.png");
    color: #dddddd;
}
div#footer a {
    color: #00AEEF;
}
div.dshad img{
    box-shadow: rgba(1,1,1,.5) 5px 5px 20px;
}
figure.dshad img{
    box-shadow: rgba(1,1,1,.5) 5px 5px 20px;
}
/*
 * Call to Action Button Styles
 * Extracted from innoVative Premium WordPress Theme v1.0 (Old Version)
 * 
 * These styles create action buttons with icons and quote styling
 * 
 * REQUIRED IMAGES (from old theme's images folder):
 * - action_button.png (background gradient for button)
 * - action_icons.png (sprite with download and contact icons)
 * - action_quote.png (quote background image)
 * 
 * USAGE EXAMPLES:
 * 
 * Basic Call to Action Button:
 * <a href="#" class="call_to_action">
 *     <span class="action_text">Click Here</span>
 * </a>
 * 
 * Call to Action with Download Icon:
 * <a href="#" class="call_to_action">
 *     <span class="action_text">Download Now</span>
 *     <span class="action_icon action_download"></span>
 * </a>
 * 
 * Call to Action with Contact Icon:
 * <a href="#" class="call_to_action">
 *     <span class="action_text">Contact Us</span>
 *     <span class="action_icon action_contact"></span>
 * </a>
 * 
 * Action Quote (different styling):
 * <div class="action_quote">
 *     Your quote text here
 * </div>
 */

/* ========================================
   MAIN CALL TO ACTION BUTTON
   ======================================== */

.call_to_action {
	background: url(images/action_button.png) repeat-x;
	color: #fff;
	height: 38px;
	font: 14px/38px "PT Sans", Arial, sans-serif;
	display: inline-block;
	text-transform: capitalize;
	padding: 0 15px;
	position: relative;
	text-shadow: 1px 1px 1px #444;
}

.call_to_action:hover {
	color: #fff;
	text-decoration: none;
}

/* ========================================
   ACTION TEXT (inside button)
   ======================================== */

.action_text {
	padding: 0 40px 0 0;
}

/* ========================================
   ACTION ICON (positioned inside button)
   ======================================== */

.action_icon {
	width: 27px;
	height: 34px;
	position: absolute;
	right: 10px;
	top: 2px;
}

/* Download Icon */
.action_download {
	background: url(images/action_icons.png) no-repeat -27px 0;
}

/* Contact Icon */
.action_contact {
	background: url(images/action_icons.png) no-repeat -54px 0;
}

/* ========================================
   ACTION QUOTE (separate element)
   ======================================== */

.action_quote {
	background: url(images/action_quote.png) no-repeat left;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */

/* Tablets and smaller (max-width: 768px) */
@media only screen and (max-width: 768px) {
	.action_icon {
		display: none;
	}
	.action_text {
		padding: 0;
	}
}

/* Mobile devices (max-width: 480px) */
@media only screen and (max-width: 480px) {
	.action_icon {
		display: none;
	}
	.call_to_action {
		padding: 0 5px;
	}
	.action_text {
		padding: 0;
		font-size: 11px;
		height: 28px;
	}
}

/* Small mobile (max-width: 320px) */
@media only screen and (max-width: 320px) {
	.action_icon {
		display: none;
	}
	.call_to_action {
		padding: 0 5px;
	}
	.action_text {
		padding: 0;
		font-size: 11px;
		height: 28px;
	}
}

/* ========================================
   CONTACT FORM SUBMIT BUTTON FIX
   ======================================== */

/*
 * Override parent theme's submit button styles that may conflict
 * with contact form plugins (Contact Form 7, WPForms, Gravity Forms, etc.)
 */

/* Reset and style submit buttons for contact forms */
input[type='submit'],
button[type='submit'],
.wpcf7-submit,
.gform_button,
.wpforms-submit {
	/* Remove problematic parent theme styles */
	background-image: none !important;
	filter: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	
	/* Apply clean, modern styling */
	background-color: #00AEEF !important;
	color: #ffffff !important;
	border: 2px solid #00AEEF !important;
	border-radius: 4px !important;
	padding: 12px 30px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	text-shadow: none !important;
	cursor: pointer !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Hover state */
input[type='submit']:hover,
button[type='submit']:hover,
.wpcf7-submit:hover,
.gform_button:hover,
.wpforms-submit:hover {
	background-color: #0088CC !important;
	border-color: #0088CC !important;
	color: #ffffff !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
	transform: translateY(-2px);
}

/* Active/Pressed state */
input[type='submit']:active,
button[type='submit']:active,
.wpcf7-submit:active,
.gform_button:active,
.wpforms-submit:active {
	background-color: #006699 !important;
	border-color: #006699 !important;
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Disabled state */
input[type='submit']:disabled,
button[type='submit']:disabled,
.wpcf7-submit:disabled,
.gform_button:disabled,
.wpforms-submit:disabled {
	background-color: #cccccc !important;
	border-color: #cccccc !important;
	color: #666666 !important;
	cursor: not-allowed !important;
	opacity: 0.6;
}

/* Focus state for accessibility */
input[type='submit']:focus,
button[type='submit']:focus,
.wpcf7-submit:focus,
.gform_button:focus,
.wpforms-submit:focus {
	outline: 2px solid #00AEEF;
	outline-offset: 2px;
}
