/* ========= TEAL YELLOW SKIN ========= */


/* ========= skin colors ========= */
.skin-1 { /* teal */
	color:#40cae3;
}
.bg-skin-1 {
	background:#40cae3;		
}
.skin-2 { /* yellow */
	color:#f7c911;
}
.bg-skin-2 {
	background:#f7c911;		
}

/* hexa shape skin 1 */
.hexa-before-skin-1 {
	border-bottom:30px solid #40cae3;	
}
.hexa-after-skin-1 {
	border-top:30px solid #40cae3;
}

/* hexa shape skin 2 */
.hexa-before-skin-2 {
	border-bottom:30px solid #f7c911;	
}
.hexa-after-skin-2 {
	border-top:30px solid #f7c911;
}

/* badge shape */
.badge-skin-1 {
	border-bottom:70px solid #40cae3;
}
.badge-skin-2 {
	border-bottom:70px solid #f7c911;	
}



/* ========= a links ========= */
a {
	color:#40cae3;	
}
a:hover {
	color:#f7c911;
}

/* ========= theme loader ========= */
#spinner {
	background:#fff;		
}
.spinner-disc {
	border: 2px solid #f7c911;
}
.spinner-animation,
.spinner-animation::before,
.spinner-animation::after {
	display: inline-block;
	border-color: transparent;
	border-top-color: #f7c911;
}


/* ========= main menu ========= */
.sf-menu .sub-menu a:hover {
	color:#40cae3;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
	color:#40cae3;	
}


/* ========= footer section ========= */
.fbottom-wrapper a:hover, .fbox .widget ul li a:hover, .footer-wrapper a:hover {
	color:#40cae3;
}


/* ========= blog section ========= */
.sblog-title a:hover, .smblog-title a:hover {
	color:#40cae3;
}
.entry-block .more-link:hover, .entry-block-masonry .more-link:hover {
	background:#40cae3;
}
.spm-icon {
	color:#40cae3;	
}
.sblog-quotetitle a:hover {
	color:#40cae3;	
}
.entry-misc-masonry i {
	color:#40cae3;
}
.owl-latestblog h5 a:hover {
	color:#40cae3;
}
.lpentry-misc a:hover {
	color:#40cae3;		
}
.lpentry-quote:hover {
	color:#40cae3;
}

/* ========= wp-pagenavi ========= */
.pw-blog .wp-pagenavi span.current, .pagination-masonry .wp-pagenavi span.current {
	color:#40cae3;
}
.pw-blog .wp-pagenavi a:hover {
	background:#40cae3;		
}
.pagination-masonry .wp-pagenavi a:hover {
	color:#40cae3;	
}



/* ========= comment form ========= */
#commentform #submit:hover {
	background:#40cae3;
}

/* ========= comments section ========= */
#reply-title small #cancel-comment-reply-link {
	color:#40cae3;	
}
.awaiting_moderation {
	color:#ed2121;
}
.comment-misc cite a {
	color:#444444;	
} 
.comment-misc cite a:hover {
	color:#40cae3;	
} 
.comment-content {
	border-bottom:1px solid	#40cae3;
}
.comment-reply-link, .comment-edit-link {
	background:#444444;
	color:#ededed;		
}
.comment-reply-link:hover, .comment-edit-link:hover {
	background:#40cae3;
	color:#fff;		
}


/* ========= widgets ========= */
.widget ul li a:hover {
	color:#f7c911;
}

/* calendar widget */
.widget_calendar thead {
	background:#40cae3;
	color:#fff;
}
.widget_calendar table td a:hover {
	color:#f7c911;
}
.fbox .widget_calendar thead {
	background:#242424;
	color:#939393;
}

/* search widget */
.widget_search .search-submit:hover {
	background:#40cae3;
}

/* tag cloud widget */
.widget_tag_cloud a:hover, .fbox .widget_tag_cloud a:hover {
	background:#40cae3;
	color:#fff;	
}

/* portfolio widget */
.wgport-list li {
	background:#40cae3;
}



/*=============== search page ===============*/
.search-permalink a:hover {
	background:#f7c911;
	color:#fff;	
}
.search-block h5 a:hover {
	color:#40cae3;		
}


/*=============== buttons ===============*/

/* skin 1 */
.gwb-skin-1 {
	background:#40cae3;
/*	border:1px solid #0bbffa; */
}
.gwb-skin-1:hover {
	/*
	background:#0ab0f5;
	border:1px solid #039ede;	
	*/
	background:#464646;	
}

/* skin 2 */
.gwb-skin-2 {
	background:#f7c911;
	/*border:1px solid #cf0505;*/
	
}
.gwb-skin-2:hover {
	/*
	background:#cf0606;
	border:1px solid #ba0404;		
	*/
	background:#464646;		
}

/* contact form 7 submit button, hover */
.wpcf7-submit:hover {
	background:#40cae3;
	color:#fff;		
}


