/*
Theme Name: Devportfolio Pro
Theme URI: https://vipankumar.com/thaylise/
Author: BairesDev
Author URI: https://www.bairesdev.com/
Description: DevPortfolio Pro is a modern and sleek WordPress theme designed specifically for showcasing developer portfolios.
Version: 1.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devportfolio-pro
Tags: portfolio,grid-layout,one-column

Tested up to: 6.0
Requires PHP: 7.4

Copyright (C) 2024 BairesDev. All rights reserved.
This theme is licensed under the GPLv2 or later.
*/


/* Style for image captions */
.wp-caption {
    border: 1px solid #ddd; /* Border around the image and caption */
    padding: 5px; /* Padding around the image */
    background-color: #f9f9f9; /* Background color for the caption */
    margin: 0 auto; /* Center-align the caption container */
    max-width: 100%; /* Ensure it doesn't overflow */
    text-align: center; /* Center-align the caption text */
}

.wp-caption-text {
    font-size: 14px; /* Caption text size */
    color: #333; /* Caption text color */
    padding-top: 5px; /* Space between image and caption text */
    font-style: italic; /* Style the caption text as italic */
    text-align: center; /* Center-align the caption text */
}

/* Style for gallery captions */
.gallery-caption {
    font-size: 13px; /* Caption size for gallery images */
    color: #666; /* Slightly lighter color for gallery captions */
    text-align: center;
    padding: 5px 0;
}

/* Styling for author info */
.bypostauthor {
    font-style: italic;
    color: #555;
    font-size: 14px;
    margin-top: 10px;
}

/* Alignment classes */
.alignright {
    float: right;
    margin-left: 20px; /* Add space on the left for floated element */
}

.alignleft {
    float: left;
    margin-right: 20px; /* Add space on the right for floated element */
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* Screen Reader Text Styling */
.screen-reader-text {
    position: absolute; /* Position the text off-screen */
    width: 1px; /* Make the width of the text container very small */
    height: 1px; /* Make the height of the text container very small */
    margin: -1px; /* Ensure it doesn't affect layout */
    padding: 0; /* No padding needed */
    border: 0; /* No border */
    clip: rect(0, 0, 0, 0); /* Clip the element off the screen */
    overflow: hidden; /* Hide overflow */
    white-space: nowrap; /* Prevent the text from breaking onto a new line */
    word-wrap: normal; /* Prevent wrapping */
}