/*
Theme Name: Marldon Weddings 2020
Author: Tom Maddox
Author URI: http://www.tommaddoxsoftware.co.uk
Version: 1.0
*/

/*--------------------------------------------------------------
1 	=============================
	1.0 - General
	1.1 - Utility classes
2	=============================
	2.0 - Header
	2.1 - Primary Navbar
	2.2 - Footer
3	=============================
	3.0 - Front Page
	3.1 - Venues Page
	3.2 - Contact Page
	3.3 - Suppliers page
	3.4 - Timeline
	3.5 - Tips
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	1.0 General styles
--------------------------------------------------------------*/
body {
	font-family: "Playfair Display", sans-serif;
	color: #565656;
	background-color:#f8f7f7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Playfair Display";
	margin-bottom:20px;
}

h1 { font-size: 4rem; }
h2 { font-size: 3rem; }

@media (max-width:575px) {
	h1 {font-size: 2.7rem;}
	h2 {font-size: 2.5rem;}
}

/*--------------------------------------------------------------
	1.1 Utility classes
--------------------------------------------------------------*/
img.divider {
	display:block;
	margin:auto;
	text-align:center;
}

.col-content {
	padding:50px 0;
}
.cta-btn {
	font-weight:bold;
	font-family: "Playfair Display";
	border-radius:0;
	font-size: 1.25rem
}
.cta-btn i {
	padding-left: 15px;
}
.center-both {
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.section-intro p{
	text-align:center;
	padding:50px 25px;
	margin:auto;
	margin-bottom:100px;
}
.venue-intro p {
	margin-bottom: 0px;
	padding:15px 25px;
}
.venue-intro {
	max-width:900px;
	margin:auto;
}
/*--------------------------------------------------------------
	2.0 Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	2.1 Primary Navbar
--------------------------------------------------------------*/
.nav-link {
	font-family: "Playfair display";
}
#nav-wrap {
	background-color: #ffffff;
}
.navbar {
	background-color: #ffefef!important;
}
@media (max-width:991px) {
	#marldon-navbar-collapse .nav-item .nav-link {text-align:center;font-size:24px;padding:20px 0}
}
/*--------------------------------------------------------------
	2.2 Footer
--------------------------------------------------------------*/
footer #main-wrap {
	padding:25px 0;
	background-color:#141415;
	color:White;
}
footer a {color:rgba(170,170,170,1);text-decoration: none;}
footer #links {color:white; font-size:16px;}
footer #links > p {margin:0;padding:13px 0;}
footer #contact-info {padding:35px 0;}
footer #contact-info a {color:rgba(225,225,225,1); text-decoration: none; word-wrap:break-word;}
footer #footer-contrast {background-color:#060606;}
footer #social img {height:50px;width:50px;padding:2px;}
footer #social .col-3 {text-align:center;}

/*--------------------------------------------------------------
	3.0 Front Page
--------------------------------------------------------------*/
#home-cta { padding:75px }
#planning-hero-wrap {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('assets/hero/wedding-diary.png');
	background-size: cover;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	height: 500px;
}
#venue-hero-wrap {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('assets/hero/Marldon_013.jpg');
	background-size: cover;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	height: 500px;
}
#homepage-fs-hero-wrap {
	/* background-image: url('assets/hero/front-hero-2.jpg'); */
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('assets/hero/marldon.png');
	background-size: cover;
	/*background-position:center;*/
	background-position:50% 60%;
	background-repeat:no-repeat;
	height: calc(100vh - 236px);
}

.hero-title {
	color:white;
	/*padding-top:50px;*/
	font-size:4rem;
	font-family: "Playfair Display";
	text-shadow: 0 0 3px black;
	text-align:center;
	margin: 0;
	position:relative;
	top:20%;
	left:50%;
	transform:translate(-50%, -50%);
}
#enquire-row {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #565656;
	color:white;
	border: 3px solid #c9a96a;
	border-left:0px;
	border-right:0px;
	margin-bottom: 100px;
}
#exclusive-row {
	background-color:white;
	overflow:hidden;
}

.home-content p {
	margin: 10px auto;
}
.home-content .col-content {
	padding:100px;
}

@media (max-width:500px) {
	.home-content .col-content {
		padding:15px;
	}
}

p#mission-statement {
	text-align:center;
	font-family: "Playfair Display";
	font-size: 1.5rem;
	width: 70%;
	min-width: 280px;
}
#facilities-title {
	padding:100px 0;
}
#facilities-row {
	max-width:900px;
	margin:auto;
	margin-bottom:50px;
	overflow:hidden;
}
#facilities-row > .row .col-6:last-child {
	margin-top:75px;
}
#facilities-row > .row .col-6 .row:first-child {
	margin-bottom:100px;
}
.facility-card {
	padding:15px;
}
.facility-card img {
	width:100%;
	height:200px;
	object-fit:cover;
}
.facility-card h5 {
	font-family: "Caveat";
	font-size: 2.5rem;
	text-align:center;
	margin:50px auto;
}
.facility-card button {
	margin:auto;
	display:block;
	background-color:white;
	color:black;
	width:50px;
	height:50px;
}
.facility-card button i {
}
#reviews {
	background-color:#565656;
	color:white;
	height:550px;
	padding:0;
}
#reviews p {
	text-align:center;
	font-family: "Playfair Display";
	font-size: 1.25rem;
	color:white;
	max-width:1200px;
	width:90%;
	margin:auto;
}

