/*
Theme Name: Llancaiach
Theme URI: http://www.llancaiachfawr.co.uk
Description: Llancaiach Fawr Website
Version: 1.0
Author: Richard Boydell
Author URI: http://www.unitedgraphicdesign.com/
*/

html, body {margin:0; padding:0; color:#4A4A49; font-family: freight-neo-pro, sans-serif; font-size: 1.05em; font-weight: 300; height: 100%; background: #FFF;}


/* Universal Styles */

.clear {clear:both;}

h1, h2, h3, h4 {font-family: big-caslon-fb, serif; font-weight: 700; font-style: normal;}
h1 {font-size:2.8em;}
h2 {font-size:2.2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.3em;}

a {color:inherit;} 

a:hover {text-decoration:none;}

.alignleft {float:left; margin:15px 15px 15px 0;}
.alignright {float:right; margin:15px 0 15px 15px;}

strong {font-weight: 700;}

img {max-width:100%; height: auto;}

hr {display: block; content: ''; margin: 1.5em auto; border-style:solid; border-width: 5px; border-color:inherit; opacity: 0.2; clear: both;}

blockquote {font-family: big-caslon-fb, serif; font-style: italic; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative;}

.wrapper {margin:0 auto; max-width:1200px; position: relative; height: 100%;}

* {box-sizing: border-box;}

.row::after, .wrapper::after {content: ""; clear: both; display: block;}

[class*="col-"] {float: left; padding: 30px; width: 100%;}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}


/* Header */

#header {padding: 0 !important;}
#logo {width: 10%; float: left; padding: 30px;}
#headercontent {width: 90%; float: left; padding: 0;}
#title {font-family: big-caslon-fb, serif; font-size: 2.8em; text-align: left; font-weight: 700; color: #0f3349; padding: 30px 30px 0 0;}
#langswitch {float: right; text-align: right; font-weight:400; font-size: 0.9em; padding: 0;}
#langswitch ul, #langswitch li {list-style-type: none; list-style-image: none; margin: 0; padding: 0; -webkit-padding-start: 0 !important; -webkit-margin-before: 0 !important; -webkit-margin-after: 0 !important;}
.wpml-ls-legacy-list-horizontal {padding: 0 !important;}
.wpml-ls-legacy-list-horizontal a {padding: 0 5px !important; line-height: inherit !important;}
#tel {font-family: big-caslon-fb, serif; text-align: right; font-weight: 700; color: #0f3349; padding: 25px 30px 0;}

#feature {height: 500px; background-repeat:no-repeat; background-size:cover; background-position: center; position: relative; border-bottom: 15px solid #0f3349;}
#tagline {position: absolute; bottom: 0; left:0; font-family: big-caslon-fb, serif; color: #FFF; padding: 30px; text-shadow: 0px 0px 10px rgba(0,0,0,0.8);}
.title {font-size: 4em; font-weight: 700;}
.subtitle {font-size: 2.5em; font-weight: 400;}
.title, .subtitle {-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0;}


/* Navigation */

