/*   
Theme Name: Sweeps Up
Theme URI: https://www.creativeclicks.co.uk
Description: default theme 
Author: Creative Clicks 
Version: 1.0
*/
@import 'css/nav.css';
body {
font-family: roboto, sans-serif;
font-weight: 300;
font-style: normal;
color:#141414;
text-align: left; 
font-size:18px;
line-height:1.4em;
margin: 0;
padding: 0;
background: #F4F4F4;
}
html {
margin: 0;
padding: 0;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
height: 100%;
}
*{box-sizing: border-box;}
strong {
font-weight:700; 
}iframe {
width:100%;
}
.center {
text-align:center; 
}
.nopadd{
padding: 0 !important;
}
.notoppad {
padding: 0px 2em 100px 2em !important;
}
:root {
--orange-color:#E47129;
}

header {
background-color: var(--orange-color);
}
.header-inner {
max-width:1360px;
margin:auto;
display: flex;
align-items: center;
padding:1em;
}
header div {
flex:1;
}
.header-inner div:nth-of-type(3) {
text-align:right;
}

.wrapper {
width:100%;
padding: 100px 2em 100px 2em;
}
.inner {
max-width: 1360px;
margin:auto;
}
.twocol {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
margin-bottom:20px;
/*height: -webkit-fill-available;*/

}
.homecall {
margin-top:2rem;
}
.homecall .inner {
max-width:100%;
}
.twocol .left {

}
.twocol .right {

}
.twocol .content-right {
width:fit-content;
margin-left: 200px;
}

.twocol-services {
display: grid;
grid-template-columns: 1fr 1fr;
gap:30px;
}
.twocol-services div {
background-size:cover;
background-position: center;
max-height:450px;
min-height:450px;
padding:20px;
display: flex;
justify-content:flex-end;
align-items:flex-end;
text-align: center;
transition: transform .2s; 
}
.twocol-services a {
text-decoration: none;
}

.twocol-services a:hover {
text-decoration: none;
}
.twocol-services div:hover {
opacity:0.95;
transform: scale(1.01);

}
.twocol-services a:link h2, .twocol-services a:visited h2 {
color: white;
text-decoration:none;
text-shadow:  2px 2px 5px rgba(0, 0, 0, 0.5); 
}
.twocol-services a:link, .twocol-services a:visited {
text-decoration:none;
}

.enquiry {
color:white;
background:#141414;
border-bottom:4px solid #AD3101; 
padding:2em;
}
.enquiry-inner {
max-width:1360px;
margin:auto;
display: flex;
}
.enquiry-inner .address,.enquiry-inner .form  {
flex:1;
padding:2em;
}
footer {
font-size:14px;
max-width:1360px;
margin:auto;
padding:1em;
display: flex;
justify-content: space-between;
}
.foot-left { flex:1;}
.foot-right { flex:1; text-align: right;}

.circular-images {
  display: flex; /* Align items in a row */
  justify-content:flex-start; /* Center the content */
  align-items: center; /* Center vertically */
  gap: 1rem; /* Add spacing between images */
  position: relative;
}

.circle {
  width: 250px; /* Set a fixed size for circles */
  height: 250px;
  border-radius: 50%; /* Make it circular */
  overflow: hidden; /* Crop overflowing parts of the image */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
  display: flex; /* Center the image */
  justify-content: center;
  align-items: center;
}

.circle img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the image scales without distortion */
}

.circle:nth-child(2) {
  transform: translateY(-30px); /* Adjust alignment */
}

.circle:nth-child(3) {
 transform: translate(-400px, 200px); /* Horizontal and vertical offsets combined */
}

h1,h2,h3,h4 {
font-family: rubik, sans-serif;
line-height: 1.4em;
padding:0; margin:0;
}
h1 {
font-weight:700;
font-size: clamp(2rem, 2.2vw, 2.5rem);
}
h2{
font-size: clamp(1rem, 1.5vw, 1.8rem);
font-weight:500;
}
h3 {
font-size: clamp(1rem, 2vw, 1.8rem);
font-weight:500;
}
.homecall h4 {
font-size: clamp(1.5rem, 3vw, 3rem);
font-weight:700;
text-transform: uppercase;
background:none;
text-align:left;
}

