/*
Theme Name: Asterium
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#menu-asterium .menu-item.menu-item-has-children.opened > .popup {
    top: 100%;
}
@media only screen and (min-width: 981px) and (max-width: 1366px){
    .header-col.header-left {
        max-width: 17% !important;
    }
    .header-col.header-right {
        width: 80% !important;
    }
    .tablex_box_custom .elementor-container.elementor-column-gap-no {
        display: inline-block;
    }
    .tablex_box_custom .elementor-widget-wrap.elementor-element-populated {
        padding: 10px 0;
    }
   .tablex_box_custom .elementor-column.elementor-col-50, .tablex_box_custom .elementor-column[data-col="50"] {
        width: 75%;
        margin-left: auto;
        margin-right: 15%;
    }
    .middle_box {width: 45% !important;}

    .left_box {width: 45% !important;}

    .tablex_box_custom {width: 20% !important;}
    .tablex_box_custom .elementor-element-populated {
        padding: 0 !important;
    }
    #header .main-menu {
        padding-top: 10px;
    }
    #header .main-menu > li.menu-item > a {
        padding: 15px 0px 15px 0px;
        font-size: 90%;
    }
    .header-bottom.header-has-center.main-menu-wrap .header-row .header-center{
        padding: 0;
    }
    .header-bottom.header-has-center.main-menu-wrap .header-row.container{
        flex-direction: column;
    }
    #header .main-menu .popup a, .side-nav-wrap .sidebar-menu .popup, .main-sidebar-menu .sidebar-menu .popup, .porto-popup-menu .sub-menu {
        font-size: 90%;
        font-weight: 500;
        line-height: 17px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 980px){
    .social_media .elementor-element-populated {
        flex-wrap: nowrap !important;
    }
    #header span.elementor-heading-title.elementor-size-default a, #header div.elementor-heading-title.elementor-size-default a {
        font-size: 70% !important;
    }
    #side-nav-panel {
        width: 35vw;
    }
    .accordion-menu .arrow {
        width: calc(35vw - 75%);
        margin-right: 8px;
        text-align: right;
    }
    .header-col.header-right .porto-block.elementor.elementor-753 {
        display: none;
    }
    #header .mobile-toggle {
        padding: 7px 0px 7px 13px
    }
    .intl-tel-input.allow-dropdown {
        max-width: 312px;
        margin: auto;
    }
}

@media (max-width: 987px){
    .single-portfolio .page-top {
        margin-top: 0 !important;
    }
}
@media (max-width: 786px){
    .intl-tel-input.allow-dropdown {
        width: 100%;
        margin: auto;
        max-width: 321px;
    }
    input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext{
        max-width: 321px;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px){ 
    .header-bottom.header-has-center.main-menu-wrap .header-col.header-right{
        display:  none;
    }
    .header-col.header-left {
        max-width: 20% !important;
    }
    .header-col.header-right {
        width: 85% !important;
    }
    .searchform-popup.search-popup{
        
    }
}
@media only screen and (min-width: 1921px) and (max-width: 2560px){ 
    .header-bottom.header-has-center.main-menu-wrap .header-col.header-right{
        display:  none;
    }
    .header-col.header-left {
        max-width: 15% !important;
    }
    .header-col.header-right {
        width: 85% !important;
    }
    .searchform-popup.search-popup{
        width: 20%;
    }
}
.elementor-widget-container details summary::marker {
    color: transparent;
}
.elementor-widget-container summary {
      cursor: pointer;
      outline: none; /* Remove default focus outline */
}
.elementor-widget-container summary ul {
    padding: 0px;
}
.elementor-widget-container  details[open] summary::after {
      content: 'citeste mai putin';    color: #000;
    text-decoration: underline;
    }

.elementor-widget-container  details summary::after {
      content: 'citeste mai mult ...';    color: #000;
    text-decoration: underline;
    }

.elementor-widget-container details {
      max-width: 100%; /* Adjust the max-width as needed */
    }
.elementor-widget-container   .scontent {
      display: none;
    }
.elementor-widget-container details[open] .scontent {
      display: block;
 }