@import url("globals.css");

/************ Global styles ************/
*:disabled, *:disabled:hover {
    cursor:not-allowed !important;
}
div, span, body, .container, h1, h2, h3, h4, h5, h6, p {
    font-family:'open_sansbold', Arial, sans-serif !important;
    cursor: default;
}
button, input[type="button"], input[type="submit"], .btn, .normalBtn, .highlightBtn {
    font-family:'RobotoBoldCondensed', Arial, sans-serif !important;
    font-weight:bold;
    text-align:center;
    cursor:pointer !important;
}
body {
    background:var(--background);
    padding-top:64px;
}
body, span, p, h1, h2, h3, h4, h5, h6, a {
    text-shadow:none;
    color:var(--text) !important;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:8px;
    margin-bottom:8px;
    font-weight:bold;
    text-align:center;
    width:fit-content;
    margin-left:auto;
    margin-right:auto;
}
section {
    padding-top:3rem;
    border-top:1px solid var(--backgroundHover);
}

/************ Smooth transitions ************/
.smooth, .smooth-lg, .smooth-trans, h1, h2, h3, h4, h5, h6, div, span, a, p, i, li, button, input[type="button"], input[type="submit"], .carouselLogo {
	transition:all 0.3s ease-in 0s !important;
	-ms-transition:all 0.3s ease-in 0s !important;
	-webkit-transition:all 0.3s ease-in 0s !important;
	-moz-transition:all 0.3s ease-in 0s !important;
	-o-transition:all 0.3s ease-in 0s !important;
}

/************ Hover scaling ************/
.smooth:hover, .smooth-hoverscale, h1:hover, h2:hover, i:hover {
	-moz-transform:scale(1.05) !important;
	-webkit-transform:scale(1.05) !important;
	-o-transform:scale(1.05) !important;
	transform:scale(1.05) !important;
}
.smooth-lg:hover {
    -moz-transform:scale(1.15) !important;
	-webkit-transform:scale(1.15) !important;
	-o-transform:scale(1.15) !important;
	transform:scale(1.15) !important;
}
/************ Hover color/outline ************/
.smooth:hover, .smooth-lg:hover, .smooth-hoverfx, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, p:hover, a:hover, span:hover {
	color:var(--textHover) !important;
	text-shadow:-1px 0 var(--highlightHover), 0 1px var(--highlightHover), 1px 0 var(--highlightHover), 0 -1px var(--highlightHover);
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /************ Hover scaling ************/
    .smooth:hover, .smooth-hoverscale, h1:hover, h2:hover, i:hover {
        -moz-transform:scale(1.1) !important;
        -webkit-transform:scale(1.1) !important;
        -o-transform:scale(1.1) !important;
        transform:scale(1.1) !important;
    }

    .smooth-lg:hover {
        -moz-transform:scale(1.2) !important;
        -webkit-transform:scale(1.2) !important;
        -o-transform:scale(1.2) !important;
        transform:scale(1.2) !important;
    }
}