/*--------------------------------------------------------------
# Background Color
--------------------------------------------------------------*/
.backtotop,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
input[type="submit"],
.author-name:after,
.btn,
.reply a,
.slick-prev, 
.slick-next,
.slick-dots li.slick-active button,
.widget_instagram button[type="submit"],
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-dots li.slick-active button,
#blogendar_pro_testimonial_section .slick-arrow:hover,
#blogendar_pro_testimonial_section .slick-arrow:focus,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
ul.tabs li a.active:after,
#ultravel_pro_about_section .counter-wrapper,
#ultravel_pro_activities_section .slick-prev.slick-disabled,
.testimonial-wrapper,
#ultravel_pro_gallery_section .entry-header,
#ultravel_pro_subscribe_now_section .wrapper,
#contact-section,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background-color: #46c4f3;
}

/*--------------------------------------------------------------
# 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,
#top-navigation .main-navigation ul.nav-menu > li > a:hover, 
#top-navigation .main-navigation ul.nav-menu > li > a:focus,
#secondary .cat-links a,
#secondary a:hover,
#secondary 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,
.section-title a:hover,
.section-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
#subscribe-now .section-subtitle,
ul.post-categories li a,
.cat-links a,
#about-us .section-subtitle,
.product_meta a:hover,
.product_meta a:focus,
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price,
#colophon a:hover,
#colophon a:focus,
#colophon .site-info a,
#colophon .footer-menu li.current-menu-item a,
#blogendar_pro_header_content_section span.posted-on a:hover, 
#blogendar_pro_header_content_section span.posted-on a:focus, 
#blogendar_pro_header_content_section .post-categories a:hover,
#blogendar_pro_header_content_section .post-categories a:focus,
ul.tabs li a.active, 
ul.tabs li a:hover,
ul.tabs li a:focus,
.count-wrapper select,
.more-link,
.main-navigation a:hover, .main-navigation a:focus, 
.main-navigation ul.nav-menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:focus, 
.main-navigation ul.nav-menu li.current-menu-item > a:hover, 
.main-navigation ul.nav-menu li.current-menu-item > a:focus,
#colophon .widget_text .widget-title, .widget_block h2.widget-title,
.second-design .featured-slider .entry-meta a:hover, 
.second-design .featured-slider .entry-meta a:focus {
    color: #46c4f3;
}

/*--------------------------------------------------------------
# Fill 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,
.loader-container svg,
.list-layout .post-categories svg,
.main-navigation ul.nav-menu > li > a:hover svg, 
.main-navigation ul.nav-menu > li.current-menu-item > a:hover > svg {
    fill: #46c4f3;
}

/*--------------------------------------------------------------
# Border Color
--------------------------------------------------------------*/
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
input[type="submit"],
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus,
.reply a,
.slick-prev, 
.slick-next,
.slick-dots li button,
#subscribe-now button[type="submit"],
.widget_instagram button[type="submit"],
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-dots li button,
.btn,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    border-color: #46c4f3;
}


@media screen and (min-width: 1024px) {
    .main-navigation ul#primary-menu li.current-menu-item > a:after, 
    .main-navigation ul#primary-menu > li:hover > a:after {
        background-color: #46c4f3;
    }
}

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

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