/*=============== underline list ===============*/
ul.u-list li a:hover {
	color:#40cae3;
}


/*=============== dropcaps ===============*/
.dropcap2 {
	color:#fff;
	background:#f7c911;
}


/*=============== testimonial section ===============*/
.tposition {
	color:#f7c911;	
}


/*=============== team section ===============*/
.ts-overlay {
	background:#f7c911;
}



/*=============== Lightbox ===============*/
.lightbox-wrapper, .lightbox-block {
	background:#40cae3;
}


/*=============== Service blocks ===============*/
.ciservice-content h3 a:hover, .ciservice-content h4 a:hover, .ciservice-content h5 a:hover, .ciservice-content h6 a:hover, .ciservice-content .uppercase-strong a:hover {
	color:#40cae3;		
}
.liservice-card .lis-icon i {
	color:#fff;	
}



/*=============== portfolio ===============*/
.entry-port-title .port-title a:hover {
	color:#40cae3;
}
.portfolio-filter li a:hover, .pf-fullgrid .portfolio-filter li a:hover {
	color:#40cae3;
}
.portfolio-filter li .pselected, .pf-fullgrid .portfolio-filter li .pselected {
	color:#40cae3;
}

.imgp-overlay-1 {
	background:#40cae3;		
}
.imgp-zoom-2, .imgp-permalink-2 {
	color:#fff;
}
.imgp-overlay-2 {
	background:#40cae3;
}
.imgp-zoom-2:hover, .imgp-permalink-2:hover {
	color:#fff;
}
.port-viewer-3 {
	background:#40cae3;
}


/* grid portfolio effect 1 */
.imgp-overlay-g1 {
	background:#40cae3;
}
.imgp-overlay-g1 .port-title a {
	color:#fff;
}


/* full grid portfolio effect 1 / 2 / 3 */
.port-viewer-fg1, .port-viewer-fg2 {
	background:#40cae3;
}
.imgp-overlay-fg1 .port-title a {
	background:#fff;
	color:#40cae3;
}
.imgp-overlay-fg1 .port-title a:hover {
	background:#1e1e1e;
	color:#fff;
}

.pgrid-btn {
	background:#fff;
	color:#40cae3;
}
.pgrid-btn:hover {
	color:#fff;
	background:#343434;
}


/*=============== OWL Carousel ===============*/
.owl-related-works .owl-prev:hover, .owl-related-works .owl-next:hover {
	background:#40cae3;
}



/* =============== Revolution Slider =============== */
.revslider-wrapper, .revslider-fullscreen-wrapper {
	background-color:#181818;
}


/*=============== bbPress ===============*/
#bbpress-forums li.bbp-body ul.forum a:hover,
#bbpress-forums li.bbp-body ul.topic a:hover {
	color:#40cae3;
}


/* =Admin Links
-------------------------------------------------------------- */

span.bbp-admin-links a:hover {
	color:#f7c911;	
}


/* =Pagination
-------------------------------------------------------------- */
.bbp-pagination-links span.current {
	color:#40cae3;
}
.bbp-pagination-links a:hover {
	background:#40cae3;
}


/* =Stickies
-------------------------------------------------------------- */

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
	background-color: #fff !important; /* bbpress defines the sticky forum color using !important so there is no other way to overwrite it but using !important too here */
}
.bbp-topics-front ul.super-sticky:hover,
.bbp-topics ul.super-sticky:hover,
.bbp-topics ul.sticky:hover,
.bbp-forum-content ul.sticky:hover {
	background-color: #fbfbfb !important; /* bbpress defines the sticky forum color using !important so there is no other way to overwrite the hover state but using !important too here */
}


/* =Custom Overwrites For bbPress
-------------------------------------------------------------- */
#subscription-toggle a:hover {
	background:#40cae3;
}
#bbp_search_submit:hover {
	background:#40cae3;
}
#bbpress-forums ul.bbp-search-results .bbp-topic-title h3 a:hover {
	color:#40cae3;	
}
div.bbp-submit-wrapper button:hover {
	background:#40cae3;
}



/*=============== Easy Mailchimp Forms ===============*/
.ykfmc-submit:hover {
	background:#40cae3;
}


/*=============== Password Protected ===============*/
.pass-submit:hover {
	background:#40cae3;	
	color:#fff;	
}


/*=============== Toggle & Accordion ===============*/
h6.toggle-active a:before, .gw-accordion .gw-accordion-title.ui-state-active a:before {
	border:1px solid #f7c911;
	background:#f7c911;
}

/*=============== Default Form Buttons ===============*/
input[type="submit"]:hover {
	background:#40cae3;
	color:#fff;
}

/*=============== Dark Form ===============*/
.dark-form input[type="submit"]:hover {
	border:0 none;
	background:#40cae3;
}