/* add top border color */
#sp-header {
   border-top: 10px solid #eaec48;
}

/* sticky header background image */
.op-header.header-sticky {
  background-image: linear-gradient(black, #000000) !important;
}

/* Top menu font properties  */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height:60px;
    text-transform:uppercase;
    font-weight: 700;
    color: white;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #000000;
}
  

/* change color of hover menu to yellow theme */
#sp-header .sp-megamenu-parent a:hover {
	color: #eaec48;
}

/* 
.sp-megamenu-parent > li.active > a,  .sp-megamenu-parent > li.active:hover > a {
	color:blue;
}
*/

/* change color of parent menu item when selecting submenu items */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a {
     color: #eaec48;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
    padding: 0 10px;
}

/* change hover color of submenu to blue since yellow cannot be seen clearly */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	color: #000000;
  text-decoration: underline;
}

/* change active menu color to yellow theme */
#sp-header .sp-megamenu-parent > li.active > a, #sp-header .sp-megamenu-parent > a {
	color: #eaec48;
}

/* change header fonts style */
#sp-main-body h1, #sp-main-body h2 {
  font-family: 'Rubik', sans-serif;
  font-weight: bold;  
}

/* change hover color of offcanvass menu */
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active { 
	color: #eaec48;
}

/* change color of offcanvas icon */
#offcanvas-toggler > .fa { 
	color: #ffff;
}
/* Shrink top padding for body */
#sp-main-body {
	padding: 50px 0px;
}

/* social media icons */
.fa {
  padding: 9px;
  font-size: 15px;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 2px 1px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* change hover color of bottom menu */
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a.active, #sp-bottom a.active {
	color: #eaec48;
}

/* change padding of footer */
#sp-footer .container-inner {
	padding-top: 10px;
    padding-bottom: 20px;
}

/* set color of footer links */
#sp-footer a {
	color: #ffffff;
    font-weight: 600;
}

/* tablet screen */
@media (max-width:1200px) { 
  
    /* Shrink top menu */
	#sp-header .sp-megamenu-parent > li > a { 
		font-size: 7pt;    
	}  
  
    /* Shrink bottom menu */
	#sp-footer a { 
		font-size: 7pt;    
	}  

}
  

@media (max-width:990px) { 
    /* Shrink bottom menu */
	#sp-footer a { 
		font-size: 10pt;    
	} 
}

@media (max-width:768px) { 
	#sppb-addon-1547569511672 {
		margin-bottom: 0px;
	}
}