/*
 * Predefined classes
 */


/*
 * Structure
 */


 body{
  padding-top:100px;
  margin:0;
  font-family:"open sans", "Helvetica", "Arial", san-serif;
  font-size:15px;
  transition-duration: 0.5s;
}

body.float_top{
padding:0;
}
.wrapper{
  margin:auto;
}

header, section{
  width:100%;
  position:relative
}

section{
  padding:50px 0;
}

.full_width{
  width:100%
}

.xl_width{
width:1700px;
}

.main_width{
  width:1320px;

}

.min_width{
  width:900px;
}

@media only screen and (max-width:1500px){
.xl_width{
width:100%;
}
}

@media only screen and (max-width:1320px){
.main_width{width:95%;}
}
@media only screen and (max-width:992px){
.min_width{width:95%;}
}

.center{
  text-align:center;
}

.aligncenter{
  display:block;
  margin:auto;
  margin-bottom:30px;

}

.grey{
  background-color:#efefef;
}

a{
text-decoration:none;
color:#000;
}

a:hover{
  color:#29378D
}

#content p{
  line-height:20px;
  margin-top:10px;

}

#content a, #single_content a{

  padding:10px 30px;
  border:none;
  border-radius:10px;
  background:#F4B224;
  color:#fff;
  font-weight:400;
  margin:30px auto ;
  
  display:block;
  width:fit-content;
}

#content a:hover, #single_content a:hover{
  background:#29378D
}

}



@media only screen and (max-width:900px){
.mob_hidden{
display:none !important;
}
}



/*
* Section colours
*/






.no_border{
border:none !important;
}

.no_padding{
padding:0 !important;
}

.page_image{
  background-size:cover;ss
}


/*
* Grid classses
*/


.grid{
   display: grid;
   grid-gap:20px;
}




.grid_two_columns{
   grid-template-rows: -webkit-max-content;
   grid-template-rows: max-content;
   grid-template-columns:1fr 1fr;
}
.grid_three_columns{
   grid-template-rows: -webkit-max-content;
   grid-template-rows: max-content;
   grid-template-columns:1fr 1fr 1fr;
}




.box{
background:#f4e4c1;
border-radius:10px;
padding:10px;
}


.box div{

}




/*
* Fonts
*/
h1, h2, h3, h4, h5, h6{
  font-family:"Georgia", "Times new Roman", serif;
  font-weight:100;
  padding:;
}

h1{
  font-size:40px;
}
h2{
  font-size:35px;
}
h3{
  font-size:30px;
}
h4{
  font-size:25px;
}
h5{
  font-size:20px;
}
h6{
  font-size:15px;
}


