/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.page-header.portfolio .breadcrumbs li:before {
    content: "•";
    position: absolute;
    color: #000;
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 4px;
    left: 1px;
    top: 7px;
}

.page-header.portfolio {
	background-image: none;
}

.page-header.portfolio:before {
	background: transparent;
}

.page-header.portfolio h1 {
	color: #000;
	text-transform: uppercase;
}
.page-header.portfolio .breadcrumbs li a {
	color: #000;
	text-transform: uppercase;
}

.page-header.portfolio .breadcrumbs li.active {
	color: #000;
}	


.projects-grid .projects-box .portfolio-info {
    position: static;
    opacity: 1;
    background: transparent;
    margin-top: 20px;
}

.projects-grid .projects-box {
   
    margin: 0 30px 30px 0;
}

.projects-grid .projects-box .portfolio-info h5 a{
    color: #000;
}

.projects-grid .projects-box .portfolio-info .portfolio-cates a,
.projects-grid .projects-box .portfolio-info .portfolio-cates a:hover {
    color: #999;
}
.wpcf7-list-item {
    display: flex; /* Ensures the checkbox and text are aligned horizontally */
    align-items: center; /* Vertically aligns the checkbox and text */
    margin-left: 0;
}

.wpcf7-list-item-label {
    white-space: nowrap; /* Prevents the text from wrapping to the next line */
    max-width: 100%; /* Ensures the text takes up the available space */
}

.wpcf7-form-control-wrap {
    display: block; /* Ensures the form field doesn't constrain the width */
    width: auto; /* Allows the label and input to adjust to content */
}
.sub-menu .menu-item>a span,
#header-custom-color .sub-menu .menu-item>a span,
#header-custom-color .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse)>a>span{
	color: #fff!important;
}

#header-custom-color .sc_layouts_menu_nav .menu-collapse>a:before {
	color: #000!important;
}