/*
Theme Name: Ryan Roy Portfolio
Theme URI: https://ryanroyaranas.com
Author: Ryan Roy
Author URI: https://ryanroyaranas.com
Description: A modern personal portfolio template for designers, developers, and freelancers.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ryanroyaranas
*/

/* Import all the assets/css files from the original HTML */
@import url('assets/css/fontawesome.css');
@import url('assets/css/swiper.css');
@import url('assets/css/odometer.css');
@import url('assets/css/animate.min.css');
@import url('assets/css/bootstrap.min.css');
@import url('assets/css/style.css');

.page-header {
    height: 50vh;
    display: flex;
    align-items: center;
    background-size: cover;
}

.page-content {
    padding: 5rem 0;
}

.testimonial-rating {
    color: var(--color-primary);
    font-size: 3rem;
}

/* Portfolio Archive */
.portfolio-filter {
    margin-bottom: 40px;
    text-align: center;
}

.portfolio-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.portfolio-filter li {
    display: inline-block;
    margin: 0 10px;
}

.portfolio-filter a {
    display: block;
    padding: 5px 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.portfolio-filter li.active a,
.portfolio-filter a:hover {
    color: #fff;
    background: #0073aa;
}

.portfolio-item {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.portfolio-thumbnail {
    position: relative;
    overflow: hidden;
}

.portfolio-thumbnail img {
    transition: transform 0.3s ease;
}

.portfolio-item:hover .portfolio-thumbnail img {
    transform: scale(1.05);
}

.portfolio-content {
    padding: 20px;
}

.portfolio-title {
    margin: 0 0 10px;
}

.portfolio-categories {
    margin-bottom: 10px;
}

.portfolio-category {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 8px;
    background: #eee;
    border-radius: 3px;
}

/* Single Portfolio */
.portfolio-single .portfolio-header {
    padding: 120px 0;
}

.portfolio-featured-image {
    margin-bottom: 30px;
}

.portfolio-meta {
    margin-top: 20px;
}

.portfolio-meta div {
    margin-bottom: 10px;
}

.portfolio-gallery {
    margin: 40px 0;
}

.gallery-grid {
    margin-top: 20px;
}

.gallery-item {
    margin-bottom: 20px;
}

.portfolio-sidebar {
    padding: 30px;
    border-radius: 5px;
}

.portfolio-navigation {
    padding: 40px 0;
    border-top: 1px solid #eee;
}

.prev-portfolio,
.next-portfolio {
    display: inline-block;
    /*color: #333;*/
    text-decoration: none;
}

.next-portfolio {
    float: right;
    text-align: right;
}

/* Customizer Repeater Control */
.repeater-fields {
    margin-bottom: 15px;
}

.repeater-row {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background: #f9f9f9;
}

.repeater-row-header {
    padding: 8px 10px;
    background: #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.repeater-row-title {
    font-weight: bold;
}

.repeater-row-fields {
    padding: 10px;
}

.repeater-field {
    margin-bottom: 10px;
}

.repeater-field label {
    display: block;
    margin-bottom: 5px;
}

.repeater-field input,
.repeater-field textarea {
    width: 100%;
    box-sizing: border-box;
}

.repeater-field textarea {
    min-height: 100px;
}

/* Portfolio Filter */
.portfolio-filter {
    margin-bottom: 40px;
    text-align: center;
}

.portfolio-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.portfolio-filter li {
    display: inline-block;
    margin: 0 5px;
}

.portfolio-filter a {
    display: block;
    padding: 8px 20px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.portfolio-filter li.active a,
.portfolio-filter a:hover {
    background: #0073aa;
    color: #fff;
}

/* Portfolio Items */
.portfolio-item {
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

/* If using Isotope */
.portfolio-grid {
    transition: height 0.4s ease;
}