/* ===================================================================================

* Theme Name: Bentofolio Child
* Theme URI: https://eaglestheme.com/wp/supex/
* Author: Marvel_Theme
* Author URI: https://themeforest.net/user/marvel_theme
* Description: Bentofolio - Personal Portfolio WordPress Theme
* Version: 1.0.0
* Template: bentofolio
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.logo img {
    max-width: 210px !important;
    padding: 5px 5px;
}

.social-media-icon ul li a svg{
  transition: all 0.3s linear;
}
.social-media-icon ul li a svg:hover {
    color: #4770FF;
    transform: scale(1.1);
    transition: all 0.3s linear;
    opacity: 0.5;
}

.text-area-content textarea {
    border-radius: 8px;
    padding: 16px 24px;
    border: 1px solid var(--border);
    font-size: 16px;
    font-weight: 400;
    color: var(--light-black);
    width:100%;
    height: 120px;
}
.text-area-content span{
  width: 100%;
}

@media only screen and (max-width: 767px){
	.portfolio-item .visite-btn {
    text-align: right;
}

.header-area .menu-container {
     padding: 10px 18px 10px 18px;
}

.logo img {
    max-width: 170px !important;
    padding: 5px 5px;
}
}

@media only screen and (min-width: 1400px){
.common-button-groups {
    display: flex;
}
}