#reviews p::before {
	display:none;
	font-family: "Font Awesome 5 Free";
	content: "\f10d";
	font-weight:900;
	margin-top:-5px;
}
#reviews p::after {
	display:none;
	font-family: "Font Awesome 5 Free";
	content: "\f10e";
	font-weight:900;
}
#reviews p svg:first-child {
	margin-right:10px;
}
#reviews p svg:last-child {
	margin-left:10px;
}
#reviews h6 {
	margin:auto;
	text-align:center;
	margin-top: 20px;
	font-family: "Montserrat";
}

#testimonial-wrap {
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
#reviews #testimonial-quotes {width:90%; margin:auto; min-width:250px;}
#reviews p {
}
#reviews #testimonial-carousel {width:100%}
#reviews .carousel-inner {min-height:50px; padding:25px 0 40px 0;}
#gallery-row > .row > .card-columns{
	max-width:900px;
	margin:auto;
	padding:50px 0;
}
.carousel-control-next, .carousel-control-prev {
	width:5%;
}
/*--------------------------------------------------------------
	3.1 Venues Page
--------------------------------------------------------------*/
.venue-title {
	text-align:center;
	margin:25px auto 30px;
	width:100%;
	display:block;
}

.barn-row {
	margin-top:150px;
	margin-bottom:150px;
	padding: 50px 0px;
}

.barn-row img {
	object-fit:cover;
	width:100%;
	height:100%;
}

.barn-row .col-content {
	width: 80%;
}

/*--------------------------------------------------------------
	3.2 Contact Page
--------------------------------------------------------------*/
h1.contact-title, h1.page-title {
	display:block;
	text-align:center;
	width:100%;
	margin:200px auto;
	font-family: "Playfair Display";
}
h1.contact-title {margin-bottom:25px;}
.contact-form-wrap {
	max-width: 600px;
	margin: auto;
	padding: 50px 30px;
	background-color: white;
	border-radius: 2px;
}
#contact-info-row {
	margin-top:25px;
	margin-bottom:25px;
}
#contact-info-row h3 {
	font-family: "Playfair Display";
}
#contact-info-row h4 {
	font-family: "Montserrat";
}
.open-hours {
	margin-top: 0px;
	margin-bottom: 0px;
}
.map-wrap {
	width:100%;
	height:400px;
	position:relative;
}
#map {
	height:400px;
	width:100%;
}
#left-panel {
    max-width: 400px;
    width:40%;
    position:absolute;
    top:0;
    left:0;
    background-color:White;
    padding: 10px 15px;
    z-index:999;
    height:400px;
    overflow:scroll;
    display:none;
}

#map-options {
    background-color:#565656;
    padding:25px 0;
    color:white;
}

