/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		2.0.4
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Portfolio Grid Titles */
.portfolio_wrapper .portfolio-item .entry-title {
    font-size: 25px;
	font-weight: 1 !important;
    line-height: 1.2;
}

.portfolio_wrapper .portfolio-item .entry-title a {
    color: #1a1a1a;
    text-decoration: none;
}

.portfolio_wrapper .portfolio-item .title_wrapper {
    margin-bottom: 10px;
	margin-left: -20px;
}

.portfolio-item .desc-wrapper {
    display: block !important;
    width: 100% !important;           /* take full width of parent */
    max-width: 100% !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;   /* keeps it on one line */
    overflow: hidden !important;
    text-overflow: ellipsis !important;  /* shows ... if too long */
    margin-bottom: 5px !important;    /* space before title */
	margin-left: -20px;
}

/* Make Get in Touch use the site's Global Theme Colors */

/* Use the "Content" text color for titles */
.get_in_touch .title {
    color: var(--mfn-color-heading) !important;
}

/* Use the main "Link" color for links */
.get_in_touch a {
    color: var(--mfn-color-link) !important;
}

/* Use the "Link Hover" color for hover state */
.get_in_touch a:hover {
    color: var(--mfn-color-link-hover) !important;
}

/* Use the general "Body" text color for everything else */
.get_in_touch, .get_in_touch p {
    color: var(--mfn-color-text) !important;
}

/* Portfolio contact person design */
/* Shrink the container holding the image */
.portfolio-team-design .team.team_horizontal .image_frame {
    width: 37% !important; /* Reduced from default (~40%) */
    max-width: 150px;      /* Matches your image size */
    float: left !important;
}

/* Expand the container holding the text */
.portfolio-team-design .team.team_horizontal .desc_wrapper {
    width: 58% !important; /* Increased to give text more room */
    float: left !important;
    padding-left: 20px !important; /* Space between circle and text */
    text-align: left !important;   /* Ensures text stays left-aligned */
}

/* Force the title not to wrap */
.portfolio-team-design .team.team_horizontal .desc_wrappper_title {
    white-space: nowrap !important; 
    font-size: 20px !important;
}

/* Targeted background for the team box */
.portfolio-team-design .team.team_horizontal {
    background-color: #c30040; /* Pink */
    padding: 20px;
    margin-bottom: 20px;
}

/* Targeted white text for all elements inside */
.portfolio-team-design .team.team_horizontal .title,
.portfolio-team-design .team.team_horizontal .desc_wrappper_title,
.portfolio-team-design .team.team_horizontal .subtitle,
.portfolio-team-design .team.team_horizontal .desc {
    color: #FFFFFF !important;
}

/* Styles the horizontal line to be white as well */
.portfolio-team-design .team.team_horizontal hr.hr_color {
    background-color: #FFFFFF !important;
    opacity: 0.6;
}

/* Make the image smaller and circular */
.portfolio-team-design .team.team_horizontal .image_frame .image_wrapper {
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 0 auto;            /* Centers it if needed */
}

/* 1. "What are your travel plans?" */
.portfolio-team-design .team.team_horizontal .title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 2. "Your contact for Japan" */
.portfolio-team-design .team.team_horizontal .desc_wrappper_title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-top: 10px !important;
}

/* Keeps the links white and removes the underline */
.portfolio-team-design .team.team_horizontal .desc a.team-link {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 500;
}

/* Optional: Adds a slight fade when hovering */
.portfolio-team-design .team.team_horizontal .desc a.team-link:hover {
    opacity: 0.8;
    text-decoration: underline !important;
}