/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

p {
    text-align: justify;
    line-height: 24px;
    margin-bottom: 20px;
}

#competenze .iconlist-timeline {
    display: none !important;
}

#competenze .avia-icon-list .iconlist_icon {
    height: 36px;
    width: 36px;
    line-height: 26px;
    font-size: 30px;
    margin-right: 8px;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


#professionisti .av-special-heading  {
    margin-top: 15px;
    margin-bottom: 10px;
}
#professionisti .av-special-heading h2  {
    font-size: 17px;
    font-weight: bold;
}



#professionisti {
    margin-bottom: -50px;
}
#professionisti .avia-image-container img {
    max-width: 300px;
}
#professionisti .avia-button-wrap  {
    margin-bottom: 70px;
}



#professionista .flex_column.av_one_fourth h4 {
    margin-top: -30px;
    margin-bottom: 0;
    font-weight: bold;
}

#professionista .av-subheading a {
    color: #23282d; 
    text-decoration: underline; 
    font-size:13px;
}

#professionista .flex_column.av_one_fourth img {
    border: 2px solid #fff;

    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.23);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.23);
}


#professionista .flex_column.av_one_fourth a {
    color: #666 !important;
}
#professionista .flex_column.av_one_fourth .current-menu-item a  {
    color: #222 !important;
}




#socket .copyright {

    text-align: center;
    width: 100%;
    padding: 10px;
    opacity: 0.75;
    font-size: 11px;
    letter-spacing: 1px;
}





.hr-custom span {
    border-color: #3cb24f !important;
}
.iconlist_icon span {
    color: #3cb24f !important;
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

    .desktop-view
    {display: block;}
    
    .mobile-view
    {display: none;}
    
    /*
    .extra-header {
        position: absolute;
        right: 0;
        top: 0px;
        top: 24px;
    }
    .extra-header .iconbox_content {
        float: right;
    }
    */
    .extra-header .iconbox_content {
        margin-top: 35px;
    }
    #extra_header_1 .iconbox_content {
        float: left;
    }
    #extra_header_2 .iconbox_content {
        float: right;
    }
    .extra-header .iconbox_content h3 {
        font-size: 14px;
        position: relative;
        top: 4px;
        text-align: right;
    }
    
    .extra-header .iconbox_content.icon_tel {
        min-width:148px;
        margin-right: 50px;
    }
    .extra-header .iconbox_content.icon_tel .iconbox_icon {
        position: relative;
        left: 11px;
    }
    
    .extra-header .iconbox_content.icon_mail {
        min-width: 220px;
    }
    .extra-header .iconbox_content.icon_mail .iconbox_icon {
        position: relative;
        left: 8px;
    }
    
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 147px !important;
    }
    
    #header .av-main-nav > li > a {
        padding: 0 20px;
        border-right: 1px solid rgba(255,255,255,0.3);
    }
    #header .av-main-nav > li.menu-item-top-level-1 > a {
        border-left: 1px solid rgba(255,255,255,0.3);
    }
    
    #header .av-main-nav > li > a .avia-menu-text {
        font-weight: 300 !important;
    }
    #header .av-main-nav > li > a:hover {
        background-color: rgba(0,0,0,0.08) !important;
    }
    #header .av-main-nav > li.current_page_item > a {
        background-color: rgba(0,0,0,0.15) !important;
    }
    #header .av-main-nav > li.current_page_item > a .avia-menu-text {
        font-weight: 700 !important;
    }
    
    .logo img {
        max-height: 70px !important;
        margin-top: 15px;
    }
    
    .html_header_top.html_bottom_nav_header .main_menu > div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
        height: 42px;   
    }
    
    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
        height: 42px;
        line-height: 42px;
    }
    
    .sidebar .textwidget {
        margin-top: -200px;
    }
    
    #professionista .content {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #professionista .flex_column.av_three_fourth {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 50px;
        border-left: 1px solid #dedede;
        min-height: 850px;
    }
    
    #professionista .flex_column.av_one_fourth {
        /*margin-top: -250px;*/
        margin-top: 50px;
    }
     
     #professionista .av-subheading a {
        margin-bottom: 50px;
        display: block;
    }
    
}




/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
    .extra-header,
    .desktop-view,
    .phone-info,
    .menu-menu-professionisti-container
    {display: none;}
    
    .mobile-view
    {display: block;}
    
    #advanced_menu_toggle, #advanced_menu_hide {
        color: #3cb250;
        height: 44px;
        width: 44px;
        line-height: 42px;
    }
    
    .responsive .logo img {
        max-height: 70px;
        width: auto;
        margin: 20px 0;
    }
    
    #professionisti .avia-image-container.avia-align-center .avia-image-container-inner {
        max-width: 200px;
    }
    
    #professionisti .avia-button {
        margin: -5px auto 35px;
    }
    
    
    
}