/*** Global Settings ***/
html,
body {
    background-color: #fff;
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    text-rendering: optimizeLegibility;  
}


/*** Headings ***/
h2 { 
    font-size: 2.4rem;
}

h2, h3 {
    font-family: 'Lato', sans-serif;
    color: #000;
    line-height: 2.4rem;
}

h2 span {
    font-size: 4rem;
}

h2 span, h3 span {
    font-family: 'Italianno', cursive;
    display: block;
    color: #27ae60;
}

h3 {
    font-size: 2rem;
}

h3 span {
   font-size: 3rem; 
}


/*** Social Links ***/
.socials ul {
    list-style: none;
}

.socials ul li {
    position: relative;
    display: inline-block;
}

.socials ul li a:before {
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: top;
    padding: 0 .4rem;
    content: '\f08e';
    color: #27ae60;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
}

.socials ul li a[href*="facebook.com"]:before {
    content: '\f230';
}

.socials ul li a[href*="twitter.com"]:before {
    content: '\f081';
}

.socials ul li a[href*="instagram.com"]:before {
    content: '\f16d';
}

.socials ul li a[href*="youtube.com"]:before {
    content: '\f16a';
}



/*** Main Navigation ***/
.navigation {
    background-color: #3498db;
    background-color: #27ae60;   
}

.bg-faded {
    background-color: transparent;
}

.navbar-toggler {
    background-color: #fff;
}

.navbar-brand {
    color: white!important;
}

.flex-sm-row {
    width: 100%;
}

nav.main-nav {
    background: url(../img/border_horizontal.png),
                url(../img/border_horizontal.png);
    background-repeat: repeat-x;
    background-position: 0px top, 0px bottom;
}

nav.main-nav .nav-item {
    transition: background-color 2s ease;
}

nav.main-nav .nav-item:hover {
    background-color: #2ecc71;
    border-radius: 10px;
}

nav.main-nav .nav-link {
    font-size: 1.2rem;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}


/*** Carousel ***/
.carousel .carousel-caption h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}


/*** New Website Section ***/
.new-website {
    font-size: 1.6rem;
    color: #979797;
    font-family: 'Lato', sans-serif;
}


/*** Image Links ***/
.image-links img {
    border: 10px solid #fff;
    transition: transform .3s ease;
}

.image-links img:hover {
    transform: scale(1.2) rotate(10deg);
}

.image-info {
    background-color: #fff;
    margin-top: -50px;
}

.image-info .btn-success {
    border: none;
    border-radius: 0;
    background-color: #27ae60;
}


/*** Business Hours ***/
.business-hours {
    background-color: #27ae60;
    color: #fff;
}

.business-hours h2 {
    color: #fff;
}

.bg-hours {
    background: url(../img/bg_hours.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px;
}

.table {
    border: 2px solid  #333;
}

.table td,
.table thead th {
    border: none;
}

.table tbody tr td {
    padding: .35rem;
}

.table-danger, 
.table-hover .table-danger:hover {
     background-color: #000;
}


/*** Plant Hire ***/
.plant-hire .card {
    border: none;
}

.plant-hire .card a {
    color: #000;
}

.plant-hire .card a:hover {
    text-decoration: none;
}

.plant-hire .card h3 {
    font-size: 1.3rem;
    color: #27ae60;
}

.plant-hire .card p {
    font-size: .8rem;
}

.plant-hire .card p.price {
    font-size: 1.5rem;
    font-family: 'Lato', sans-serif;
    color: #979797;
}


/*** Why Choose Us ***/
.why-us {
    background-image: url(../img/bg_whyus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: #fff;
}

@media (min-width: 992px) {
    .why-us {
        background-size: cover;
    }
}

.why-us h3 {
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
}

.why-us p {
    line-height: 2.6rem;
}

.why-us .btn-primary {
    border: none;
    border-radius: 0;
    padding: 1rem 5rem;
    font-family: 'Lato', sans-serif;
}

.why-us ul li {
    list-style: none;
}


/*** Footer ***/
.site-footer p.copyright {
    font-family: 'Lato', sans-serif;
    color: #979797;
}


/*** Internal Pages ***/

/*** About Us ***/
.hero {
  position: relative;
}

.hero h2 {
  background-color: #27ae60;
  position: absolute;
  bottom: 2rem;
  right: 0;
  padding: 1rem 2rem 1rem 6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 3rem;
  color: #fff;
}

.main-content p {
    line-height: 1.5rem;
    font-family: 'Lato', sans-serif;
}

.sidebar.hours {
    background-color: #27ae60;
    color: #fff;
}

.sidebar.hours p {
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
}
.sidebar.hours h2 {
    color: #fff;
}


/*** Services ***/
#services .card-header {
    background-color: #27ae60;
}

#services .card-header h3 a {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 1.8rem;
}

#services .card-block {
    font-size: 1.2rem;
    line-height: 2.4rem;
}

aside.discount {
    background-color: #27ae60;
    color: #fff;
    background-clip: content-box;
}

aside.discount h3 {
    color: #fff;
}

aside.discount .coupon {
    border: 2px dashed #fff;
}

aside.discount .coupon p {
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
}

aside.discount .coupon p span {
    display: block;
}


/*** Contact Us ***/
.contact-form {
    border: 2px solid #9a9a9a;
    background-color: #fff;
}

.contact-form .btn-primary {
    background-color: #27ae60;
    border: none;
    border-radius: 0;
    padding: 1rem 6rem;
}

.contact-form .btn-primary:hover {
    cursor: pointer;
}