/* --------------------------------------
=========================================
COLOR : BLUE 

MAIN COLOR CODE: #008ed6

DEEP COLOR CODE: #005885
=========================================
----------------------------------------- */
.icon-container,
.standard-button,
.colored-line,
.color-bg,
.screenshots .owl-theme .owl-controls .owl-page span {
  background-color: var(--primary);
}
a,
.contact-link,
.colored-text,
.feature .icon,
h5 span , 
h5 strong, 
h1 strong, 
h2 strong, 
h3 strong, 
.sidebar li span, 
.sidebar li span a,
.demo-style-switch .switch-button:hover, 
.social-icons li a:hover,
.non-sticky .navbar-nav > li > a:hover,
.sticky-navigation .main-navigation .current a {
  color: var(--primary);
}

.standard-button{
  border-color: var(--primary);
}

.standard-button:hover,
.standard-button:focus,
.pricing-table .colored-text.strong {
	color: var(--white);
}
 

.standard-button:hover, 
.standard-button:focus {
  background-color: var(--primary-darken);
  border-color: var(--primary-darken);
}
.secondary-button:hover {
  color: var(--white);
  border-color: var(--primary);
  background-color: var(--primary);
}

.sticky-navigation .navbar-nav > li > a:hover {
  color: var(--primary-darken);
}


.newsletter-sex,
.newsletter-firstname, 
.newsletter-lastname, 
.newsletter-email, 
.vertical-registration-form .input-box {
  border-top: 1px solid rgba(var(--primary-rgb), 0.4);
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.4);
  border-right: 1px solid rgba(var(--primary-rgb), 0.4);
  border-left: 3px solid var(--primary);
}
.newsletter-firstname:focus, 
.newsletter-lastname:focus, 
.newsletter-email:focus, 
.newsletter-firstname:active, 
.newsletter-lastname:active, 
.newsletter-email:active, 
.vertical-registration-form .input-box:focus,
.vertical-registration-form .input-box:active {
  border-color: var(--primary);
}
.subscription-form .input-box:focus,
.subscription-form .input-box:active {
  border-left: 3px solid var(--primary-darken);
}
.input-box:active,
.textarea-box:active,
.input-box:focus,
.textarea-box:focus {
  border-left: 3px solid var(--primary) ;
}


.contact-link:hover {
  color: var(--primary-darken);
}