/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 28, 2016, 12:35:56 PM
    Author     : Filippo
*/

#fields_of_action{
    position: relative;
}

#fields_of_action a h2{
    margin: 0; color: #92999f;
}

#fields_of_action a:hover{
    text-decoration: none;
}

#foa_open{
    display: none;
}

#foa_close, #foa_open{
    color: white;
    position: absolute;
    right: 10px;
    top: 20px;;
}

#foa-buttons-container{
    color: white;
}


#foa-buttons-container a{
    color: white;
}

#foa-buttons-container a:hover{
    text-decoration: none;
    
}

#foa-buttons-container a:hover .foa_button{
    background-color: #555;
}

#foa-buttons-container{
    text-align: center;
    /*
    background-image: url("../assets/images/home/btn.jpg");
    background-size: cover;
    */
    padding: 0;
}
#foa-buttons-container .col-sm-3{
    height: 55px;
}

#foa-buttons-container .col-sm-3, #foa-buttons-container .row{
    margin: 0;
    padding: 0;
}

#foa-buttons-container .foa_button{
    height: 100%;
    vertical-align: middle;
    font-size: 20px;
}

#foa-buttons-container .col-sm-3 div{
    vertical-align: middle;
    height: 100%;
}

.discover-button{
    display: inline;
    position: absolute;
    right: 0;
    margin: 10px;
    background: #00bfff;
    padding:  5px 10px;
    border-radius: 20px;
    color: white;
}

.fields-of-action .field-element-col{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.field-img-container, .field-text-container{
    height: 250px;
    background-color: white;
}

.field-img-container img{
    position: absolute;
    left: 50%;
    object-fit: cover;
    min-width: 100%;
    max-width: 150%;
    height: 100%;
    overflow: hidden;
    transform: translateX(-50%);

}

.fields-of-action a:hover{
    text-decoration: none;
}

.fields-of-action h4{
    margin-top: 0;
}

@media (max-width: 991px){
    .field-img-container, .field-text-container{
        height: 330px;
    }
}

@media (max-width: 767px){
    .field-img-container, .field-text-container{
        height: 300px;
    }

    #foa-buttons-container{
        display: none;
    }
}

@media (max-width: 700px){
    .field-img-container, .field-text-container{
        height: 250px;
    }
}
@media (max-width: 767px){
    #foa-buttons-container .logo-color{
        color:inherit;
    }
    
    #foa-buttons-container .col-sm-3:nth-of-type(even) a{
        color: rgba(0,191,255,1.0);
    }
}

@media (max-width: 400px){
    .fields-of-action{
        font-size: 13px;
    }

    .discover-button{
        margin-top: 2px;
        margin-bottom: 2px;
    }
    
}


@media (max-width: 360px){
    .field-img-container, .field-text-container{
        height: 250px;
    }
    
    .fields-of-action{
        font-size: 11.5px;
    }
    
    .fields-of-action h4{
        font-size: 15px;
    }
}


@media (min-width: 992px){
    .fields-of-action .row:nth-child(even){
        text-align: right;
    }
}



.fields-of-action .field-text-container{
    padding: 15px;
}