/*
Theme Name: Custom

*/

/* Variables */
:root {
  --font-family: "Lora", serif;
  --font-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-size: 18px;
  --color1: #222;
  --color2: #333;
  --color-darkgrey: #252525;
  --color-dark: #333;
  --color-light: #f2f2f2;
  --transition-dur: 0.3s;
  --secpad:100px 0;
  --insecpad:50px 0;
}

body{color:var(--color-dark); font-family: "Lora", serif;}
h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:400;  font-style: normal;}
p:empty{margin:0;}
a{color:var(--color1);}
a:hover{color:inherit;}

.navbar-bg{background:var(--color1);padding: 15px 0;}

#main-menu {width: 100%;}
.navbar a {color:#fff !important;font-size: 17px;}
.navbar a:hover {color: #e5e5e5 !important;}
.navbar-bg .dropdown-menu a {color: #4e4c4c !important;}
.navbar-toggler {border-color: var(--color1) !important;background: var(--color1) !important;}
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 900px;
background-position: center;
padding:15px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide-1 {background-image: url(https://www.rhiannonanddan.co.uk/wp-content/uploads/2026/03/slider2.jpg);background-position: center right;}

.banner-txt {padding: 40px; background: rgba(0, 0, 0, 0.69);}
.banner-txt .bnr-head{font-size:40px;margin-bottom:30px;font-weight:bold; font-family: "WindSong", cursive;}
.banner-txt *{color:#fff;}

.btn-primary{background-color:#f5eee3 !important;border-color:#f5eee3 !important; color:#222;}
.btn-white-outline{background-color:transparent !important;border-color:#fff !important;color:#fff !important;}
.btn-white-outline:hover{background-color:#fff !important;border-color:#fff !important;color:var(--color1) !important;}
.btn,.send{border-radius:0 !important;}
.btn:hover,.send:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.logo-head{ font-size: 90px; font-weight: bold; color:#fff; font-family: "Corinthia", cursive;}

.txtc1{color:var(--color1);}
.txtc2{color:var(--color2);}

.hpsec1,.hpsec4,.hpsec5{padding:var(--secpad);background:#fff;}
.hpsec2{padding:var(--secpad);background:#f8f5f0;}
.cta-box {background: #fff;border-radius: 15px;padding: 20px;margin-top: 30px;}
.cta-box img{margin-bottom:20px;}
.cta-box:hover {box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.12);}

.hpsec3{padding:var(--secpad);background:
linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
url("https://www.rhiannonanddan.co.uk/wp-content/uploads/2026/03/faq-bg.jpg");
	background-size: cover;background-position: center; background-repeat: no-repeat;background-attachment: fixed;min-height:480px; width: 100%;}
.hpsec3, .hpsec3 h2 {color:#fff;}


.hpform .txt-field{padding:10px;margin-bottom:20px;background:#eee;border:0;width:100%;}
.send{background-color:var(--color1) !important;border-color:var(--color1) !important;color:#fff !important;width: 143px !important;}

.footer {padding: 20px 0;background:#666;background-size:cover;}
.footer *{color:#fff;}  
.footer h4 {margin: 30px 0 15px;font-size: 22px;font-family: "Lora", serif;}
.foot-copy{padding-top:30px;margin-top:50px;border-top:1px solid rgba(255, 255, 255, 0.3);}
.foot-tel i,.foot-mail i{color:var(--color1);}

.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.inner-bg {background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url("https://www.rhiannonanddan.co.uk/wp-content/uploads/2026/03/gallery-2.jpg");background-attachment: fixed;background-size: cover;height: 350px;}
.inner-bg *{color:#fff;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);}
.inner-bg h1{ font-size:60px;}

.section-white {background: #fff;padding: 70px 0;}
.section-primary {background: var(--color1);padding: 50px 0;}
.section-secondary {background: var(--color2);padding: 50px 0;}
.section-dark {background: var(--color-dark);padding: 50px 0;}
.section-primary *,.section-secondary *,.section-dark * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}

.top-social i { font-size: 20px; margin-right: 8px;}

.text-fild { flex: 1 !important;
  border: none  !important;
  border-bottom: 2px solid #000 !important;
  background: transparent  !important;
  outline: none  !important;
}
.textarea-fild { flex: 1 !important;
  border: none  !important;
  border-bottom: 2px solid #000 !important;
  background: transparent  !important;
  outline: none  !important; height:40px;margin-bottom: 40px;
	padding: 0px !important;
}

.btn-dark {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.ewd-ufaq-faq-title-text h4 {
  color: #fff;
  font-size: 20px;
}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
  color: #fff;
  font-size: 22px;
}

.wpcf7-spinner {
  display: contents;
}

.hp-contact-form-holder ::placeholder {
color: #242323 !important;
}
.hp-contact-form-holder .wpcf7 input[type="text"],
.hp-contact-form-holder .wpcf7 input[type="email"],
.hp-contact-form-holder .wpcf7 textarea[type="message"],
.hp-contact-form-holder .wpcf7 input[type="textarea-field"],
.hp-contact-form-holder .wpcf7 select {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #242323;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #242323 !important;
margin-bottom: 30px;
}

.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.mobbanner-txt{display: none;}
.shadow-box{box-shadow: rgba(100, 100, 111, 0.69) 0px 7px 29px 0px;}
/*.shadow-box:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}*/


/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.top-cta {font-size: 20px;}
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

.hp-slider .slide-1 { background-position: center center;height: 301px;}
.send {  width: 160px !important;}
.form-text img { padding: 30px;}
.hpsec3 { min-height: 500px;}
.form input { width: 90% !important;  margin: auto;}
.banner-txt{display: none;}
.mobbanner-txt {  display: block; background: #222222; color: #fff;  text-align: center;  padding: 30px;  }
.mobbanner-txt h2{ font-size: 35px;  font-weight: bold; font-family: "WindSong", cursive; color: #fff;}
}