/*
Theme Name: hello.clean
Version: 1.0
Author: hello. digital - Leandro Guedes
Author URI: https://helloagdigital.com/
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --bs-primary-rgb: 84, 106, 193;
    --bs-heading-color: #2C2C2C;

    --bs-light-rgb: 244, 244, 244;

    --primary: #546AC1;
    --text: #2C2C2C;

    /* Button */
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #546AC1;
    --bs-btn-border-color: #546AC1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF3150;
    --bs-btn-hover-border-color: #FF3150;
    /* --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd; */
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
  
*,
*::before,
*::after {
    box-sizing: border-box; /* 3 */
}

html,
body {
    font-size: 17px;
    /* background-color: white; */
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    /* font-size: 1rem; */
    /* line-height: 1.4em; */
    font-weight: 400;
}

a {
    text-decoration: none;
    color: var(--primary);
}

strong {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1 {
    font-size: 35px;
}


h2 {
    font-size: 18px;
}

.form-control {
    border: 2px solid #E7E7E7;
    background-color: #FFFFFF;
}

.form-control-lg {
    border: 4px solid #E7E7E7;
    height: 65px;
}

.btn {
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 700;
}

.btn-lg {
    height: 65px;
}

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #546AC1;
    --bs-btn-border-color: #546AC1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF3150;
    --bs-btn-hover-border-color: #FF3150;
}

.btn-secondary {
    --bs-btn-color: #546AC1;
    --bs-btn-bg: #FFFFFF;
    --bs-btn-border-color: #FFFFFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF3150;
    --bs-btn-hover-border-color: #FF3150;
    height: 100%;
    padding: 5px 20px;
}

.bg-library {
    background: linear-gradient(0deg, rgba(84, 106, 193, 0.89), rgba(84, 106, 193, 0.89)), url(img/bg-biblioteca.jpg);
}

.box-result {
    padding: 20px 25px;
    border-radius: 25px !important;
}

.box-location {
    border-radius: 10px !important;
}

    .box-location .badge {
        text-transform: uppercase;
        font-size: 17px;
    }

    .box-location .location-title {
        font-size: 20px;
        letter-spacing: -1px;
        color: var(--primary);
        font-weight: 700;
        line-height: 1.2em;
    }

@media screen and (min-width: 992px) {
    .w-md-70 {
        width: 70%;
    }

    .box-result {
        padding: 40px 55px;
    }

    h1, h2, h3, h4, h5, h6 {
        letter-spacing: -1px;;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 26px;
        letter-spacing: -1px;
    }

    .box-location .location-title {
        font-size: 24px;
        letter-spacing: -1px;
    }
}

@media screen and (max-width: 762px) {
    .logo {
        width: 60%;
    }
}

.subjects {
    columns:1;
    line-height: 35px;
}

@media screen and (min-width: 762px) {
    .subjects {
        columns: 2;
        line-height: 35px;
    }
}