/*--------------------------------------------------------------
# Backgrgound Color
--------------------------------------------------------------*/
.backtotop,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation .count,
.main-navigation .search-form .search-submit:hover,
.main-navigation .search-form .search-submit:focus,
.menu-toggle:hover,
.menu-toggle:focus,
button.dropdown-toggle,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.author-name:after,
.reply a,
.btn,
.slick-dots li.slick-active button,
#service-section .icon-container a,
#album-section .icon-container a,
#album-section .read-more i,
.wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
.wp-playlist-tracks .wp-playlist-item:hover,
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current,
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after,
#course-section .icon-container a,
#causes-section .icon-container a,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
.dark-version .pagination .page-numbers.current, 
.dark-version .pagination .page-numbers:hover, 
.dark-version .pagination .page-numbers:focus {
    background-color: #03A9F5;
}

/*--------------------------------------------------------------
# Text Color
--------------------------------------------------------------*/
a,
.site-title a:hover,
.site-title a:focus,
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a,
.main-navigation ul.nav-menu li:focus > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus,
.post-navigation a, 
.posts-navigation a,
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus,
#secondary .cat-links a,
#secondary ul li a:hover,
#secondary ul li a:focus,
.page-header small,
.posted-on a:hover,
.posted-on a:focus,
#secondary .posted-on a:hover,
#secondary .posted-on a:focus,
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-meta .url:hover,
.comment-meta .url:focus,
.section-subtitle,
.section-title a:hover,
.section-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
#album-section .read-more a:hover,
#album-section .read-more a:focus,
#gallery-section .entry-title a:hover,
#gallery-section .entry-title a:focus,
.wp-playlist .mejs-currenttime,
.wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before,
.wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before,
.wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before,
.wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before,
.wp-playlist .wp-playlist-prev:before,
.wp-playlist .wp-playlist-next:before,
#events-section .entry-title a:hover,
#events-section .entry-title a:focus,
#events-section .posted-on a:hover,
#events-section .posted-on a:focus,
.product_meta a:hover,
.product_meta a:focus,
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
ul.post-categories li a:hover,
ul.post-categories li a:focus,
#colophon a:hover,
#colophon a:focus,
#colophon .site-info a:hover,
#colophon .site-info a:focus,
.dark-version #album-section .read-more a:hover, 
.dark-version #album-section .read-more a:focus {
	color: #03A9F5;
}

/*--------------------------------------------------------------
# Svg Color
--------------------------------------------------------------*/
.loader-container svg,
.main-navigation ul.nav-menu li:hover > svg,
.main-navigation ul.nav-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul.nav-menu > li.current-menu-item > a > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg,
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg,
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg,
.single-wrapper span.posted-on svg,
.single-wrapper span.cat-links svg,
#team-section .social-icons a svg {
	fill: #03A9F5;
}

/*--------------------------------------------------------------
# Border Color
--------------------------------------------------------------*/
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus,
.slick-dots li button,
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
.dark-version .pagination .page-numbers.current, 
.dark-version .pagination .page-numbers:hover, 
.dark-version .pagination .page-numbers:focus {
	border-color: #03A9F5;
}

/*--------------------------------------------------------------
# Responsive Color
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	.main-navigation ul.nav-menu > li > a.custom-button:hover,
	.main-navigation ul.nav-menu > li > a.custom-button:focus {
		background-color: #03A9F5;
	}
}

/*--------------------------------------------------------------
# Preloader Color
--------------------------------------------------------------*/

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #03A9F5;}
    25% {height:30px;transform:translateY(15px);background: #03A9F5;}
    50% {height:5px;transform:translateY(0px);background: #03A9F5;}
    100% {height:5px;transform:translateY(0px);background: #03A9F5;}
}