/*
CSS file for Alston Heritage website
Ver 1.0 - May 2025
*/
  :root {
    --headerFont: #f2c524 ;
    --grey: #858585 ;
    --lightGrey: #e6e6e6 ;
    --backgroundColour: #e6e6e6 ;/* #e6ffe6 */
    --brightGreen: #009933 ;
    --darkGreen: #003300 ;
    --black: #000000 ;
  }

  @media (max-width:768px){
    .ah-title-box-left {
      display: block;
      margin: auto;
      width: 50%;
      opacity: 0.8;
      max-width: 300px;
      height: auto;
    }
    .ah-title-box-right {
      display: block;
      margin: auto;
      width: 50%;
      opacity: 1.0;
      max-width: 300px;
      height: auto;
    }
    .ah-panel{
      color:#1a1a1a;
      background-color:rgb(204, 204, 204, 0.7);
      padding:5px;
      border-width:1px;
      border-color:#1a1a1a;
    }
    .ah-h4{
      font-size: 0.8em;
      text-align:center;
    }
  }

  @media (min-width:768px){
    .ah-title-box-left {
      display: block;
      margin: auto;
      width: 60%;
      opacity: 0.8;
      height: auto;
    }
    .ah-title-box-right {
      display: block;
      margin: auto;
      width: auto;
      opacity: 1.0;
      height: 300px;
    }
    .ah-panel{
      color:#1a1a1a;
      background-color:rgb(204, 204, 204, 0.7);
      padding:5px;
      border-width:1px;
      border-color:#1a1a1a
    }
    .ah-h4{
      font-size: 1.2em;
      text-align:center;
    }
  }

  body, html {
    font-family: Montserrat, Arial, sans-serif;
    font: 1.0em sans-serif;
    height: 100%;
    background-color: var(--backgroundColour) ;
    }
  
	strong{
    color: #003300;   /*003300*/
    font-family: Montserrat, sans-serif;
    font: 1.1em sans-serif; 
  }


  .ah-img-float{
    float:right;
    width:40%;
    padding: 10px;
  }

  .logo-box{
    color:#ffcc00;
    font-size:18px;
  }

  .bg-img{
    background-image:url("./images/background_img.jpg");
    background-size: cover;
    background-color: var(--backgroundColour) ;
}

.btn-default
{color:#111;background-color:#ccc;border-color:#aaa}

.btn-default.focus,.btn-default:focus
{color:#333;background-color:#aaa;border-color:#888}

.btn-default:hover
{color:#333;background-color:#aaa;border-color:#888}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default
{color:#333;background-color:#aaa;background-image:none;border-color:#adadad}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,
.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover
{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,
.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover
{background-color:#fff;border-color:#ccc}