//Variables
@color-red: #bd0000;
@color-bgblue: #19456a;
@color-blue: #1a466c;
@color-dark-blue: #06121c;
@color-dark-blue-text: #09263f;
@color-white: #fff;
@color-black: #000;
@medium-padding: 35px;

//Code

//*General
*{font-family: 'Roboto', sans-serif;}

@media (min-width: 768px) {
    .divider{border-right: 1px solid @color-white;}
}

//Helpers
.float-left{float: left;}
.padding-top{padding-top: 30px}

//Specifics
header{
    background: url(../img/bg-header.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    color: @color-white;
    
    .item-header{
        margin-top: 20px;
        font-weight: 300;
        font-size: 1.2em;
        i{font-size: 1.5em;}
    }
    
    .row-top-header{
        background-color: rgba(0,0,0,.2);
        padding: @medium-padding/4;
        margin-bottom: 10px;
        font-weight: 400;
    }
    
    p{margin: 0;}
    nav{
        *{color: @color-white!important;}
    }
    
    .icons{
        margin-top: 7.5px!important;
        .icon{
            margin-top: 5px;
        }
    }
}

section{
    article{   
        background-color: #f5f3f4;
        
        h2{
            font-weight: 200;
            margin-bottom: 20px;
            span{font-weight: 800;}
        }
        &.sobre{
            .padding-top;
            h4, h5{text-transform: uppercase;}
            color: @color-black;
//            p{.justify;}
            
            .squares{
                div{
                    margin-bottom: 15px;
                    .little-square{
                        margin-right: 10px;
                    }
                    h5{
                        margin-top: 0;
                    }
                }
            }
        }
        &.chamada{
            .padding-top;
            background-color: @color-bgblue;
            padding: 20px 0;
            *{color: @color-white;}
            h2{font-size: 1.8em;}
            .btn-edit{
                background-color: @color-dark-blue;
                border: 0;
                padding-right: 60px;
                padding-left: 60px;
                font-size: 0.6em;
                margin-left: 40px;
            }
        }
        &.onde{
            .padding-top;
            h2{
                color: @color-black;
                span{color: @color-dark-blue-text;}
            }
        }
        
        &.internal{
            .padding-top;
            padding-bottom: 30px;
            h1{
                font-weight: 100;
                margin-top: 0;
                span{font-weight: 600;}
            }
            p{
                font-size: 1em!important;
            }
            .galeria{
                img{margin-bottom: 25px;}   
            }
        }
    }
}

footer{
    
    .main-footer{
        background: url(../img/bg-footer.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: @medium-padding 0;

        img.logo-margin{margin-bottom: 20px!important;}
        h4{margin: 0 0 20px;}

        ul{
            padding: 0;
            list-style: none;
            li{padding-top: 8px;}
            &.list-links{
                li{
                    &:before{
                        content: "•";
                        margin-right: 10px;
                    }
                    a{
                        &:hover{
                            color: @color-white;
                            text-decoration: none;
                            border-bottom: 1px @color-white dotted;
                        }
                    }
                }
            }
        }
        *{color: @color-white;}
    }
    .border-footer{
        background-color: @color-dark-blue;
        padding: @medium-padding/4 0;
        p{
            margin: 0;
            color: @color-white;
        }
    }
}

//Bootstrap Edits
.navbar-default{
    border: none;
    border-radius: 0px;
    background: none;
    margin: 0;
}

#map {
    display: block!important;
    width: 100%!important;
    height: 500px!important;
}

#map {
    background: #58B!important;
}

.myspy{
	@media only screen and (min-width:1200px){
		position: sticky!important;
    	top: 15px;	
	}
}

.lateral-form{ 
	
    padding: 20px;
    border: 1px solid #bbb;
    h3{margin: 0;}
}

form{
    input{margin-bottom: 10px;}
    textarea{margin-bottom: 10px;}
    .btn-expand{width: 100%;}
}


/* Large devices (large desktops,  and up) */
@media (min-width: 1200px) {
    .navbar-nav {
        width: 100%;
        text-align: center;
        > li {
            float: none;
            display: inline-block;
            
        }
    }
}


figure{
    margin-bottom: 30px;
    figcaption{
        @border: 1px solid rgba(0,0,0,.2);
        border-bottom: @border;
        border-left: @border;
        border-right: @border;
        background-color: #fff;
        padding: 10px 0;
    }
}

a figure{transition: all 0.2s ease-in-out;}

a:hover figure{
    -webkit-box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.3);
}

.banner-sub{
    margin-bottom: 50px;
    img{
        max-width: 100%;
    }
}
.commom-list{
	margin-top: 30px!important;
}