/*Theme Name: Beffort | Digital Company

Theme URI: https://www.beffort.it

Description: Beffort | Digital Company

Author: Beffort | Digital Company

Author URI: Beffort | Digital Company

Text Domain: Beffort | Digital Company

Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


/* UX code  */
.uxtt_blog_2025 .Uxblog_filter {
    max-width: 1280px !important;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 10px;
}
select#blog-category-dropdown {}

.uxtt_blog_2025 .Uxblog_filter .blog-category-filter::after {
    content: '';
    background-image: url(https://www.beffort.it/wp-content/uploads/2025/08/arrow.png) !important;
    position: absolute;
    top: 24px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    transform: translate(0px, 0px);
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter select#blog-category-dropdown {
    background-color: white;
    outline: none;
    /* iOS Safari fix */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none;
    border: 1px solid black !important;
    position: relative;
   
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter {
    background: white !important;
    position: relative;
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter select#blog-category-dropdown option {
    background: white;
    color: black;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form input[type="text"] {
    padding: 0px 0px 0px 0px;
    border: none;
    border-bottom: 1px solid black;
    font-size: 18px;
    line-height: 1.1;
    color: black;
    outline: none;
    /* iOS Safari fix */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form .btnsubmit {
    padding: 24px 12px;
    font-size: 18px;
    line-height: 1;
    background: transparent;
    border-radius: 50px;
    border: 1px solid black;
    transition: .5s ease;
    height: 68px;
    /* iOS Safari fix */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    color: black;
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter select#blog-category-dropdown {
    width: 100%;
    height: 68px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: none;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form .btnsubmit:hover {
    background: #559601 !important;
    border-color: #559601 !important;
    color: white;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form input[type="text"]:focus, .uxtt_blog_2025 .Uxblog_filter .blog-search-form input[type="text"]:hover, .uxtt_blog_2025 .Uxblog_filter .blog-search-form input[type="text"]:active {
    border-color: #559601 !important;
}
.no-posts {
    padding: 10px 20px !important;
    margin-top: 30px;
    border-left: 2px solid red;
    color: red !important;
    font-size: 20px;
    line-height: 1.2;
}
.uxtt_blog_2025 .tt-row #blog-list {
    margin-top: 50px;
}
/* Ux code  */









.wp-caption{
	margin-bottom: 1.75em;
	max-width: 100%;
}
.wp-caption-text{

	opacity: 1;

	visibility: visible;

	-webkit-transition: opacity 0.24s ease-in-out;

	-moz-transition: opacity 0.24s ease-in-out;

	transition: opacity 0.24s ease-in-out;

}
.pagination-container {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pagination-container .page-numbers {
    font-size: 16px;
    line-height: 1;
    color: #000000;
    font-family: 'Atlassian Sans';
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000014;
    border-radius: 5px;
    transition: .3s ease;
}

.pagination-container .page-numbers.current, .pagination-container .page-numbers:hover {
    background: #95cf4a;
}

.pagination-container .page-numbers.next, .pagination-container .page-numbers.prev {
    width: auto;
    height: auto;
    background: transparent;
}

.pagination-container .page-numbers.current {}
.sticky{

	color: #000;

}

.gallery-caption{

	opacity: 1;

	visibility: visible;

	-webkit-transition: opacity 0.24s ease-in-out;

	-moz-transition: opacity 0.24s ease-in-out;

	transition: opacity 0.24s ease-in-out;

}

.bypostauthor{

	color:#fff;

}

.alignleft{

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}

.alignright{

    display: block;

    float: right;

    margin-left: 20px;

    margin-bottom: 20px;

	clear:both;

}

.aligncenter{

    margin-left: auto;

    margin-right: auto;

    display: block;

    clear: both;

    margin-bottom: 20px;

}

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important;

}

.screen-reader-text:focus {

	color:#000;	

}

.wp-block-image.alignfull img, 

.wp-block-image.alignwide img {

    width: 100%;

}

.tt-blog-post-tags{

	clear:both;

}

.usabilita a {

       background:none !important;

    color: #fff !important;

    border: 1px solid #fff !important;

    padding: 25px;

    padding-left: 50px;

    padding-right: 50px;

    margin-top: 10px !important;

    margin-bottom: 0px;

    font-size: 15px !important;

    font-weight: 600 !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-family: Oswald, sans-serif !important;

    opacity: 1 !important;

    font-style: normal !important;

}

.usabilita a:hover {

    background-color: #559601 !important;

    border: 1px solid #559601 !important;

    color: #fff !important;

    padding: 25px;

    padding-left: 50px;

    padding-right: 50px;

}

.single-portfolio h1  {

text-transform:inherit !important;

    font-size: clamp(38px, 5vw, 82px) !important;

}

.single-portfolio h2.tt-heading-title  {

text-transform:inherit !important;

font-size: calc(24px + 0.5vw) !important;

}

.single-portfolio h3.tt-heading-title  {

text-transform:inherit !important;

font-size: calc(24px + 0.5vw) !important;

}

.page-id-5770 .page-header-inner {

padding-bottom:0px !important;

}

.single-portfolio .ph-caption-description {

margin-top:0px !important;

}

.single-portfolio .tt-scroll-down {

    position: absolute;

    bottom: 12%;

    left: 5%;

    z-index: 9;

}



.single-portfolio .tt-next-project {

display:none !important;

}

.page-id-5770 .pgi-category ~ .pgi-category:not(:empty)::before {

    content: "| ";

    margin-left: 10px !important;

}

.page-id-5770 .pgi-categories-wrap {

    margin-top: 0px !important;

}

#progetto-dettaglio .elementor-widget-container  { 

float:left !important;

}





/* Responsive css ux  */
@media(max-width: 1366px){
    .uxtt_blog_2025 .Uxblog_filter {
        padding: 0 0%;
        max-width: 95% !important;
    }

    .uxtt_blog_2025 .tt-wrap.max-width-900 {
        max-width: 95% !important;
        margin: 0 auto !important;
    }
.uxtt_blog_2025 .tt-row #blog-list {
    margin-top: 0;
}
    .uxtt_blog_2025 .tt-wrap.max-width-900 .tt-row {
        margin: 0 !important;
        flex-direction: column;
    }

    .uxtt_blog_2025 .tt-row #blog-list .no-posts {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    .tt-section.custWhiteSectionBg.uxtt_blog_2025 {
    padding: 30px 0 !important;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form {
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form .btnsubmit {
    padding: 12px;
    height: auto;
    font-size: 16px;
    background: #95cf4a;
    color: black;
    border: 1px solid #95cf4a !important;
}
.uxtt_blog_2025 .Uxblog_filter .blog-search-form input[type="text"] {
    font-size: 16px;
}
.Uxblog_filter {
    gap: 20px !important;
    margin-bottom: 0px !important;
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter select#blog-category-dropdown {
        padding: 12px;
        height: auto;
        font-size: 16px;
        background: black;
        color: white;
    }
    .uxtt_blog_2025 .Uxblog_filter .blog-category-filter::after {
    filter: invert(1);
}
.uxtt_blog_2025 .Uxblog_filter .blog-category-filter::after {
    top: 8px;
    width: 14px;
}
.uxtt_blog_2025 .Uxblog_filter {
    grid-template-columns: 1fr !important;
    gap: 40px;
    margin-bottom: 30px;
}.page-template-blog #blog-list {
    margin: 0 !important;
}
    .page-template-portfolio #page-header .page-header-inner, body.ph-image-on.ph-bg-image-on #page-header .page-header-inner { 

margin-bottom: 40vw !important;

}

.page-template-portfolio .tt-section {

padding-top:0% !important;

}

.single-portfolio  .tt-section.tt-padding-enable {

padding-top:0px !important;

}

.single-portfolio  .tt-section {

padding-top:0px !important;

margin-top:0px !important;

}

.single-portfolio  .tt-section.tt-padding-enable {

padding-left:20px !important;

padding-right:20px !important;

}

.single-portfolio .elementor-top-section { 

padding-top:0px !important;

}

.page-id-5770 .pgi-caption { 

padding-top:5px !important;

margin-top:0px !important;

}

.page-id-5770 #page-header { 

margin-bottom:-50px !important;

}


.apri-messaggio  { 

z-index:99999999999 !important;

}