/*

 Theme Name:   Computer Repairs

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Luke Rogers, using base provided by Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/



/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/fonts/inter-v18-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


body {


  background-color:#ebebeb;
  background-image: url(https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;

}
body .inside-header {
  padding: 0px;
}


.cr-logo a{
  text-decoration: none;
  border-left:20px solid #000;
  padding-left: 20px;
}
body.page-id-498 .cr-logo a{
  border-left-color: #1be7ff;
}
body.page-id-605 .cr-logo a{
  border-left-color: #6eeb83
}
body.page-id-613 .cr-logo a{
  border-left-color: #e4ff1a;
}
body.page-id-623 .cr-logo a{
  border-left-color: #ffb800
}
body.page-id-631 .cr-logo a{
  border-left-color: #ff743d
}


body.page-id-498 .focus-inside-header {
  background-color: #1be7ff;

}
body.page-id-605 .focus-inside-header {
  background-color: #6eeb83;

}
body.page-id-613 .focus-inside-header {
  background-color: #e4ff1a;

}
body.page-id-623 .focus-inside-header {
  background-color: #ffb800

}
body.page-id-631 .focus-inside-header {
  background-color: #ff743d

}
body.page-id-1110 .focus-inside-header, body.page-id-963 .focus-inside-header{
  background-color: #357dc3;
}
body.page-id-1110 .focus-inside-header h1, body.page-id-963 .focus-inside-header h1{
  color: #fff;
}







.menu-item-589 a{

  border-bottom: 5px solid #1be7ff;
}
.menu-item-611 a{

  border-bottom: 5px solid #6eeb83;
}
.menu-item-619 a{

  border-bottom: 5px solid #e4ff1a;
}
.menu-item-630 a{

  border-bottom: 5px solid #ffb800;
}
.menu-item-637 a{

  border-bottom: 5px solid #ff743d;
}




body .inside-page-inside-container-focus {

  padding-top:50px!important;
  padding-bottom:50px!important;
}



.focus-tick-list {

  list-style: none;
  margin: 0 0 1.5em 1em;

}
.focus-tick-list li {

  padding: 10px 0 10px 30px;
  background-image: url("https://computerrepair-london.co.uk/wp-content/themes/computer-repairs/tick.png");
  background-repeat: no-repeat;
  background-position: left;
  
}

.get-help-icon {
  float:right;
  width:80px;
  padding:0 0 10px 10px;
}

.link-no-underline a {
  text-decoration: none;
}


.focus-intro {

  font-size:21px;
  font-weight:500;
  background-color: #fff;
  border-top:1px dashed #000;
  border-bottom:1px dashed #000;
  padding:40px;
  margin-bottom: 40px;
}



.focus-toggles .gb-accordion__toggle .gb-icon svg{
  fill:#df1b1b;
  color:#df1b1b;
  width: 1.5em;
  height: 1.5em;
}



.main-navigation .menu-toggle {

  font-size:20px!important;
}


@media screen and (min-width: 767px) {
  .home-headers-icons {
  
    display:block;
    max-width: 100px;
  }
  .sticky-focus {
    position: sticky;
    position: -webkit-sticky;
    top: 150px;
}
}


@media screen and (min-width: 1400px) {
.home-headers-icons-title {

    background-repeat: no-repeat;
    background-position: TOP LEFT;
    background-size: 50px;
    padding-left: 70px;
    min-height: 100px;
}
.home-headers-icons-title.pc-repairs {
  background-image: url(https://computerrepair-london.co.uk/wp-content/uploads/2024/12/pc-repair.png);
  
  }
.home-headers-icons-title.laptops {
    background-image: url(https://computerrepair-london.co.uk/wp-content/uploads/2024/12/laptop.png);
    
    }
.home-headers-icons-title.apple {
      background-image: url(https://computerrepair-london.co.uk/wp-content/uploads/2024/12/mac.png);
      
      }
.home-headers-icons-title.gaming {
        background-image: url(https://computerrepair-london.co.uk/wp-content/uploads/2024/12/gaming.png);
        
        }
.home-headers-icons-title.email {
          background-image: url(https://computerrepair-london.co.uk/wp-content/uploads/2024/12/network-email.png);
          
          } 
.home-headers-icons {
    display:none;
  }
}








@media screen and (min-width: 1151px) {

  .main-navigation{
    margin-left:auto;
    margin-right:auto; 
    width:calc(100% - 80px);
    
    
  }

  .current-menu-item a{
    border-bottom-width: 10px;
    
    }
}

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

  .main-navigation{
    margin-left:auto;
    margin-right:auto; 
    width:100%;
    
    
  }

  .current-menu-item a{
   font-weight:800;
    
    }
    .current-menu-item a::before{
      content:">> ";
       
       }
  
}







@media screen and (min-width: 750px) {


  .navigation-branding .main-title a {
    display: none!important;
  }





}
@media screen and (max-width: 750px) and (min-width: 1200px) {

  .gb-grid-column.gb-grid-column-fcc7c744 {
    display: none!important;
  }
  .inside-page-inside-container-focus .gb-grid-wrapper > .gb-grid-column-3ea8a55b{
    width:65%;
  
  }
  .inside-page-inside-container-focus .gb-grid-wrapper > .gb-grid-column-8c8267ce{
    width:35%;
  
  }
}


.mobile-cta {
  display:none;
}

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

  .focus-top-bar {
    display:none!important;
  }
  .focus-top-bar-mobile {
    display:block!important;
  }
    
 

.focus-top-bar-mobile {
  display:none!important;
}
.focus-inside-right {
  display:none
}
.mobile-cta {
  display:block;
}
}



@media screen and (max-width: 880px) and (min-width: 300px) {

.focus-top-bar .gb-grid-wrapper > .gb-grid-column-a43bb612 {
  display:none;
}

.focus-top-bar .gb-grid-wrapper > .gb-grid-column-a74c1426 {
  width: 70%;
}
.focus-top-bar .gb-grid-wrapper > .gb-grid-column-8040db51 {
  width: 30%;
}
p.gb-headline-e2ffa702{
  text-align: left!important;
}
}


@media screen and (min-width: 750px) {

  .cr-logo a{
    display:block;
  }
  .mobile-header-contact {
    display:none;
  }
 
}

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

  .cr-logo a{
    display:none;
  }
  .mobile-header-contact {
    display:block;
  }
 
}