/*--------------------------------------------------------------
	3.3 Recommended suppliers
--------------------------------------------------------------*/
.supplier-cat-card {
	box-shadow: 0 20px 20px 0 rgba(0,0,0,.14);
	padding:0px;
	margin: 20px 0;
	width:100%;
	background-color:white;
	transition: 1s;
}
.supplier-cat-card a {
	text-decoration:none;
	top:0px;
	transition: 1s;
}
.supplier-cat-card a:hover {
	text-decoration:none;
	top:-5px;
	transition: 1s;
}
.supplier-cat-card .overlay {
	background-color: black;
	overflow:hidden;
}
.supplier-cat-card img {
	object-fit:cover;
	height:300px;
	width:100%;
	opacity:1;
	transition: 0.3s;
}
.supplier-cat-card a:hover img {
	opacity:0.6;
	transform: scale(1.2);
	transition: 0.3s
}
.supplier-cat-card .body-content {
	padding:30px 25px;
	color: #585858;
}
.supplier-cat-card h4 {
	font-family:"Playfair Display";
	font-size:2rem;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.supplier h4 {
	font-size:1.2rem;
}
.supplier-cat-card h4::after {
	content:"";
	width:100px;
	height:1px;
	display:block;
	background: gold;
	margin-top:10px;
}
.supplier-cat-card p {
	font-family: "Montserrat";
	margin:0;
	overflow-wrap: break-word;
	word-break:break-word;
}
.supplier-cat-card p svg { margin-left: 5px; }
.supplier img { height:200px; }
.supplier-cat-card .fb-link {
	font-size: 35px;
	margin: 15px auto 0px;
	display: block;
}


/*--------------------------------------------------------------
	3.4 Timeline
--------------------------------------------------------------*/
.main-timeline a{text-decoration:none}
.main-timeline h4{text-align:center;margin:30px 0;color:#444}
.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ffd2b5;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ffd2b5;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ffd2b5;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ffd2b5;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#f8f7f7;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ffd2b5;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ffd2b5;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ffd2b5;text-transform:uppercase;margin:0 0 5px;font-family:"Caveat"}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#ced8d0}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#ced8d0}
.main-timeline .timeline:nth-child(2n) .title{color:#ced8d0}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#ced8d0;border-bottom-color:#ced8d0}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#ffd2b5}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#ffd2b5}
.main-timeline .timeline:nth-child(3n) .title{color:#ffd2b5}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#ffd2b5;border-bottom-color:#ffd2b5}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#ced8d0}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#ced8d0}
.main-timeline .timeline:nth-child(4n) .title{color:#ced8d0}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#ced8d0;border-bottom-color:#ced8d0}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}
/*--------------------------------------------------------------
	3.4 Tips
--------------------------------------------------------------*/
.tips-row .card {margin-top:15px;margin-bottom:15px;}
.tips-row .col-sm-6:nth-child(odd):last-child {
	margin:auto;
}
.tips-row p {font-family: "montserrat";margin-bottom:20px; width:100%;}
.tips-row .card-title {margin-bottom:2rem;font-size:2rem;}



/*--------------------------------------------------------------
3.5 Accommodation
--------------------------------------------------------------*/
.diagonal-cols img {
	height:100%;
	width:100%;
	object-fit:cover;
	max-height:400px;
}
.diagonal-cols .col:last-child {
	z-index: 11;
	position:relative;
}
.diagonal-cols .col:last-child .content {
	z-index:12;
	position:relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.diagonal-cols .col:last-child .content h4 {
	font-family: "Playfair Display";
	font-weight:bold;
	font-size: 2.5rem;
}
.skew {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0px;
	z-index:10;
	transform-origin: right bottom;
	transform: skew(10deg);
}
.diagonal-cols .col:last-child, .diagonal-cols .skew {
	background: white;
}
@media (max-width:991px) {
	#accommodation-content { max-width:100%; }
	#accommodation-content .row .col-lg:last-child {padding:0}
	#accommodation-content img { width:100%; margin-bottom:25px;}

}
#accommodation-intro { padding:75px 0 }
.accommodation-title { font-family: "Montserrat"; font-size: 1.75rem; margin: 0 0 14px;}
.accommodation-subtitle { font-family: "Montserrat"; text-transform: uppercase; font-size:1rem; letter-spacing: 2px; margin:25px 0; }
.accommodation-feature-wrap { padding: 15px 0;border-style: dashed;border-left: 0;border-right: 0;border-width: thin; border-color: #c5c9cd;}
.accommodation-feature-list { list-style:none; overflow:auto; padding:0px; margin:0;}
.accommodation-feature-list li { width:50%; display:inline-block; float:left; font-family:"Montserrat"; margin:6px 0; font-size: 0.8rem;}
.accommodation-feature-list li span{ margin-right:10px; width:15px; float:left;}
.accommodation-feature-list li span svg {margin:auto; width:100%!important;}
.accommodation-description { padding:25px 0; margin:0;}
#accommodation-cta h4 { width: 100%; text-align:center; font-family: "Playfair Display"}
#accommodation-cta p {width:100%; margin:0 auto 25px;}
#accommodation-cta p:first-child {font-size:1.5rem;text-transform:uppercase; margin:0 auto;}
#accommodation-cta {background:#141415;color:white;padding:50px 0;text-align:center;}
#accommodation-cta #accommodation-contact-row {margin-top:25px}
#accommodation-carousel-wrap .carousel, #accommodation-carousel-wrap .carousel img{ width:100%; height:600px; }
#accommodation-carousel-wrap .carousel img { object-fit:cover; }
#accommodation-gallery-container { margin-top: 75px; margin-bottom: 75px}
#accommodation-gallery-container h2 {text-align:center;width:100%;margin-bottom:25px;}

/*--------------------------------------------------------------
	3.2 Contact Page
--------------------------------------------------------------*/
h2.package-title { text-align: center; margin: auto; width:100%;}
h2.package-title small { font-family: "Playfair Display"; font-size: 1.2rem;display:block;width:100%;margin:15px auto;}
.pricing-title h1 {margin-bottom:50px;}
.pricing-title p { margin:auto;margin-bottom:200px; max-width:700px; text-align:center;}
.package-wrap {background-color:white;box-shadow: 1px 1px 14px 6px #9e9e9e;margin: 25px auto 200px;}
.package-wrap ul {list-style:none; overflow:auto; margin:0;    left: 50%; top: 50%; transform: translate(-50%, -50%); position: relative;}
.package-wrap ul li {display:inline-block; width:50%;float:left; vertical-align:top; padding:6px 4px;}
.package-wrap ul li.price { width:100%; text-align:center; margin:auto; font-size:2rem;}
.package-wrap .col-sm-8 {padding:35px 25px}
.package-wrap .col-sm-4 img {object-fit:cover;width:100%;height:100%;}