/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('./fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
     url('./fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('./fonts/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
     url('./fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('./fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
     url('./fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('./fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Open Sans Italic'), local('OpenSans-Italic'),
     url('./fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('./fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
     url('./fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('./fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
     url('./fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('./fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
     url('./fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
     url('./fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
     url('./fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
     url('./fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
   }

   #titlearea{
    background:url("https://www.careinspections.co.uk/wp/wp-content/uploads/2023/04/cropped-CIUK-Port.jpeg") no-repeat center;
	background-size: contain;   
    }
  

/*  Timeline page */


#timeline_wrapper .center_line:after {
  content:"";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 2px dashed #6B78C5;
  transform: translate(-50%);
  }


.timeline_item{width:100%;margin-top:50px;margin-bottom:50px;display:grid;/* z-index:10; */grid-template-columns: 1fr 80px 1fr;grid-column-gap: 40px;}

.timeline_content_box{
 padding:15px 30px; 
 background:#fff;
 border-radius:10px;
}
 
.reverse .timeline_content_box{
grid-column:3;
grid-row: 1;
 background:#f4e4c1;
}
.reverse .timeline_date_box{
  grid-column:1;
  grid-row: 1;
  text-align: right;
  }
.reverse .timeline_center{
    grid-column:2;
    grid-row: 1;
}





.timeline_center{
  z-index:10;
margin-top:px;
border-radius:60px;
height:60px;
width:60px;

background-image:url("https://www.careinspections.co.uk/wp/wp-content/uploads/2023/05/icon.jpg");
background-color:#fff;
border:10px white solid;
}

.timeline_title{
padding-top:15px;
margin:0;
border:;
}

.timeline_date_box p{
  font-size:15px;
  font-weight:600;
  padding-top:15px;
}


@media only screen and (max-width: 800px) {
  #timeline_wrapper .center_line:after {
    left: 60px;
  }

  .timeline_item{
    grid-template-columns:80px 1fr;
  }
  

.timeline_content_box, .reverse .timeline_content_box{
grid-column:2;
grid-row: 2;
margin-left:-30px;
}
.timeline_date_box, .reverse .timeline_date_box{
  text-align:left;
  grid-column:2;
  grid-row: 1;
 
 
  }
 .timeline_center, .reverse .timeline_center{
    grid-column:1;
    grid-row: 1;
}

.timeline_content_box h3, .reverse .timeline_content_box h3{
  margin-top:0;
  padding-top:0;
}


  
}


/*  Question & Answers Page */
.qa_item{
padding:15px 40px;
margin-bottom:50px;
border-radius:10px;
background:#fff;
}

.qa_item.alt{
background:#f4e4c1;

}
.qa_content{

}
.qa_title{
  font-size:20px;
  font-weight:600;
}

.qa_content .question{
  
}

.qa_content .answer{
 text-align:left;
 margin-left:19%;
}

.qa_question{
  width:80%;
}
.qa_answer{
  width:80%;
  margin-left:19%;
}


.wpcf7 form{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-column-gap:60px;
}

.wpcf7 span input, .wpcf7 span textarea{
  margin-top:10px;
  padding:10px;
  border-radius:10px;
  background:#F5F1E7;
  border:1px solid lightgrey;
  width:80%;
 
}

.wpcf7 .wpcf7-submit{
  padding:10px 30px;
  border:none;
  border-radius:10px;
  background:#f4b224;
  color:#fff;
  font-weight:400;
}

.wpcf7 .wpcf7-submit:hover{
  background:#29378D
}

.question_form{
  grid-column: span 2;
  margin:auto;
  margin-top:20px;
  width:60%;

}
.question_form span input, .question_form span textarea{
  width:100%;
}

.page_image{
  background-size:cover;
  border-radius:10px;
  min-height:300px;
}
@media only screen and (max-width:768px){
  .grid, .wpcf7 form{
    display:block;
    grid-template-columns:unset !important;
  }

  #contact_boxes .box{
    margin-top:20px;;
  }

}

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



 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav_tel{
    display:none;

  }
  .grid, .navbar_wrap{
    display:block !important;

  }
  #navbar .logo{
    display:block !important;
    float:left;
  }

  .navbar_wrap .headNav{
    display:block !important;
    float:right;
    margin-top:40px !important;
    }
  
    .navbar_wrap .headNav ul li ul.sub-menu{
      margin-left:-80px !important;

    }

    #home_cta a, #content a, #single_content a{
      width:30% !important;
      margin:auto !important;
      text-align: center !important;
    }

      footer .footer_contact, footer .footer_accreditation{
        text-align:center;
      }

      #timeline_wrapper{
        padding-bottom:200px;
      }

      #timeline_wrapper .timeline_item{
        display:block !important;
        clear:both;
        z-index:10 !important;
        margin: 20px 0px;
        height:auto;
        padding:20px 0px;
      }
      #timeline_wrapper .timeline_item .timeline_content_box,
      #timeline_wrapper .timeline_item .timeline_content_center,
      #timeline_wrapper .timeline_item .timeline_date_box{
        display:block !important;
      }

      #timeline_wrapper .timeline_content_box{
        float:left;
        width:40%;
      }

      #timeline_wrapper .reverse .timeline_content_box{
        float:right;
      }

      #timeline_wrapper .timeline_date_box{
        float:right;
        width:40%;
      }
      #timeline_wrapper .reverse .timeline_date_box{
        float:left;
      }
      #timeline_wrapper .timeline_center{
        width:60px;
        display:block;
        z-index:10 !important;
        position:absolute;
        left:49.5%;
        margin-left:-30px;
      }



      #timeline_wrapper .center_line::after, #timeline_wrapper .center_line{
        z-index:1 !important;
  
      }

      #contact_boxes .box{
        margin-bottom:30px;

      }
}
.footer_accreditation img {
    width: 90% !important;
}