#navigation {font-family: big-caslon-fb, serif; font-weight:700; font-size: 1.2em; padding: 0; background-color: #0f3349;}
nav {margin: 0;}
nav.welsh a {padding: 15px 20px;}
nav ul {padding: 0; margin:0; list-style: none; position: relative; text-align: left;}
nav ul li {padding: 0; margin: 0 -7px 0 0; display:inline-block;}
nav a {display:block; padding: 15px 30px; color:#FFFFFF; text-decoration:none;}
nav a:hover {background-color: #0080C5; text-decoration:none;}
nav ul ul {display: none; position: absolute; top: 100%;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {z-index: 9999; min-width:170px; display:list-item; position: relative; background-color:#0f3349; border-bottom: 1px solid #FFFFFF; font-size: 0.9em;}
nav ul ul li a:hover {background-color:#0080C5 !important;}
nav ul ul ul {position: absolute; top:0; left:100%;}
nav li > a:after {content:  " +"; font-size: 0.8em;}
nav li > a:only-child:after { content: ''; }
ul#menu-main-menu.menu, ul#menu-main-menu-1.menu {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
ul#menu-mobile-menu.menu {list-style-type: none; list-style-image: none;}
@media only screen and (min-width: 1200px) {.topnav {display: none;}}


/* Section Colours */

.manor, .brown {background: #aa8d87; color: #FFF;}
.weddings, .pink {background: #ec677c; color: #FFF;}
.weddingsalt {background: #c4a69f; color: #FFF;}
.conferences, .purple {background: #965f8f; color: #FFF;}
.education, .blue {background: #32546c; color: #FFF;}
.dining, .green {background: #8eab34; color: #FFF;}
.whatson, .orange {background: #cc612a; color: #FFF;}
.plan, .red {background: #ad364c; color: #FFF;}
.white {background: #FFF; color:#4A4A49;}


/* Secondary Navigation */

#second-menu {background-color: #ede7e6; }
.widget_subpages li a {display: inline-block; padding: 15px; font-weight: 700; text-decoration: none;}
.widget_subpages li a:hover {background-color:#aa8d87; color: #FFFFFF;}
#subpages-widget-2, .widget_subpages li, .widget_subpages ul {display: inline-block; list-style-type: none; list-style-image: none; margin:0;}



/* Slider */

.slidebox {color: #FFF; font-size: 1.05em; height: 100%;}
.slidebox h1 {-webkit-margin-before: 0 !important; margin-top: 0 !important;}
.slidetext {padding-top: 60px;}
.slidetext h1, .slidetext h2, .slidetext h3, .boxwrap h2 {color: #FFF !important;}
.slide img {max-height: 700px; overflow: hidden; object-fit: cover;}


/* Boxes */

.boxes {display: flex;}
.boxwrap {align-items: stretch; width: 29.33%; margin: 2%; position: relative;}
.boxwrap h3, .bigbox h2 {margin: 0;}
.boxwrap a {display: inline-block; text-decoration: none; border: 1px solid; padding: 10px 15px; background: #32546c;}
.boxwrap a:hover, .bigbox a:hover {text-decoration: underline;}
.box-image {height: 180px; overflow: hidden; object-fit: cover; background-color:#aa8d87;}
.box-image img {min-height: 180px;}
.boxtext {padding: 15px 30px; text-align: center;}

#bigbox {background-size: cover; padding: 60px 30px;}
.bigbox {color: #FFF; text-align: left; padding: 30px 60px;}
.bigbox a {display: inline-block; text-decoration: none; border: 1px solid; padding: 10px 15px; background: #32546c;}


.centerbox {padding: 30px; text-align: center;}

#threefull {padding: 0 !important;}


/* Image Carousel */

.image-carousel {padding: 60px 0;}
.carousel img {max-height: 500px; overflow: hidden; object-fit: cover;}


/* Testimonials */

.testimonial {display: flex; align-items:center; justify-content: center;}
.quote {font-style: italic; font-size: 1.2em;}
.name {font-weight: 700; padding-bottom: 0 !important;}


/* Page Content */

.double-column {column-count: 2; column-gap: 60px; }
.double-column p {margin-top: 0;}

.block-image {padding: 60px 30px;}
.block img {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}


/* Embeds */

.video-row {display: flex; align-items: stretch; flex-wrap: wrap;}
.video {background: #FFF; width: 29.33%; margin: 2%;}
.video-title {padding: 15px; font-size: 1.2em; font-family: big-caslon-fb, serif; font-weight: 700; font-style: normal;}
.embed-container {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;} 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* sidebar */

#sidebar, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
    color: inherit !important;
}

#sidebar li {
list-style-type:none;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul a {
	text-decoration:none;
}

h2.widgettitle  {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

h2.widgettitle a {text-decoration: none;}

#sidebar h3 a {
	text-decoration:none;
}

#sidebar h3 a:hover {
	text-decoration:underline;
}

#sidebar .widget {background: #f1ecdc !important; padding: 30px; margin-bottom: 30px;} 

.next {
	display:block;
	float:right;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
}

.previous {
	display:block;
	float:left;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
}


/* Footer */

#footer {color: #90aaba; line-height: 150%; border-top: solid 50px #0f3349; background:#32546c;}
#footer h2 {color: #FFF; font-size: 1.8em;}
#footer a {color:inherit; text-decoration: none;}
#footer a:hover {color: #FFF;}
#footer li, #footer ul {list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
ul#menu-footer-menu.menu {padding: 0 !important; margin: 0 !important; -webkit-padding-start: 0 !important; -webkit-margin-before: 0 !important;}
.menu-footer-menu-container, .menu-footer-menu-welsh-container {margin-top: 15px;}
.copyright {text-align: center; font-size: 0.8em;}



/* Forms */

input[type=text], input[type=email], input[type=tel], input[type=password], textarea {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
	border:1px solid #BFC9D0;
    font-size: 1em;
}

input:matches([type="button"], [type="submit"], [type="reset"]) {
    display: inline-block;
	text-decoration: none;
	border: 1px solid;
	padding: 10px 15px;
    background: #32546c;
    color: #FFF;
    font-weight: 700;
    font-size: 1.1em;
    font-family: freight-neo-pro, sans-serif;
}


/* Contact Form 7 */

span.wpcf7-list-item { display: block !important; }


/* Tables */

table {
    width: 100%;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
}

table, th, td {
   border: 1px solid #eeeeee;
}

th, td {
   padding: 15px;
}

th {
    background: #E81D68;
    color: #FFF;
    font-weight: 700;
}