@charset "utf-8";
/* CSS Document */
/* Version : 1.6.0 */

@media screen and (max-width: 767px) {
	
	body {
		padding-top:235px;
	}
	
	body.home {
		padding-top:20px;
	}
	
	.home #wrapper {
		margin:0 20px;
	}
	
	.h1, h1 {
    font-size: 30px;
	}
	
	/* FORMS */
	
	.form-control {
		
	}
	
	/* HEADER */
	
	#header {
		border-left: 20px solid #fff;
    border-right: 20px solid #fff;
	}
	
	#header.active {
		margin-bottom:30px;
	}
	
	#branding {
    left:auto;
    top:auto;
	}
	
	/* MENU */
	
	.navbar {
		min-height:0;
		background:none;
		border-left: 20px solid #fff;
		border-right: 20px solid #fff;
	}
	
	.navbar-nav {
		margin-top:30px;
	}
	
	.shrink .navbar {
		background:none;
		min-height:0;
		max-height:55px;
		transition: height 500ms ease-in-out;
	}

	.shrink .active .navbar {
		background-color:#630a38;
		min-height:0;
		max-height:none;
	}
	
	.navbar-collapse {
		text-align:center;
		background: #d4b6bb none repeat scroll 0 0;
	}
	
	.navbar-brand {
		float:none;
		display:block;
		margin:65px auto;
		position:static;
	}
	
	.navbar-header.active {
		padding-bottom:47px;
	}
	
	.navbar-toggle.active {
    background-color:#d4b6bb;
    bottom: -47px;
    top: auto;
		transition: all 500ms ease-in-out;
	}
	
	.shrink .navbar-toggle {
		-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
		-moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
		box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
	}
	
	.shrink .navbar-toggle.active {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	.nav bar-toggle .icon-bar.middle-bar {
    top: 1px;
	}
	
	.navbar-toggle .icon-bar {
		position: relative;
		transition: all 500ms ease-in-out;
	}
	
	.navbar-toggle.active .top-bar {
		top: 7px;
		transform: rotate(45deg);
		background-color:#fff;
	}
	
	.navbar-toggle.active .middle-bar {
		background-color: transparent;
	}
	
	.navbar-toggle.active .bottom-bar {
		top: -7px;
		transform: rotate(-45deg);
		background-color:#fff;
	}
	
	.nav > li {
    /*border-bottom: 1px solid #62a1bb;*/
		text-align:center;
	}
	
	.navbar-nav > li > a {
    border-bottom: 5px solid transparent;
    padding: 12px 20px 7px;
		text-align:center;
		font-size:18px;
		display:inline-block;
	}
	
	.navbar-brand > img {
		margin:0 auto;
	}
	
	/* HOME */
	
	.home .branding .inner:before {
	  padding-top:0;
	}
	
	.home .branding,
	.sign-in {
		min-height: 175px;
	}
	
	.sign-in {
		background-color:transparent;
	}
	
	.sign-in h1 {
		margin-top:30px;
	}
	
	.sign-in h1,
	.sign-in p {
		padding-right:0;
		padding-left:0;
		margin-bottom:20px;
	}
	
	.sign-in p.forgotten-password {
    margin-top: 20px;
		margin-bottom:0;
	}
	
	.sign-in input.btn-block[type="button"],
	.sign-in input.btn-block[type="reset"],
	.sign-in input.btn-block[type="submit"]  {
		margin:20px auto 0;
	}
	
	/* STEPS */
	
	.steps ol li {
		margin-left:0;
		margin-right:0;
	}
	
	.steps ol li:first-child {
		margin-left:0;
	}
	
	.steps ol li span {
		display:none;
	}
	
	.steps ol li.current span {
		display:inline;
	}
	
	.steps ol li::before {
		margin-right:0;
	}
	
	.steps ol li.current::before {
		margin-right:3px;
	}
	
	/* CALENDAR */
	
	#key ul li {
		margin-bottom:10px;
	}
	
	.monthdiv.past {
		display:none;
	}
	
	/* WEDDING BOOKING */
	
	#venue-details h1 {
    padding-bottom:20px;
	}
	
	ul.highlight-details li {
		float:none;
		padding-right:0;
		text-align:center;
		margin-bottom:0.5em;
	}
	
	ul.highlight-details.basic li {
    float: none;
	}
	
	ul.highlight-details li:last-child {
		float:none;
		clear:both;
	}
	
	ul.highlight-details li span.date-detail {
		display:inline-block;
		float:none;
	}
	
	input.btn-block.changedate {
		float:none;
		display:inline-block;
		margin-left:10px !important;
		padding: 6px 20px;
	}
	
	.btn.amendDetails {
		padding: 6px 20px;
	}
	
	ul.highlight-details li span.title,
	ul.highlight-details li span.detail {
		padding-right:0;
		display:inline;
		padding-bottom:0;
	}
	
	table.schedule tbody tr:first-child th,
	table.schedule tbody tr:first-child td {
		white-space:normal;
	}
	
	#payments table.schedule {
		width:auto;
	}
	
	#success #payments table.schedule {
		width:100%;
		margin:0 0 20px;
	}
	
	.scroll-table-wrapper {
		position: relative;
	}
	
	#payments p.instruction {
		text-align:center;
	}
	
	.scroll-table table.schedule thead tr,
	.scroll-table table.schedule tbody tr {
		border-top:none;
	}
	
	.scroll-table table.schedule td,
	.scroll-table table.schedule th {
		border-bottom:1px solid #000;
	}
	
	.scroll-table input[type="radio"],
	.scroll-table input[type="checkbox"] {
		margin-top:0;
	}
	
	/*#payments table.schedule thead th,
	#payments table.schedule tbody th,
	#payments table.schedule tbody td {
		display:block;
		text-align:center;
		border-left:1px dashed #000;
		padding-right:10px;
		padding-left:10px;
		width:auto;
	}
	
	#payments table.schedule thead tr:first-child th,
	#payments table.schedule tbody tr:first-child th,
	#payments table.schedule tbody tr:first-child td {
		border-left:none;
	}
	
	#payments table.schedule thead,
	#payments table.schedule tbody,
	#payments table.schedule thead tr,
	#payments table.schedule tbody tr {
		float:left;
		border:none;
	}
	
	#payments table.schedule tbody td:first-child,
	#payments table.schedule tbody tr:first-child td:first-child  {
		font-family:'CenturyGothicStd-Bold';
	}*/
	
	#schedule {
		padding-bottom:40px;
	}
	
	#success #schedule {
		padding-bottom:0;
		padding-top:40px;
	}
	
	#confirmBookingSubmit {
    float: none;
    margin: 0 auto;
	}
	
	/* PAYMENTS */

	.payment-confirm .btn-single {
		float:none;
	}
	
	/* POP-UP */

	.modal-body {
		padding:0 30px;
	}
	
	.modal-body table.schedule {
    margin-bottom: 10px;
    margin-top: 15px;
	}
	
	.modal-footer {
		padding:0 30px;
	}
	
	/* FOOTER */
	#footer {
		margin-right:20px;
		margin-left:20px;
	}
	
	#footer #footer-inner {
		padding-bottom:10px;
	}
	
	#footer .container {
		padding-left:0;
		padding-right:0;
	}
	
	#footer p {
		line-height:1.8em;
	}
	
	#footer p span {
		display:block;
	}
	
	/* COOKIE POLICY */

	.cc_container .cc_message {
		font-size: 0.75em !important;
	}

	/* END COOKIE POLICY */
	
}

@media screen and (max-width: 767px) and (orientation: landscape) {
	/* HOME */
	.home .branding {
		max-height: 170px;
	}
	
	#payments table.schedule {
		margin-left:auto;
		margin-right:auto;
	}
	
	#payments p.instruction {
		display:none !important;
	}
	
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	
	.scroll-table-wrapper {
		margin-bottom:10px;
	}
	
	.scroll-table {
		overflow-x: scroll;
    overflow-y: visible;
		margin-left:50px;
	}
	
	.scroll-table table {
		border-collapse:separate;
	}
	
	.scroll-table td,
	.scroll-table th {
		white-space: nowrap;
		height:44px;
	}
	
	.scroll-table .sticky-col {
		left: 0;
    position: absolute;
    top: auto;
    width: 50px !important;
	}
	
	.scroll-table form-control.datepicker:disabled,
	.scroll-table form-control.datepicker[disabled] {
		height:auto !important;
		border:none !important;
		webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
		padding:0 !important;
		margin-top: 0 !important;
		background-color:transparent !important;
		color:#000 !important;
	}

}