/*This is to import a font for most pages set of FAQ*/
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&family=Lobster&family=Mukta:wght@200;300;400;500;600;700;800&family=Noto+Sans+Telugu:wght@100..900&family=Oswald:wght@200..700&family=Tangerine:wght@400;700&display=swap');
/*This is to set all the padding and maring at 0*/
* {
    padding: 0;
    margin: 0;
}
/*This is for the background color and so set the custom font*/
body {
    background-color: rgb(241, 233, 220);
    font-family: "Mukta", sans-serif,"Times New Roman";
    font-weight: 600;
    font-style: normal;
}
/*This is for a boarder and a container to keep all the information in*/
.container {
    background-color: rgb(241, 233, 220);
    border: 4px solid rgb(100, 66, 66);
    width: 80%;
}
/*This is to color the nav the same color as the border*/
nav {
    background-color: rgb(100, 66, 66);
}
/*This is for formating the bootstrap element that is on the destinations page*/
.accordion-button {
    background-color: rgb(211, 179, 125);
    padding-top: 0;
    flex-direction: column-reverse;
}
/*This is used throughout all the pages for some bottom padding*/
figure {
    padding-bottom: 2px;
}
/*Set the text white and give it border color of the container*/
footer {
    background-color: rgb(100, 66, 66);
    color: white;
}
/*For the warning sign*/
svg {
    background-color: red;
}
/*Adjust the background color of the bs component*/
.list-group-item {
    background-color: rgb(211, 179, 125);
}
/*This is for the link in the footer so that it doesnt change when clicked on*/
footer div a, footer div a:visited {
    color: white;
}
/*This is for the link to turn yello when pointer over it*/
footer div a:hover {
    color: rgb(253, 249, 142);
}
/*This is for the contact form to have a text*/
.form-select {
    font-size: larger;
}
/*This is for the selection or selections of destination when it is not selected*/
.btn {
    background-color: grey;
    border: grey;
}
/*This is formatting for the submit and reset buttons on the contact form */
.buttons {
    background-color: #0d6efd;
    color: white;
    border-radius: 7px;
    font-size: large;
    width: 12.5%;
    padding: 9px;
}
/*This is to format the radio buttons in the cotnact form*/
.form-check {
    padding-bottom: 10px;
}
/*To make the images look better when screen size alters*/
img.imgclass {
    width: 100%;
    height: auto;
}
img.imgclass2{
    width: 50%;
    height: auto;
}
/*To make the logo a right size and to have the backgorund blend in with the photo*/
header {
    background-color: rgb(241, 233, 220);
    text-align: center;
}
/*On eof the pictures in the accordion was wierd so this helped format it*/
.picturehelper {
    padding-bottom: 10px;
}
/*To help identify the scale becasue of the light background*/
.form-range {
    background-color: black;
}

/*Media screen for halfway*/
@media only screen and (max-width  : 1600px) {
    /*To make sure button is looking normal*/
    .buttons{
        width: auto;
    }
    /*To make sure contianer covers whole screen*/
    .container {
        width: 100%;
        
    }
}
/*For responsive mode*/
@media only screen and (max-width  : 600px) {
    /*Remove borders for better mobile look*/
    .container {
        border: none;
    }
}