/* This sets the page width, but stops the navbar from collapsing correctly */
.pagewidth {
    max-width: 970px;
}

/* Make the buttons line up with the page */
.navbar-adjust {
    margin-left: -15px !important;
}


/* Add a little padding if the screen is big */
.p-t-3 {
  padding-top: 3rem !important;
}

.italic{
    font-style: italic !important;
}


/* Remove the padding for mobiles */
@media (max-width: 767px) {
  .p-t-0 {
    padding-top: 0rem !important;
  }
  .no-side-padding{
      padding-left: 0rem !important;
      padding-right: 0rem !important;
  }
}

.left-margin {
    margin-left: 20% !important;
}

.top-bottom-margin {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

.brand-color{
    color: #258E25 !important;
}

/* This allows the quotes to be a different color to the brand if desired */
.quote-color{
    color: #258E25 !important;
}

/* Define style for large quote marks around testimonials */
.testimonial {
    /* Use a lighter green */
    color: #49D049;
    /* Set font */
    font-family: Bodoni MT;
    /* Set font size */
    font-size: 55px;
    /* Set the font to be italic */
    font-style: italic;
    /* Collapse the margin otherwise it takes up huge amounts of space here */
    margin: 0;
}

/* Define style for logo link so that it isn't a green button! */
#logolink {
    /* Set background colour for box around link */
    background-color: white;
    /* Set link text colour */
    color: #258E25;
    /* Set padding, i.e. how big the box is around the text. Height then width */
    padding: 0;
    /* Define how rounded the corners of the buttons are */
    border-radius: 10px;
    /* Set alignment of text in button */
    text-align: left;
    /* Remove underline */
    text-decoration: none;
    /* Need to check what this does */
    display: inline-block;
    /* Set font */
    font-family: Bodoni MT;
}

/* Define the style for the maintext division - this is what makes the center
   alignment work */
#maintext {
    color: black;
    clear: both;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

/* Define the style for the map */
#map {
    width: 100%;
    height: 200px;
    background-color: grey;
}

/* Define style for the aside which goes on the left, i.e. the side bit with the profile photo in */
#left_aside {
    float: left;
    margin: 0;
    max-width: 300px;
}

/* Define style for the aside which goes on the right, i.e. the side bit with the pictures of books in */
#right_aside {
    float: right;
    margin: 0;
    max-width: 300px;
}


/* Define style for right aligned section, i.e. the bit with the main text in it */
#right_section {
    float: right;
    margin: 0;
    max-width: 550px;
    padding: 0;
    overflow: hidden;
    color: black;
    font-size: 16px;
    font-family: Bodoni MT;
}

/* Define style for left aligned section, i.e. the bit with the testimonials in it */
#left_section {
    float: left;
    margin: 0;
    max-width: 550px;
    overflow: hidden;
    color: black;
    font-size: 16px;
    font-family: Bodoni MT;
}


footer {
    padding: 1em;
    color: #258E25;
    clear: left;
    text-align: center;
    font-family: Bodoni MT;
    font-size: 12px;
}