@font-face {
    font-family: Papyrus;
	src: url('/css/fonts/papyrus.woff') format('woff'),
       url('/css/fonts/papyrus.ttf') format('truetype'),
	   url('/css/fonts/papyrus.eot') format('eot'),
       url('/css/fonts/papyrus.svg') format('svg');
}

/*  CLASSES TO HELP TEXT CONTRAST THE BACKGROUND  */
/*  CREATE A SEMI TRANSPARENT BOX BEHIND THE TEXT IN THE INTRO IMAGE SECTION AND FOOTER */
.text-drk-bg {
    background: rgba(0,0,0,0.7);
    padding: 20px;
}
.text-drk-sh {
	box-shadow: 0 0 20px #000;
	background:rgba(0,0,0,0.6);
	border-radius: 5px;
}

/*  CHANGE STYLE OF NAV BUTTONS AND ADDS DARK SHADOW TO MAKE THE TEXT STAND OUT  */
a.page-scroll {
    /*color: #f00;    red */
    color: #cb6e0b; /* orange */
    text-shadow: 0 0 15px #000;
    font-weight: bolder;
    font-size: 0.7em;
}
/*  ADJUST NAV TO FIT A LARGER LOGO  */
li>a.page-scroll {
    padding: 10px;
    margin-left: 5px;
    margin-top: 25px; /*  move nav buttons vertically into the centre of the nav bar. */
    background-color: #000;
}
/*  FIX ODD SPACING ISSUES WITH THE CONTENT-SECTION  */ /*  NOT USED in modified theme (left here incase this is reverted to original theme.)  */
.content-section {padding: 150px 0}
@media (min-width: 767px){
	.content-section {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
/*  FIX FONT SIZE TO MAKE IT THE SAME AT STANDARD PARAGRAPH TEXT SIZE  */
.ul-fix {font-size: 20px}
/*  FOOTER BUTTON CUTOMISATIONS  */
.btn-default {
    border: 1px solid #cb6e0b;
    color: #cb6e0b;
    background: rgba(0,0,0,0.5);
}
.btn {
    border-radius: 0;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 40px;
}
.btn-default:hover, .btn-default:focus {
    border: 1px solid #cb6e0b;
    outline: 0;
    color: #000;
    background-color: #cb6e0b;
}
.sub p {margin: 10px auto}

/*  FOOTER STYLE TO MAKE OTHER ELEMENTS LOOK SIMULAR TO THE BUTTONS  */
.foot-non-btn-style {
    border: 1px solid #cb6e0b;
    color: #cb6e0b;
    background-color: transparent;
    padding: 15px;
    margin-bottom: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.foot-non-btn-style:hover, .foot-non-btn-style:focus {
    border: 1px solid #cb6e0b;
    outline: 0;
    color: #000;
    background-color: #cb6e0b;
}
/*  READJUSTING LINK COLOURS  */
a {
    color: #cb6e0b;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover, a:focus {
    text-decoration: none;
    color: #fff;
}
/*  FOOTER REPOSITION AND PARAGRAPH FIX  */
p {
    font-size: 1.2em;
    margin: 0;
    text-shadow: 0 1px 8px #000;
}
.foot-bottom {
    text-transform: uppercase;
    text-align: center;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.7em;
    left: 0;
    bottom: 0;
    padding: 25px 0 0;
    position: static;
	margin: 0;
}
.foot-logo {
    width: 40px;
    height: 40px;
}
.seperators{ color: #cb6e0b}

/* 02-04-2016 CHANGES */
/* COVER BACKGROUND FIX */
.intro, .bg2, .bg3, .bg4{
	display: table;
    height:100%;
	background-size: cover;
}
.intro { background: url("/images/intro-bg.jpg") no-repeat center center fixed}
.bg2 { background: url("/images/backgrounds/t4w-bg2.jpg") no-repeat center center fixed}
.bg3 { background: url("/images/backgrounds/t4w-bg3.jpg") no-repeat center center fixed}
.bg4 { background: url("/images/backgrounds/t4w-bg4.jpg") no-repeat center center fixed}

@media (max-width:768px){
    /* increase nav button size in mobile version */
    .page-scroll {
        font-size: 1.1em !important;
        padding: 0;
        margin:0;
    }
    .intro {
        display: table;
        background: url("/images/intro-bg-mob.jpg") no-repeat top center fixed;
    }
	.bg2 { background: url("/images/backgrounds/t4w-bg2-mob.jpg") no-repeat center center fixed} /* replace with mobile */
	.bg3 { background: url("/images/backgrounds/t4w-bg3-mob.jpg") no-repeat center center fixed} /* replace with mobile */
	.bg4 { background: url("/images/backgrounds/t4w-bg4-mob.jpg") no-repeat center center fixed} /* replace with mobile */
    .intro-container {
        margin-top: 0;
        margin-bottom: 0;
    }
    /*  FIX FOOTER POSITION IN MOBILE */
    /*.foot-bottom {
        position: static;
    }*/
}

/* FIX SPACING ISSUES WITH FORM ELEMENTS */
input, textarea, select {
    margin-bottom: 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.form-horizontal label.control-label{
	text-align: left;
	margin: 10px auto;
}
.form-group {text-align:center}
.form-control{
    -moz-border-radius:0; /* Firefox */
    -webkit-border-radius: 0; /* Safari, Chrome */
    -khtml-border-radius: 0; /* KHTML */
    border-radius: 0; /* CSS3 */
}

/*   EXPERIMENTAL FOOTER CSS 2   */
.foot-bottom>div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding-left:-5px;/* required to make the colums stand next to eachother better because of the float:none; */
    padding-right:-5px;/* required to make the colums stand next to eachother better because of the float:none; */
    margin-left:-5px;/* required to make the colums stand next to eachother better because of the float:none; */
    margin-right:-5px;/* required to make the colums stand next to eachother better because of the float:none; */
    margin-bottom:15px;
}

/*  19-04-2016  */
.intro-container {
    margin-top: 330px; /* force content below logo in bg-img @ desktopsize (HD) */
    margin-bottom: 50px; /* force content to clear the footer when scrolled to the bottom of the page. */
    padding: 20px; /* stop content butting up against the side of the browser window. */
}
.intro, .bg2, .bg3, .bg4 {
    display: table;
    /*width: 100%;*/
    height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size:cover;
    text-align: left;
}

/*  NEW LOGO SYSTEM  */
/*  FIX NAV SIZEAND LOGO SIZE AT SOME RESPONSIVE BREAKPOINTS  */

/*  Mobile/Tablet midpoint????  */
/*@media (min-width:768px){
    #nav-logo {
        width:186px;
        height:32px;
        background: url("/images/logo-wht-pho.png") no-repeat;
    }
    .page-scroll {
        font-size: 0.6em !important;
        padding:0;
        margin:0;
    }
}*/


@media (max-width:768px){
    /*  MOBILE LOGO RESIZE  */
    #nav-logo {
        margin-left: 15px;/*  KEEP LOGO FROM THE LEFT EDGE  */
        width:186px;
        height: 38px;
        background: url("/images/logos/logo-wht-pho.png") no-repeat;
    }
}

@media (max-width:992px){
    /*  TABLET LOGO RESIZE  */
    #nav-logo {
        width:266px;
        height: 55px;
        background: url("/images/logos/logo-wht-tab.png") no-repeat;
    }
    /*  TABLET NAV RESIZE  */
    .page-scroll {
        font-size: 0.9em !important;
        padding: 0;
        margin:0;
    }
}
/*  DESKTOP LOGO RESIZE  */
#nav-logo {
    width: 380px;
    height: 79px;
    background: url("/images/logos/logo-wht.png") no-repeat;
}

@media (max-width: 1199px) and (min-width: 987px){
	.container > .navbar-right {
    	margin-right: -30px;
	}
}

@media (max-width: 987px) and (min-width: 768px)
{
	#nav-logo {
    	background: rgba(0, 0, 0, 0) url("/images/logos/logo-wht.png") no-repeat scroll 50% 50%;
    	width: 100%;
	}
	.navbar-custom .navbar-brand {width: 100%}
	.navbar-header{float: none} 
}