h4 {
background: var(--orange-color);
color:white;
padding:0.5em;
margin-bottom:20px;
width:fit-content;
font-size: clamp(1rem, 1vw, 1.2rem);
font-weight:500;
}
h5 {
font-weight: 400;
font-size: clamp(1rem, 1vw, 1rem);
}

a:link, a:visited {
color:#000;
text-decoration:underline;
}
a:hover, a:visited:hover { 
text-decoration: none;
color:var(--orange-color);
}

.tel a:link, .tel a:visited {
text-decoration: none;
color:white;
padding:10px 25px 10px 25px;
background:#000;
border-radius: 50px;
width: fit-content;
}
.enquiry a:link, .enquiry a:visited {
text-decoration: none;
color:white;
}

.homecall {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), 
url('images/dogfireplace.jpg');
background-size: cover;
background-position: center;
height: 100vh; /* Adjust height as needed */
display: flex;
justify-content: center;
align-items:flex-start;
color: white; /* Example content styling */
text-align: center;
}
.homecall .text {
padding:2em;
}
.homecall .list {
text-align: left;
padding:2em;
background:rgba(0,0,0,0);
width: fit-content;
margin-left:auto;
}
.scrolling-text-container {
width: 100%;
overflow: hidden;
background-color:#AD3101;
padding:2em;
display:inline-flex;
justify-content: space-between;
}

.scrolling-text {
display: flex;
animation: scrollText 60s linear infinite;
color:white;
font-size:1.6rem;
font-weight:300;
text-transform: uppercase;
white-space: nowrap;
}

.scrolling-text span {
flex-shrink: 0;
}

@keyframes scrollText {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/*Photo Gallery*/
.gallery ul{
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto;
padding: 0;
width: 100%;
gap:2em;
box-sizing: border-box;
}
.gallery li {
width: calc(31%);
box-sizing: border-box;
}

.gallery li {
width: calc(33% - 25px);
box-sizing: border-box;
}
.gallery img {
width: 100%;
height:100%;
object-fit: cover;
display: block;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/*Forms and Buttons*/
.button, .button a:link, .enquiry-inner.gform_button {
background: var(--orange-color) !important;
padding:12px 30px 12px 30px !important;
margin:15px 2px 15px 2px !important;
border-radius: 50px !important;
text-decoration: none !important;
transition: 0.3s ease-in-out !important;
color: #fff !important;
text-transform: uppercase !important;
font-weight:400 !important;
border: 0.2px solid white;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: fit-content !important;
font-size: 17px !important;
cursor:pointer !important;
}
.button:hover, .gform_button:hover  {
color:#333 !important;
background:#;
}

.ginput_container_consent {
display:flex;
align-items: center;
}
.gfield_required {
color:#A8000D !important;
}
label, legend {
color:#000;
}



.enquiry label,.enquiry legend {
color:#fff !important;
}

input, textarea, select {
font-family: "roboto", sans-serif;
border-radius:6px;
border:1px solid #959595;
}
input[type="text"] {
padding: 24px 20px !important;
}
input[type="checkbox"] {
padding:1em;
width:20px;
height:20px;
background:grey;
}
input:focus {
background-color:#FDF9E1;
}
label {
font-size:15px;
font-weight:500;
}

/*FAQ*/
#accordion {
padding-top:10px;
}
div.set {
padding: 0;
}
article.content p {
max-width:860px;
font-size:16px;
padding:10px 20px 0 15px;
}
.set a:link, .set a:link:visited {
text-decoration:none;
}
.set h4 i {
float: right;
margin:2px 0 0 auto;
}
.set h4{
font-weight:700;
padding:0 0 20px 0;
margin:0;
font-size: clamp(1.1rem, 2vw, 1.2rem);
display: flex;
width:100%;
font-family: bio-sans, sans-serif;
background:none;
color:#333;
}
/*FAQ End*/