/*
Theme Name: Psychology Therapy Centre
Theme URI: https://www.themeignite.com/products/psychology-therapy-centre
Author: themeignite
Author URI: https://www.themeignite.com/
Description: Psychology Therapy Centre Theme is designed for websites that present information about psychological services in a clear and structured format. Its layout supports sections for service details, practitioner information, therapy approaches, appointments, testimonials, and contact information. The theme provides customizable page layouts and content sections, allowing site owners to organize information according to their requirements. Responsive design helps pages adapt to desktops, tablets, and mobile devices. Navigation menus and clearly defined content areas can make important information easier to locate. The theme also supports integration with common website features such as contact forms, social media links, image galleries, and blog sections. Typography, colors, backgrounds, and other visual elements can be adjusted through available customization options. Its page structure is suitable for presenting professional information while maintaining a simple and organized appearance. The theme can be configured for different types of psychology and therapy-related websites without requiring extensive changes to the overall layout.
Template: psychologist-counselor
Version: 1.0
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psychology-therapy-centre
Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, featured-image-header, post-formats, flexible-header, sticky-post, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, custom-logo, custom-colors, blog, photography, news, grid-layout, wide-blocks, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Psychology Therapy Centre Theme, Copyright themeignite 2026, themeignite.com
Psychology Therapy Centre Theme is distributed under the terms of the GPLv2 or later

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> Header
----------------------------------------------------------------*/ 

.site-header .mid-header-img .discount-text{
  background: #000000;
}
.main-navigation ul li a{
  font-size: 15px;
}

.banner_box{
  left: 5%;
}


/*--------------------------------------------------------------
>>> About Us Section
----------------------------------------------------------------*/

.about-us-label {
  display: inline-block;
  color: var(--secondary-color);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.about-us-heading {
  color: var(--primary-color);
  font-size: 32px;
  margin-bottom: 20px;
}

.about-us-description {
  color: #525252;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 25px;
}

.about-us-points {
  margin-bottom: 30px;
}

.about-us-points li {
  margin-bottom: 15px;
  font-weight: 600;
  color: #334155;
}

.about-us-points li i {
  color: var(--secondary-color);
  margin-right: 8px;
}
.about-us-points svg.svg-inline--fa.fa-circle-right {
    margin-right: 7px ;
}
.about-us-btn {
  display: inline-block;
  background: var(--secondary-color);
  color: #fff;
  padding: 14px 32px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
}

.about-us-btn:hover {
  background: var(--primary-color);
  color: #fff;
}

.about-us-image {
  position: relative;
}

.about-us-image::after{
  position: absolute;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  color: #fff;
  top: 10px;
  left: 10px;
  background: #0000;
  border: 1px solid #fff;
  content: "";
  z-index: 9;
}

svg.svg-inline--fa.fa-circle-right {
    color: var(--secondary-color);
}

.about-us-image img {
  width: 100%;
  display: block;
}

#button{
  background-color: #b6c5c5 !important;
}

.margin {
    margin-top: 0px;
}

/*--------------------------------------------------------------
>>> Recommended WordPress Classes
----------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.gallery-caption {
  display: block;
}

.bypostauthor {
  display: block;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-top: 15px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-top: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/*--------------------------------------------------------------
>>> Media
----------------------------------------------------------------*/

@media screen and (min-width:320px) and (max-width:767px){
.about-us-image {
    margin-bottom: 20px;
}
}