/*
 Theme Name:   CoomberSewell
 Theme URI:    https://device5.co.uk/?theme=coombersewell
 Description:  Theme for coombersewell.co.uk
 Author:       Paul Hudson
 Author URI:   https://device5.co.uk
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  coombersewell
*/

/**
 * Fonts
 */
/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital@0;1&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
  font-weight:400;
  color:#474646;
  font-size:18px;
}

@media(max-width:990px) {
  body {
    font-size:1.2rem;
  }
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans', serif;
	font-weight:400;
}

h1 {
  font-size:2.4rem;
}

hr {
  border:none;
  background:url(images/sep.gif);
  height:53px;
  width:182px;
  text-align:center;
  filter:hue-rotate(330deg);
}

/**
 * Top level
 */
a {
  color:#a138b3;
}

a:hover {
	color:#7b2d88;
}

.btn-primary {
  background:#a138b3;
	border-color:#7b2d88;
	color:#fff;
}

.btn-primary:hover {
	background:#7b2d88;
	border-color:#7b2d88;
	color:#fff;
}

h2.entry-title {
  border-bottom: 1px solid rgba(253, 101, 206, 0.5);
}

/**
 * Header
 */
header#masthead {
	background: rgb(253,248,254);
  background: linear-gradient(0deg, rgba(253,248,254,0) 0%, rgba(223, 153, 201,0.2) 100%);
  box-shadow:0 0.5rem 1rem rgba(161,56,179,.05), inset 0 -1px 0 rgba(161, 56, 179,.5);
}

header#masthead a {
	color:#fd65ce;
}


header#masthead img.lazy {
  height:auto;
  max-height:253px;
}

header#masthead a.btn-primary {
  color:#fff;
}

.d5-x-square {
    display: inline-block;
    background-image: url('/wp-content/themes/coombersewell/images/x-twitter.svg');
    width: 18px;
    height: 18px;
    fill: white;
    background-color: #000;
    margin-top: 4px;
    border-radius: 3px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 3px;
}

@media(min-width:480px) {
    .d5-x-square {
        width: 20px;
        height: 20px;
        margin-top:7px;
    }
}

@media(min-width:768px) {
    .d5-x-square {
        width: 22px;
        height: 22px;
        background-size: 17px;
    }
}

@media(min-width:992px) {
    .d5-x-square {
        width: 23.5px;
        height: 23.5px;
        background-size: 18px;
        margin-top:9px;
    }
}

@media(min-width:1281px) {
    .d5-x-square {
        width: 26px;
        height: 26px;
        background-position: 4px;
        margin-top:9.5px;
    }
}

.navigation-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(161, 56, 179, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navigation-main .navbar-toggler {
  border-color:#a138b3;
  margin:0.5rem 0;
}

.navigation-main {
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgba(161,56,179,0.5);
}

.navigation-main .menu-item {
  margin:0 1.2rem 0 0;
  position:relative;
}

.navigation-main .menu-item:last-child {
  margin:0;
}

.navigation-main .menu-item a {
  color:#24292e;
}

.navigation-main .menu-item a:hover {
  color:#fd65ce;
}

.navigation-main .menu-item a[aria-expanded="true"] {
  opacity:0.3;
  color:#fd65ce;
}

@media(max-width:360px) {
	.navbar-brand {
		max-width:122px;
	}
}

@media(max-width:767px) {
  .navigation-main ul.dropdown-menu .menu-item a {
    padding:0.1rem 0;
    margin:0.1rem 0;
  }
  .navigation-main .menu-item {
    font-size:1.3rem;
  }
    
  .dropdown-item {
    font-size:1.3rem;
  }
}

@media(min-width:768px) {
    .navigation-main .menu-item {
        font-size:1rem;
    }
        
    .dropdown-item {
        font-size:1rem;
    }
}

@media(min-width:1025px) {
    .navigation-main .menu-item {
        font-size:1.2rem;
    }
        
    .dropdown-item {
        font-size:1.2rem;
    }
}

@media(min-width:1200px) {
    .navigation-main .menu-item {
        font-size:1.2rem;
    }
        
    .dropdown-item {
        font-size:1.2rem;
    }
}

@media(min-width:992px) {
  .navigation-main ul.dropdown-menu {
    border: 1px solid rgba(161,56,179,0.5);
    border-top-color: rgba(161, 56, 179, 0.5);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    margin-top: 4px;
    margin-left: -10px;
    background: rgba(161,56,179,0.1);
    border-top-right-radius:0;
    border-top-left-radius:0;
  }
  .dropdown-item {
    font-size:1rem;
  }
}

.navbar-social {
  font-size:1.8rem;
}

.navbar-social a {
  margin:0 0.8rem 0 0;
}

.navbar-social a:last-child {
  margin:0;
}

.navbar-social .fa-twitter-square {
  color:#55acee;
}

.navbar-social .fa-facebook-square {
  color:#3b5998;
}

.navbar-social .fa-linkedin {
  color:#0077b5;
}

@media(max-width:991px){
  .navbar-social {
    position:absolute;
    top:6px;
  }
}

#page-sub-header:after {
	content:'';
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.2);
	position:absolute;
}
body:not(.theme-preset-active) #page-sub-header .container {
	z-index:2;
	position:relative;
}

body:not(.theme-preset-active) #page-sub-header {
	text-align:left;
}

body:not(.theme-preset-active) #page-sub-header h1 {
	color:#fff;
}

body:not(.theme-preset-active) #page-sub-header p {
    color: #f65822;
    font-family: ubuntu;
    font-size: 2.175rem;
	margin:0 0.2rem;
}

/**
 * Search
 */
input.form-control {
  border:1px solid rgba(161, 56, 179,0.4);
}

input.form-control:focus {
  border:1px solid rgba(161, 56, 179,1);
}


