
/*==============================================
   Theme Color Css
===============================================*/
.thm-clr1{
    color: #ffe701;    
}
.single-footer-widget .footer-contact-info-box a{
    color: #ffe701; 
}
.header-lawer-left ul li span:before {
    color: #0c67c4;
}
.main-menu .navigation> li> ul> li> a{
	color: #022447;
}
.main-menu .navigation> li> ul> li> ul> li> a {
	color: #022447;
}
.boat-content-box .inner-content-box ul li span:before,.boat-content-box .inner-content-box ul li i:before {
    color: #0c67c4;
}
.mobile-menu .navigation li.current > a, 
.mobile-menu .navigation li > a:hover {
    color: #33c7c5;
}


/*==============================================
   Theme Hover Color Css
===============================================*/
.btn-one:hover{
    color: #ffffff;
}
.single-blog-post .meta-info li a:hover {
    color: #ffe701;
}
.login-signup-box ul li a:hover{
    color: #022447;    
}
.header-lawer-left ul li:hover{
    color: #022447;    
}
.main-menu .navigation> li> ul> li> a:hover {
	color: #33c7c5;
}
.main-menu .navigation> li> ul> li> ul> li> a:hover {
	color: #33c7c5;
}
.single-blog-post .text-holder .blog-title a:hover{
    color: #33c7c5;
}





/*==============================================
   Theme Background Css
===============================================*/
.btn-one {
    background: #ffe701;
}
.thm-bgclr1{
    background-color: #ffe701;
}
.thm_bgclr2{
    background-color: #0c67c4;    
}
.thm_bgclr3{
    background-color: #33c7c5;    
}



/*==============================================
   Theme Hover Background Css
===============================================*/
.btn-one:hover{
    background: #022447;
}
.benefits-content ul li:hover .icon-holder{
    color: #022447;
    background: #ffe701;
}



/*==============================================
   Theme Border Color Css
===============================================*/
.boat-image-box:hover:after{
    border-color: #33c7c5;    
}
.sidebar-search-box .search-form input[type="text"]:focus {
    border: 1px solid #33c7c5;
}
.mobile-menu .navigation li > a:before{
    border-left: 5px solid #33c7c5;
}











/*==============================================
   Theme Other Color, Background, Hover, Active Css
===============================================*/
.single-destination-box .img-holder:before{
    background: #ffe701;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a{
	color: #ffffff;
    background: #33c7c5;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.active>a{
	color: #ffffff;
    background: #33c7c5;
}




.social-links-style1 li a:hover i{
    color: #ffffff;
    border-color: #33c7c5;
    background: #33c7c5;
}
.main-slider .content .btn-box a{
    background: #0c67c4;
}
.main-slider .content .btn-box a:hover{
    color: #022447;
    background: #ffe701;
}
.boats-skipper-search-box .title i:before {
    color: #33c7c5;
}
.boats-skipper-form button {
    background: #0c67c4;
}
.boats-skipper-form button:hover{
    color: #ffffff;
    background: #33c7c5;
}
.sec-title .icon i:before {
    color: #33c7c5;
}
.overlay-style-one.bg1{
    background-color: rgba(11, 103, 196, 0.80);    
}
.siingle-yachts-box .title-holder .meta-box ul li i:before {
    color: #0c67c4;
}
.siingle-yachts-box .title-holder .meta-box ul li:hover{
    color: #0c67c4;    
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #33c7c5;
}
.single-testimonial-style1 .img-box .bg-color{
    background: #33c7c5;
}
.boat-image-box:before {
    background: #022447;
}
.boats-skipper-search-box:before {
    background: #33c7c5;
}
.boats-skipper-form .need-skipper label span:before {
    color: #0c67c4;
}
.boats-skipper-form .need-skipper label i:before {
    color: #0c67c4;
}
.header-upper-left-style2 .header-social-links .social-links-style1 li:hover a i {
    background: #33c7c5;
}
.boats-skipper-form-area .boats-skipper-form button {
    background-color: #ffe701;
    color: #022447;
}
.boats-skipper-form-area .boats-skipper-form .need-skipper label span:before {
    color: #ffe701;
}
.create-boats-content .inner-content .text-box a.btn-one {
    color: #ffffff;
    background: #0c67c4;
}
.boats-featured-box ul li .icon span:before {
    color: #0c67c4;
}
.boats-featured-box ul li .icon i:before {
    color: #0c67c4;
}
.boats-featured-box ul li:hover h3 a{
    color: #33c7c5;    
}
.siingle-yachts-box .title-holder h2 a:hover{
    color: #ffe701;
}
.accordion-box .accordion .accord-btn.active {
    background: #0c67c4;
}
.accordion-box .accordion .accord-btn::after {
    color: #0c67c4;
}
.accordion-box .accordion .accord-btn.active:after{
    color: #4eaaf9;
}
.video-holder-box .icon .inner a span:before {
    background: #ffe701;
    color: #022447;
}
.single-destination-box-style2 .img-holder .overlay-content {
    background-color: rgba(11, 103, 196, 0.90);
}
.single-destination-box-style2 .img-holder .inner .zoom-button a span:before{
    background: #ffe701;
    color: #022447;
}

