/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap');


.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    min-height:100%;
    display:flex;
    flex-direction:column;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

@media screen and (max-width: 600px) {

    .body{
        overflow-x:hidden;
        width:98% !important;
    }
    .container{
        overflow-x:hidden;
    }
    .results, .resultsrow, .resultsitem {
        font-size: 14px !important; 
    }

    .no-break {
        word-break: keep-all;
        white-space: normal;
    }

    .mobileView {
        border-bottom:1px solid black;
    }

    .mobilecenter{
        text-align:center;
    }
}

/* Responsive: Under portrait tablets */
@media screen and (max-width: 768px) {
    .body-content {
        padding: 0;
    }
    .searchbar {
        width:80% !important;
    }
    .searchbtn {
        width: 70% !important;
    }

    .mobileadjust {
        flex-direction:column !important;
        height:100% !important;
    }

    .mobileadjustbtns{
        width:150% !important;
    }

    .mobilespacing {
        height:15%;
    }

    .hideonmobile {
        height:0px !important;
        display:none !important;
    }

    .centeronmobile {
        align-content:center;
        justify-content:center;
        text-align:center;
    }

    .header-img {
        height: 100%;
        padding: 0px 0px 0px 0px !important;
    }
 
    .fontShrink {
        font-size: 12px !important;
    }
    .resultsrow {
        display: flex;
        flex-direction: row;
        width:100%;
    /*   font-size: 14px !important;*/
    }

    .resultsitem {
        width: 100%;
        text-align: right;
    }
    .part {
        text-align:right;
        width:max-content;

    }
    .description {
        text-align:left;
        width:max-content;
    }
}

.setFont {
    font-family: "Montserrat", sans-serif;
}

.custom-header {
    background: linear-gradient(290deg, #fafafa, #f0f0f0);
    max-height:10%;
    height:80px;
    display:flex;
    flex-direction:column;
    width:100%;
}

.header-img {
    height:100%;
    padding: 0px 0px 10px 50px;
}

.full-width-container{
   
}

.results {
  font-size:18px;
  max-width:fit-content;
  align-items:center;

}

.resultsrow {
    font-size: 18px;
}

.resultsitem {
    font-size: 18px;
}

.row {
    display:flex;
    flex-direction:column;
    align-content:center;
    text-align:center;
    align-items:center;
  
}

.searchbtn {
    font-size:19px;
    line-height: 1.07 !important;
    font-weight:600;
    border-radius: 0.3em;
    padding: 0.5em 0.5em;
    background: #9f1f64;
    color: #ffffff !important;
    border-color:transparent;
    width:fit-content;
    margin-bottom:15px;
    
}

.searchFlex {
    display:flex !important;
    flex-direction:row;
    justify-content:center;
    align-content:center;
    width:100%;
    align-items:center;
}

.secondarybtn {
    font-size: 19px;
    line-height: 1.07 !important;
    font-weight: 600;
    border-radius: 0.3em;
    padding: 0.5em 0.5em;
    background: transparent;
    color: #2075BC;
    border-color: #2075BC;
    width: fit-content;
    height:fit-content;
}

.footerbtn {
    padding-left:5px;
    padding-right:5px;
    margin-left:5px;
    margin-right:5px;
}

.searchbar {
    width:40%;
}

.resultsbox {
    display:flex;
    justify-content:space-evenly;
    flex-direction:column;
}
.part {
    width:fit-content;
}

.description {
    text-align:center;
    width:fit-content;
}

.linkscontainer {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    height:10%;
    align-items:center !important;
}

.left-links {
    display: flex;
    align-items: center;
}

.right-tagline {
    margin-left: auto;
    color: white;
    padding-right: 5%;
    text-align: right;
}

h1 {
  
    text-align:center;
    font-family: "finalsix", sans-serif;
    color:#ffffff;
    border-radius:35px !important;
    background: #009621 !important;
    padding: 15px 20px 14px 20px !important;
    margin-bottom:15px;
    width:fit-content;
}
h2 {
    text-align: center;
    font-family: "finalsix", sans-serif;
    margin-top:15px;
    margin-bottom:2%;
}
h3 {
    text-align: center;
    font-family: "finalsix", sans-serif;
    margin-top:15px;
    margin-bottom:20px;
    margin-bottom:2%;
}
h4 {
    text-align: center;
    font-family: "finalsix", sans-serif;
    margin-top: 15px;
    margin-bottom: 3%;
}

.th {
    font-weight:bold;
}

a {
    color:#000000;
    text-decoration:none;
}