@media (max-width:481px){
	.navbar-custom .navbar-brand {
    	display: inline-block;
    	width: calc(100% - 80px);
	}
	#nav-logo{
		width:100%;
		background-size: 100% auto;
		background-position: 0 50%;
	}
	.intro-container{margin-top:150px}
	input[type="file"]{width: 110px}
}


/* =========================================== */
/*                                             */
/*  LEGACY CODE - DELETE BEFORE FINAL VERSION  */
/*                                             */
/* =========================================== */

/*   EXPERIMENTAL FOOTER CSS   */
/*
.foot-bottom>div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding-left:-5px;/* required to make the colums stand next to eachother better because of the float:none; *
    padding-right:-5px;/* required to make the colums stand next to eachother better because of the float:none; *
    margin-left:-5px;/* required to make the colums stand next to eachother better because of the float:none; *
    margin-right:-5px;/* required to make the colums stand next to eachother better because of the float:none; *
}

@media (max-width:768px){
  .foot-bottom>div {
    margin-bottom:15px;
  }
  .foot-bottom>.col-md-1 {
  	display: none;
  }
}*/
footer .row{/* DOIVE: 22/4/2016 - to prevent horizontal scroll */
	margin-left: 0;
	margin-right: 0;
} 
.gallerylink, .gallerylink2{
	background-position: center;
	background-size: cover;
	border: 1px solid #ddd;
	display: block; 
	height: 200px; 
	margin-top: 10px;
	text-align: center;
	width: 95%; 	
}