/*
Theme Name:   VTAG Hestia Child
Description:  Hestia Child Theme
Author: Gokul
Template:     hestia
*/

/* ---------------------------------------------------- */

/*  [FOOTER] Removing Footer Credits */

.copyright.pull-right { 
    display: none; 
   } 

/* ---------------------------------------------------- */

/* [CONTACT FORM 7] Adding Style to Contact Form */
/* 
.wpcf7 {
	background: #F6F6F6;
	border-radius: 10px;
	padding: 48px 48px 16px 48px;
}

.wpcf7-form label {
width:100% !important;
}

input.wpcf7-form-control.wpcf7-submit {
	display: block;
	margin: 0 auto;
} */

/* ---------------------------------------------------- */

/* [BUTTON] Secondary Button Element - Outline */

.wp-block-button.is-style-outline {
	color: #e91e63;
}

a.wp-block-button__link.wp-element-button {
	font-size: 16px;
}

/* [HEADER BUTTON] Altering button size in Header Menu */

.navbar .navbar-nav > li.btn {
	padding: 0px;
/* 	margin: 0px; */
	width: fit-content;
}

/* ---------------------------------------------------- */

/* [GLOBAL] Changing button color to theme pink */

.wp-block-button__link {
	background: #e91e63;
}

.wp-block-button__link:hover {
	color: white;
}

/* [GLOBAL] Adding border-radius to all images */

img {
	border-radius: 20px;
}

/* [GLOBAL] Adding Padding to all column-based blocks */

.wp-block-column {
	padding: 20px 10px;
}

/* [GLOBAL] Custom Styles: To be used when necesssary */

.v-button-padding {
	padding: 20px 10px;
}

.v-padding {
	padding: 30px;
}

.v-center-align {
	text-align: center;
}

.v-border-radius {
	border-radius: 20px;
}

.v-hide {
	display: none;
}

/* ---------------------------------------------------- */

/* [HOME] Changing the font size of sub title */

.hestia-big-title-content .sub-title {
	font-size: 20px !important;
}

/* [NEWS] Removing box shadow effect to featured image card */

.card .card-image {
	box-shadow: unset;
}

/* ---------------------------------------------------- */

/*  [GLOBAL] Setting default text color for the entire site */

body .card-description {
	color: #3c4858;
}
	
/*  [POST] Hide author details */

.author {
	display: none;
}

/*  [CATEGORY] Hide category details */

h6.category.text-info {
	display: none;
}

/* [BUTTON] Adding "roundness" to both button elements */

.btn, .wp-element-button{
	border-radius: 10px !important;
}

/* ---------------------------------------------------- */

/* [FAQ] Shortcode Styling */

/* FAQ section container */
.faq-section {
    /* font-family: Arial, sans-serif; */
    max-width: 600px; /* Adjust as needed */
    margin: 0 auto; /* Center the FAQ section */
    padding: 24px;
}

/* FAQ item container */
.faq-item {
    margin-bottom: 0px;
    background-color: #fff; /* Background color for each FAQ item */
    
    border-radius: 0px; /* Rounded corners for each FAQ item */
    border-bottom: 1px solid rgb(213, 216, 225);
}

/* FAQ question container */
.faq-question {
    font-weight: bold;
    color: #333;
    cursor: pointer;
    padding: 24px;
    position: relative;
}

.faq-question-text {
	margin-right: 7px;
	padding-right: 7px;
}

/* Style for the "+" sign */
.faq-toggle {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    cursor: pointer;
}

/* FAQ answer (initially hidden) */
.faq-answer {
    display: none;
    padding: 0px 24px 24px 24px;
    color: #555;
}

/* Active state (when FAQ question is clicked) */
.faq-item.active .faq-answer {
    display: block;
}

/* ---------------------------------------------------- */

/*  [HOME] [CATEGORY] Updating Font Family Settings for elements with Default Hestia Settings */

h2.card-title.entry-title {
	font-family: inherit;
	font-weight: 600;
}

.hestia-about h2 {
	font-family: inherit;
	font-weight: 600;
}

.carousel span.sub-title, .card-title, .hestia-title  {
	font-family: inherit;
}

/* ---------------------------------------------------- */

/*  [GLOBAL] Adjusting layout (for Mobile - without media query) */
:where(.wp-block-columns.is-layout-flex) {
	gap: 1em;
}

/* ---------------------------------------------------- */

/* [FOOTER] Centering the Footer Content */

.footer .footer-menu {
  float: none !important;
}

.footer .copyright {
  float: none !important;
}

/* [FOOTER] Aligning (space) the Big Footer Content */

footer.footer.footer-black.footer-big {
	padding-top: 50px;
}

.footer .col-md-4 {
	padding: 15px 60px 15px 15px;
}

.footer .widget ul li {
	line-height: 1.25;
}

.footer-big ul li a {
	text-transform: none;
}

.footer-big ul {
	padding-left: 0px
}

/* [FOOTER] Increasing the size of social media icons in Footer */

.footer-big .footer-menu li a:before {
	font-size: 20px !important;
}

/* [FOOTER] Removing padding from Social icons */

.footer-big .wp-social-link {
	padding: 0px;
}

/* [FOOTER] Styling the main footer menu copyright section */

.footer-big .footer-menu li a {
	padding: 8px;
	font-weight: 400;
	color: #999999;
}

/* [FOOTER] Widget Spacing */

footer .widget {
	margin-bottom: 20px;
}

/* ---------------------------------------------------- */