$celeste:#5AA5D5;
$celeste-scuro:#5499C5;
$giallo:#F6C928;

// ******************************************************

// variabili bootstrap
$grid-gutter-width: 10px;

$border-radius: 0;
$border-radius-lg: 0;
$border-radius-sm: 0;



// bootstrap

@import "bootstrap4.3.1/scss/functions";
@import "bootstrap4.3.1/scss/variables";
@import "bootstrap4.3.1/scss/mixins";
//@import "bootstrap4.3.1/scss/grid";



@font-face {
	font-family: 'icomoon';
	src: url('/source/icomoon.eot?b52ngp');
	src: url('/source/icomoon.eot?b52ngp#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?b52ngp') format('truetype'), url('/source/icomoon.woff?b52ngp') format('woff'), url('/source/icomoon.svg?b52ngp#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="icon-"],
[class*=" icon-"], .imagelightbox-arrow:before, .mr_send_button_wrapper:before, .btn-success:after, .field_button_min:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align:middle;
	display:inline-block;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-right-arrow:before {
  content: "\e907";
}



body {
	margin: 0;
	padding: 0;
}

.titolo-gruppo{

    margin-bottom:25px;
    font-weight:600;

}

.blk-gruppo{
    
    @include media-breakpoint-down(sm) {
        
        padding:0 15px !important;
    
    }

}

.box-gruppo{

    width:20%;
    max-width:20%;
    background-color:$celeste;
    text-align:center;
    
    @include media-breakpoint-down(sm) {
    
        width:100%;
        max-width:100%;
        margin-top:5px;
    
    }
    
    
    &:first-child{
        
        border-left:none;
    
    }
    
    a{
        
        display:block;
        color:#fff;
        -webkit-transition: all 400ms ease;
    	-moz-transition: all 400ms ease;
    	-ms-transition: all 400ms ease;
    	-o-transition: all 400ms ease;
    	transition: all 400ms ease;
        
        .txt{
            
            padding:0 15px;
            padding-top:60px;
            font-size:18px;
            border-left:1px solid #fff;
            height:290px;
            position:relative;
            
            
            
            @include media-breakpoint-down(md) {
                
                padding-top:30px;
                font-size:16px;
                height:240px;    
            
            }
            
            @include media-breakpoint-down(sm) {
                
                height:220px;
            
            }
        
            h4.titolo-struttura{
                
                text-transform:uppercase;
                margin-bottom:15px;
                font-size:18px;
                line-height:1.4;
                
                @include media-breakpoint-down(md) {
                    
                    font-size:16px;
                
                }
            
            }
            
            .arrow{
            
                font-size:13px;
                padding:25px 15px;
                background-color:$celeste-scuro;
                position:absolute;
                right:0;
                left:0;
                bottom:0;
                -webkit-transition: all 400ms ease;
            	-moz-transition: all 400ms ease;
            	-ms-transition: all 400ms ease;
            	-o-transition: all 400ms ease;
            	transition: all 400ms ease;
            
            }
            
            
        
        }
        
        
        &:hover{
            
                .arrow{
                    
                    background-color:$giallo;
                    
                }
            
        }
        
        
    }
    

}