/**
 * Footer
 */

.site-content {
	padding-bottom:332px;
}
.site-footer {
  background: rgb(253, 101, 206);
  background: linear-gradient(0deg, rgba(253, 101, 206,1) 0%, rgba(223, 153, 201,1) 100%);
}

footer h6 {
	text-transform:uppercase;
}

.pw {
	font-size:2.175rem;
}

.footer-top {
	background:rgba(255,255,255, 0.35);
	border-bottom:1px solid rgba(255,255,255,0.4)
}

.footer-label {
	display:none;
	text-transform:uppercase;
}

.footer-content {
	display:block;
	color:#efefef;
	margin:0.6em 0;
}
footer .nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}
footer .menu-footer-menu-container {
  height:2.6rem;
  overflow:hidden;
  opacity:0;
}

footer ul li:last-child a {
  padding-right:0;
}
.footer-contact {
  margin-top:1rem;
  margin-bottom:auto;
}

body:not(.theme-preset-active) footer#colophon {
  color:#efefef;
}

footer#colophon a {
	color:#efefef;
}

footer .logos img:hover {
	filter:none;
}

footer ul {
	padding:0;
}

footer ul li {
	list-style:none;
}

/**
 * General
 */
.foximg {
	background-size:contain;
	height:140px;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.card {
	background: rgb(239,239,239);
	background: linear-gradient(0deg, rgba(239,239,239,0.7) 0%, rgba(254,254,254,0.5) 35%, rgba(255,255,255,0) 100%);
}

h2.section-title {
	text-transform:uppercase;
	color:#0c5483;
	text-align:center;
}

h2.section-title span {
	font-weight:400;
	color:#f65822;
}

.woocommerce-products-header__title {
  color:#f65822;
}

.our-products {
	text-align:center;
}

.our-customers .wpsisac-slick-carousal-wrp {
	background: #eee;
	padding: 2rem 0 0 1rem;
}

.news-date {
	font-size:0.8rem;
	color:#999;
	display:block;
}

.front-section {
	margin:3.75rem 0;
}

#content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem;
}

#main article .entry-content {
  margin-top:0;
}

#main article .entry-content h1 {
  margin-top:0;
}

/**
 * Services menu widget
 */
#menu-service-listing-menu {
  margin:30px 0;
  font-size:1.25rem;
}

#menu-service-listing-menu li {
  flex: 1 0 calc(50% - 10px);
}

#menu-service-listing-menu li a {
	color:#fd65ce;
  padding-left:0.4rem;
}

#menu-service-listing-menu li:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content:'\f058';
	color:#fd65ce;
}

/**
 * Widgets
 */
.widget {
  font-size:1rem;
}
.about-us-photo img {
  transform: rotate(3deg);
  border: 1px solid #dadada;
  border-radius: 2px;
  padding: 0.4rem;
  margin-bottom: 2rem;
}

.about-us-text:before {
  content:'';
  width:14px;
  height:19px;
  background:url(images/coombersewell-quotel.gif) no-repeat;
  display:inline-block;
  filter:hue-rotate(330deg);
}

.about-us-text:after {
  content:'';
  width:14px;
  height:19px;
  background:url(images/coombersewell-quotel.gif) no-repeat;
  transform:rotate(180deg);
  display:inline-block;
  position:absolute;
  filter:hue-rotate(330deg);
}

.about-us-footer {
  font-weight:bold;
  margin-top:1rem;
}
/* RREMOVED - 11/07/25 - Request by Jane
.about-us-footer:before {
  content:'';
  background:url(images/signature.png) no-repeat;
  width:276px;
  height:77px;
  display:block;
} */

/**
 * Testimonials
 */
.sidebar-testimonial {
  font-style:oblique;
  margin-bottom: 40px;
  padding: 1rem;
  background: rgba(161, 56, 179, 0.1);
  border-radius: 2px;
}

.sidebar-testimonial .testimonial-text {
  display:inline;
}

.sidebar-testimonial .testimonial-name {
  font-style: normal;
  margin-top: 1.6rem;
  color: #a138b3;
  font-weight: 600;
}

.sidebar-testimonial .testimonial-company {
  color:rgba()253, 101, 206, 0.8);
  font-weight:600;
}

.sidebar-testimonial .testimonial-text:before {
  content:'';
  width:36px;
  height:29px;
  background:url(images/quotel-large.gif) no-repeat;
  display:inline-block;
  margin:0 1rem 0 0;
  filter:hue-rotate(330deg);
}

.sidebar-testimonial .testimonial-text:after {
  content:'';
  width:36px;
  height:29px;
  background:url(images/quotel-large.gif) no-repeat;
  transform:rotate(180deg);
  display:inline-block;
  position:absolute;
  margin:0 0 0 1rem;
  filter:hue-rotate(330deg);
}

/**
 * Case studies
 */
.front-page-case-study {
  background: linear-gradient(0deg, rgba(250,240,252,1) 0%, rgba(253,248,254,0) 100%);
  border-radius: 2px;
  border: 1px solid rgba(253, 101, 206, 0.4);
}

.case-studies h2 {
  border-bottom:1px solid #fe65ce;
  border-bottom:1px solid #a138b3;
}

/**
 * Contact page
 */
@media(max-width:560px) {
  .contact-flex {
    flex-direction:column;
  }
}

.mobile-qr {
  transition:all 0.4s ease;
  height:auto;
  max-height:999px;
}
.opacity-0 {
  opacity:0;
  max-height:0;
}

.h-captcha:not([data-size="invisible"]) {
  padding:0;
  border:none;
}

.notice[data-notice-action="webpc_notice_upgrade"] {
  display: none !important;
}


/*Footer Extras*/
img.footerleft {
    max-width: 50%;
}