/*========== Buttons ==========*/
.btn-colour { background-color: #03a9f4; border-color: #03a9f4;}
.btn-colour:hover,
.btn-colour:focus,
.btn-colour:active,
.btn-colour.active { background-color: #03a9f4; border-color: #03a9f4; }
.btn-colour.disabled:hover,
.btn-colour.disabled:focus,
.btn-colour.disabled:active,
.btn-colour.disabled.active,
.btn-colour[disabled]:hover,
.btn-colour[disabled]:focus,
.btn-colour[disabled]:active,
.btn-colour[disabled].active,
fieldset[disabled] .btn-colour:hover,
fieldset[disabled] .btn-colour:focus,
fieldset[disabled] .btn-colour:active,
fieldset[disabled] .btn-colour.active { background-color: #03a9f4; border-color: #03a9f4;}


/*========== Alert ==========*/
.alert.alert-custom { background: #03a9f4; color: #fff; font-weight: bold;}


/*========== Font colours ==========*/
.colour,
a { color: #03a9f4;}
a:hover { color: #03a9f4;}


/*========== Colour section ==========*/
.colour-section { background: #03a9f4;}


/*========== Loader ==========*/
.loader { border: 4px solid #03a9f4;}
.loader-fill { background: #03a9f4;}


/*========== Icons ==========*/

  /*========== Icon Module 1 ==========*/
  .icon-1 span { color: #03a9f4;}
  @media (min-width: 992px) {
  .icon-module-1:hover span { color: #fff; background: #03a9f4; border: 1px solid #03a9f4;}
  }


  /*========== Icon Module 2 ==========*/
  .icon-module-2 span { color: #03a9f4;}
  @media (min-width: 992px) {
  .icon-module-2-hover:hover { background: #03a9f4;}
  }


  /*========== Icon Module 3 ==========*/
  .icon-module-3 i { color: #03a9f4;}



/*========== Social Icons ==========*/
@media (min-width: 992px) {
.social-icon:hover { color: #03a9f4; border: 1px solid #03a9f4;}
}


/*========== Navigation ==========*/
.overlay-nav { background-color: rgba(3,169, 244, 0.8);  }

.open-nav a { border-top: 2px solid #03a9f4;}
.open-nav a:before,
.open-nav a:after { background: #03a9f4;}


/*========== Team Section ==========*/

@media (min-width: 1200px) {
.team .team-social a:hover { color: #03a9f4; border: 1px solid #03a9f4;}
}


/*========== Portfolio Section ==========*/

.portfolio .cbp-l-caption-body a:hover,
.portfolio .cbp-l-loadMore-button a:hover { color: #03a9f4; border: 2px solid #03a9f4;}
.portfolio .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { background: #03a9f4; border: 2px solid #03a9f4;}
.portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #03a9f4; border: 2px solid #03a9f4;}
.single-portfolio-service-module .sps-icon span { color: #03a9f4;}


/*========== CTA Section ==========*/

.cta { background: #03a9f4;}
@media (min-width: 1200px) {
.cta:hover { background: #03a9f4;}
}


/*========== Testimonials Section ==========*/

@media (min-width: 1200px) {
.testimonials-item:hover .testimonials-icon span { color: #03a9f4;}
}


/*========== Pricing Tables ==========*/

.pricing-module .price { color: #03a9f4;}
.pricing-module.popular-price .price-desc { color: #03a9f4; text-transform: uppercase;}



/*========== Company Stats ==========*/

.company-stats-module .company-stats-amount span { color: #03a9f4;}

@media (min-width: 1200px) {
.company-stats-module:hover .company-stats-icon { background: #03a9f4; }
}


/*========== Twitter Feed ==========*/

.twitter-feed-module .twitter-icon span { color: #03a9f4;}


/*========== Contact Section ==========*/

.contact .form-submit input { background: #03a9f4; border: 1px solid #03a9f4; text-transform: uppercase; font-weight: bold;}
.contact .form-submit input:hover { background: #03a9f4;}
.contact input:focus,
.contact textarea:focus { border: 1px solid #03a9f4;}

/*========= Team ==============*/
.team-desc a:hover h4{color: #03a9f4;}

/* set width and height for items */
.cbp-l-grid-masonry .cbp-item {    
    width: 360px;
}

#content-blog .post-readmore a{background:#03a9f4; color:#fff}

/* pagination */
ul.pagination li a{ color:#03a9f4;}
ul.pagination li.active a, ul.pagination li.active a:hover, 
ul.pagination li a:hover,ul.pagination li span{
background:#03a9f4; 
color:#fff; 
border-color: #03a9f4;
border-radius: 4px;
}


#commentform input:focus, #commentform textarea:focus{ 
border-color:#03a9f4;
box-shadow: none;}


.cbp-l-grid-masonry .cbp-l-grid-masonry-height1 {
    height: 358px;    
}


.cbp-l-grid-masonry .cbp-l-grid-masonry-height2 {
    height: 416px;    
}