@import "partials/colors.css";
@import "partials/fonts.css";

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html, body{
	margin: auto;
	
	width: 100%;
	height: 100%;
}

/* fonts settings */
h1, h2, h3, h4, h5{
    /*font-family: 'MinionPro-Regular';*/
    font-family: 'Archivo';
    font-weight: bold;
}

p, i, u, b, a, li, span{
    font-family: 'Archivo';
}

a{
    color: inherit !important;
}

/* generic */
.overlay{
    background-color: rgba(0,0,0, 0.7);
}

.transition{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/* content structure */
.section_table{
	margin: auto;
	width: 100%;
	height: auto;

	display: table;
	border-collapse: collapse;
}

.section_table.st_fixed{ table-layout: fixed; }
.section_table.st_full{ height: 100%; }

.section_table .section_row{ display: table-row; }
.section_table .section_cell{ display: table-cell; vertical-align: middle; }

.section_table .section_cell.sc_ta_start{ 	text-align: left; }
.section_table .section_cell.sc_ta_center{  text-align: center; }
.section_table .section_cell.sc_ta_end{ 	text-align: right; }
.section_table .section_cell.sc_va_start{ 	vertical-align: top; }
.section_table .section_cell.sc_va_center{  vertical-align: middle; }
.section_table .section_cell.sc_va_end{     vertical-align: bottom; }

.section_table .section_cell.st_content{ height: 100%; }

/* header */
#header .navbar-brand .logo{
    width: 100%;
    max-width: 15rem;
}

#header .navbar{ padding: 1.5rem 0 1.5rem 0; }
#header .navbar-nav .nav-item{
    margin-left: 1rem;

    font-weight: lighter;
    text-transform: uppercase;
}

#header .navbar-nav .nav-item:hover{ opacity: 0.8; }
#header .navbar-nav .nav-item.active{  }

/* footer */
#footer{ padding: 4rem 0rem 0rem 0rem; }
#footer .links{ padding: 0rem 0rem 3rem 0rem; }

#footer .logo{
    display: block;
    margin: 0rem 0rem 0.5rem 0rem;

    width: 100%;
    max-width: 10rem;
}

#footer a{ text-decoration: none; }
#footer p.item{ margin: 0rem 0rem 0.5rem 0rem; }
#footer .item.hover:hover{ opacity: 0.8; }
#footer .item i{ margin: 0rem 0.5rem 0rem 0rem; }

#footer .copyright{ padding: 1.5rem 0rem 1.5rem 0rem;}

/* sm down */ 
@media (max-width: 767.98px) {
    #footer .logo{ margin: 0 auto 0.5rem auto; }
    #footer .item i.social-icon{ margin: 0rem 0.5rem 0rem 0.5rem; }
}

/*
    // X-Small devices (portrait phones, less than 576px)
    @media (max-width: 575.98px) {  }

    // Small devices (landscape phones, less than 768px)
    @media (max-width: 767.98px) {  }

    // Medium devices (tablets, less than 992px)
    @media (max-width: 991.98px) {  }

    // Large devices (desktops, less than 1200px)
    @media (max-width: 1199.98px) {  }

    // X-Large devices (large desktops, less than 1400px)
    @media (max-width: 1399.98px) {  }

    // XX-Large devices (larger desktops)
    // No media query since the xxl breakpoint has no upper bound on its width
*/