/*
Theme Name: Finesse Group
Text Domain: www.finessegroup.co.za
Version: 1.0
*/
html,body{ color: #666 !important; font-weight: 300;height: 100%;}

/*
  Globals
*/
a{ color: #0056b3 !important }
h2, h3{ font-weight: 300;}
h1 {font-size: 3rem; font-weight: 100;}
h2{font-size: 2.8rem; font-weight: 100;}
h2 span.finesse-blue{ font-weight: 400; }
ul{padding-left: 15px;}
b, strong{ font-weight: 600;}
p.iso{ font-size: 0.8rem; line-height: 0.5rem}
.post-meta{ list-style: none; padding: 0}
.post-meta .meta-icon{ margin-right: 5px}
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle{ color: #666 !important}
textarea.form-control{height: 115px;}

/*
  Colours
*/
.finesse-blue{ color: #0083bf; }

/*
  Buttons
*/
.btn-link{ color: #0083bf;}
.btn-outline-primary{
  color: #0083bf;
  border-color: #0083bf;
}
.btn-outline-primary:hover{
  color: #fff;
  background-color: #0083bf;
  border-color: #0083bf;
}
.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #0083bf !important;
    border-color: #0083bf !important;
}

/*
  Header
*/
header{ font-size: 1.2rem; }
header .logo img{ width: 250px; height: auto;}
nav ul{ list-style: none;}
nav ul li{ float: left; margin: 10px 0 0 50px}
nav a{ color: #0083bf !important; text-decoration: none }
nav a:hover{ color: #000 !important; text-decoration: none }

/*
  Banner
*/
.banner{
  position: relative;
  height: calc(100vh - 105px);
  background-size: 80%;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
}
.banner .gradient{
  position: absolute;
  top: 0;
  right:0;
  width:100%;
  height: calc(100vh - 105px);
  background: rgb(127,193,223);
background: linear-gradient(90deg, rgba(127,193,223,0) 39%, rgba(0,115,167,1) 100%);
}
.banner h1{ font-weight: 100;}
.banner h3{font-size: 1.5rem; font-weight: 100; line-height: 2rem}

/*
  Backgrounds
*/
.background-white{ background-color: #fff;}
.background-grey{background-color: #f9f9f9;}
.background-darkgrey{background-color: #e9e9e9;}
.background-lightgrey{background-color: #f3f3f3;}
.background-blue{ background-color: #0083bf; color: #fff}
.background-green{ background-color: #5fa845; color: #fff}

/*
  Main
*/
main{ line-height: 1.5rem; position: relative;}
main .shell .logo img{ width: 80%; height: auto;}
main p { line-height: 1.6rem}
main a.btn-link:hover{ text-decoration: none;}
#innerCarousel{ border-radius: 5px}
#innerCarousel .carousel-control-prev{ left:-50px}
#innerCarousel .carousel-control-next{ right:-50px}
#innerCarousel .carousel-item i{ font-size: 10rem; }
#innerCarousel .carousel-indicators li{background-color: #5fa845; height: 5px}

/*
  Home
*/
.get-in-touch{ position:absolute; right:0; top:-65px; border-radius:5px }
.homeTagWrap h2 p{ line-height: 1.2 }

/*
  About
*/
.background-about{ position: relative;background-size: cover;background-position: 580px center; background-repeat: no-repeat;}
.background-about .page-filler{ position: absolute; left: 0; top: 0; width: 50%; height: 100%;}

/*
  Services
*/
.background-services{ position: relative;background-size: cover;background-position: -550px center; background-repeat: no-repeat;}
.background-services .page-filler{ position: absolute; right: 0; top: 0; width: 50%; height: 100%;}

/*
  Contact
*/
.background-contact{ border-radius: 5px; position:absolute;right:25px;top:0px; z-index: 100}
iframe{ height: 100vh; width: 100%; border: 0; }
.email-form-error{ color: #990000 }
.grecaptcha-badge{ display: none }
/*
  Footer
*/
footer{background-color: #333;font-size: 0.8rem; color: #ccc !important }
footer a, footer a:hover{ color:#ccc !important; }
footer .logo img{ width: 100%; height: auto; }
footer .logo-sabs img{ width: 60%; height: auto; }