@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Source+Sans+3:wght@300;400;500&display=swap');


html,body{width:100%; height:100%; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; touch-action:pan-y;}

body{padding-top:63px; font-family:'Source Sans 3', sans-serif; font-size:1.15rem; font-weight:300; font-style:normal; color:#000; overflow-x:hidden; background-color:#EAEEF1;}
body.homepage{background-size:cover; background-position:center center;}
body.noScroll{overflow:hidden;}

.showCursor{cursor:pointer;}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

a:link,a:hover,a:visited,a:active{text-decoration:none;}

.h-1{height:1%;}

.lh-1{line-height:1;}

.w-33{width:calc(100% / 3);}

/*colors*/
::-moz-selection{color:#FFF; background:#000;}
::selection{color:#FFF; background:#000;}

:root{--main-color:#1B3D69;}
:root{--secundary-color:#A7BEE2;}

.bg-main{background-color:var(--main-color);}
.bg-secundary{background-color:var(--secundary-color);}

/*headings*/
h1,h2,h3{font-family: 'PT Serif', serif; font-weight:400;}

.btnContent{padding:10px 15px 9px 15px; display:inline-block; color:var(--main-color); font-weight:400; line-height:1; border:solid 1px var(--main-color); transition:all .25s linear;}

.text-intro{font-weight:400;}

/*header & footer*/
.header{box-shadow:0px 3px 3px 0px rgba(0,0,0,0.15);}
.header img{height:30px;}
.header .btnContent{font-size:.85rem; border-width:1px;}

.footer a{color:#FFF;}
.footer img{height:12px; top:-1px;}
.footer .d-table{text-decoration:none;}


/*homepage*/
.homepageImg{background-size:cover; background-position:center center;}

.homepageImg.d-table .d-table-row:last-child{height:1%; line-height:1;}
.homepageImg.d-table img{height:30px;}

/*content*/
.content{box-shadow:0px 0px 15px 0px rgba(0,0,0,0.25);}

/*projects*/
.projectCompact{box-shadow:0px 0px 15px 0px rgba(0,0,0,0.25);}
.projectCompact h3{font-size:1.4rem;}
.projectCompact p{text-align:justify; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.projectCompact p:after{content:'...';}
.projectCompact .btnContent{font-size:1rem; font-weight:500;}

.projectHeader{height:50%; background-size:cover; background-position:center center;}

/*offline*/
.offlineContent{background-color:#EAEEF1;}
.offlineContent{font-weight:400; line-height:1.5; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);}

@media(max-width:576px){
/*header & footer*/
.header .btnContent{padding:10px 8px 9px 8px; font-size:.80rem; border-width:1px;}


.footer .d-table .d-table-row .d-table-cell:first-child{text-align:center;}
.footer p{padding-left:12px;}

/*homepage*/
.homepageImg.d-table{font-weight:400;}

/*offline*/
.offlineContent .d-table{display:block!important;}
.offlineContent .d-table-row{display:block!important;}
.offlineContent .d-table-cell{display:block!important; text-align:center!important;}

}

@media(min-width:768px){
body{padding-top:82px;}
/*header & footer*/
.header img{height:50px;}
}

@media(min-width:992px){
.btnContent:hover{color:#FFF; background-color:var(--main-color);}
}

@media(min-width:1200px){

}

@media(min-width:1400px){

}