.single-destination-box-style2 .img-holder .inner .zoom-button a i:before{
    background: #ffe701;
    color: #022447;
}
.single-team-member .title .social-links .social-links-style1 li a:hover i{
    border-color: #ffe701;
    background: #33c7c5;
}
.why-choose-content .inner-content ul li .icon span:before {
    color: #0c67c4;
}
.why-choose-content .inner-content ul li .icon i:before {
    color: #0c67c4;
}
.single-blog-post .text-holder .post-date span {
    color: #0c67c4;
}
.slogan-area.style2{
    background: #33c7c5;
}
.slogan-content.style2 {
    background: #33c7c5;
}
.single-footer-widget .subscribe-form button {
    background: #0c67c4;
}

.single-footer-widget .wpcf7 .wpcf7-submit {
    background: #0c67c4;
}
.single-footer-widget .subscribe-form input[type="email"]:focus + button, 
.single-footer-widget .subscribe-form button:hover {
    background: #ffe701;
}

.single-footer-widget .wpcf7 input[type="email"]:focus + .wpcf7-submit, 
.single-footer-widget .wpcf7 .wpcf7-submit:hover {
    background: #ffe701;
}
.breadcrumb-area .breadcrumb-menu ul li.active{
    color: #ffe701;   
}
.breadcrumb-area .breadcrumb-menu ul li a:hover{
    color: #ffe701;     
}
.single-history-box .img-box .year-box h1 {
    background: #ffe701;
    color: #022447;
}
.single-testimonial-style1 .text-box h3 {
    color: #0c67c4;
}
.single-service-style1 .text-holder a {
    color: #0c67c4;
}
.boats-skipper-form-area.style2 .boats-skipper-form button {
    background-color: #0c67c4;
}
.boats-skipper-form-area.style2 .boats-skipper-form button:hover{
    background: #0552a1;
}
.yachts-details-area .nav-link li#slider-prev a:hover i{
    color: #ffe701;
}
.specifications-content ul li span:before {
    color: #0c67c4;
}
.blog-single-area .tag-box .right .social-links-style1 li a:hover i{
    border-color: #33c7c5;
    background: #33c7c5; 
}
.blog-single-area .inner-comment-box .single-comment-box .text-holder .reply-button a {
    color: #0c67c4;
}
.add-comment-box .add-comment-form button {
    background: #0c67c4;
}
.sidebar-search-box .search-form button {
    color: #0c67c4;
}
.sidebar-search-box .search-form input::-webkit-input-placeholder {
    color: #0c67c4;
}
.sidebar-search-box .search-form input:-moz-placeholder {
    color: #0c67c4;
}
.sidebar-search-box .search-form input::-moz-placeholder {
    color: #0c67c4;
}
.sidebar-search-box .search-form input:-ms-input-placeholder {
    color: #0c67c4;
}
.sidebar-search-box .search-form input[type="text"]:focus + button, 
.sidebar-search-box .search-form button:hover {
    background: #33c7c5;
}
.single-sidebar .lat-posts li .img-holder .overlay-style-one .box .content a:hover i{
    color: #33c7c5;
}
.single-sidebar .lat-posts li .title-holder .post-title a:hover{
    color: #33c7c5;
}
.single-sidebar .categories li a:hover{
    color: #33c7c5;
}
.single-sidebar ul .cat-item a:hover{
    color: #33c7c5;
}

.single-sidebar .popular-tag li a:hover{
    color: #33c7c5;
}
.wp-block-tag-cloud a:hover,
.single-sidebar .tagcloud a:hover{
    color: #33c7c5;
    border-color: #33c7c5 !important;
}

.contact-information-box .contact-us li a {
    color: #0c67c4;
}
.contact-information-box .contact-us li a:hover{
    color: #33c7c5;
}
.contact-information-box .social-links-style1 li a:hover i {
    background: #33c7c5;
    border: 1px solid #33c7c5;
}
.contact-form:before {
    background: #33c7c5;
}
.contact-form .title i:before {
    color: #33c7c5;
}
.contact-form form input[type="text"]:focus{
    border-color: #33c7c5; 
}

.contact-form form input[type="text"]:focus{
    border-color: #33c7c5; 
}


.contact-form form input[type="email"]:focus{
    border-color: #33c7c5;
}
.contact-form form textarea:focus{
    border-color: #33c7c5;
}
.contact-form form button {
    background: #0c67c4;
}

.contact-form form .wpcf7-submit {
    background: #0c67c4;
}
.contact-form form button:hover{
    background: #044c97;
}

.contact-form form .wpcf7-submit:hover{
    background: #044c97;
}
.scroll-top {
    border: 2px solid #ffe701;
}
.scroll-top:hover{
    background: #ffe701;
}
.styled-pagination li a:hover,
.styled-pagination li a.active,.styled-pagination li span:hover,
.styled-pagination li span.current{
	border-color: #0c67c4;
	background-color: #0c67c4;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
	border-color: #0c67c4;
	background-color: #0c67c4;
}

.destination-box-title .sec-title .icon i:before {
    color: #ffffff;
}








