/** ADDTIONAL STYLING FOR BOOTSTRAP TEMPLATES **/

header {
background: #000060;
color: #fff;
padding: 0 0 1em 0;
}

header a, header a:visited {
color: #fff;
}

header a:active, header a:hover {
color: #CC9933;
}

footer {
margin-top: 1em;
/*background: #EEEEEE;*/
padding: 1em 0;
}

footer a, footer a:active {
color: #333333;
}

footer a:visited, footer a:hover {
color: #555;
}

.credit {
padding: 1em;
text-align: center;
background: #000060;
color: #fff;
}

.credit a, .credit a:visited, .credit a:active {
color: #fff;
}

.tdlwebs {
font-size: 0.7em;
}

input {
margin-bottom: 1em;
}

.rightimg {
/* border: solid 1px #ccc;
padding: 1em;
background: #fff; */
}

.hero {
background: url(https://www.gpwills.co.uk/uploads/images/family-beach.jpg) no-repeat;
padding: 1em;
margin-top: -1em;
margin-bottom: 1em;
height: 653px;
}

.hero h1 {
color: #fff;
text-align: right;
font-weight: bold;
font-size: 400%;
margin-right: 1em;
text-shadow: 2px 2px 5px #000;
}

.message {
padding: 0.5em 2em; 
background-color: rgba(0, 0, 0, 0.6);
}

.message h2 {
width: 100%;
text-align: center;
color: #fff;
}

a:hover {
text-decoration: none;
}

/*** NAVIGATION STYLING ***/
.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
.navbar-default {
    font-size: 16px;
    background-color: rgba(0, 0, 96, 1);
    border-width: 0px;
    border-radius: 0px;
border-bottom: solid 5px #CC9933;
}
.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 96, 1);
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(204, 153, 51, 1);
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(204, 153, 51, 1);
}
.navbar-default .navbar-toggle {
    border-color: #cc9933;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #cc9933;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #cc9933;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ab802b;
}


/*** RESPONSIVE STUFF ***/

@media only screen and (min-width: 768px) {
     .topright { margin-top: 3em; }
     .rightimg { margin-top: 3em; }
     .hero h1 { margin-top: 2em; }
     .message { position: absolute; bottom: 14px; right: 16px; width: 722px; }
}

@media only screen and (min-width: 855px) {
     .rightimg { margin-top: 3em; }
     .hero h1 { margin-top: 2em; }
     .message { position: absolute; bottom: 14px; right: 16px; width: 768px; }
}

@media only screen and (min-width: 1212px) {
     .rightimg { margin-top: 3em; }
     .hero h1 { margin-top: 2em; }
     .message { position: absolute; bottom: 14px; right: 16px; width: 1138px; }
}

@media only screen and (min-width : 481px) and (max-width: 767px) {
     .message { position: absolute; bottom: 14px; right: 16px; width: 480px; }
}

@media only screen and (max-width : 480px) {
    footer {
    text-align: center;
    }
    .hero { background-position: 25% 0; }
}
/* Stylesheet: bsstyle Modified On 2023-09-25 16:02:56 */
