/**
* Ryan - Resume/CV/vCard Template (HTML)
* Version: 2.5
* Author: beshleyua
* Author URL: http://themeforest.net/user/beshleyua
* Copyright © Cvio by beshleyua. All Rights Reserved.
**/

/* TABLE OF CONTENTS
	1. Template Green
*/

/* 1. Template Green */
.background {
  background-color: rgba(120, 204, 109, 0.4);
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2 {
  background: #78cc6d;
}

.lnk:hover,
.button:hover {
  color: #78cc6d;
}

.lnk:hover .ion,
.button:hover .ion {
  color: #78cc6d;
}

.lnk:hover .arrow:before,
.button:hover .arrow:before,
.lnk:hover .arrow:after,
.button:hover .arrow:after {
  background: #78cc6d;
}

input:focus,
textarea:focus,
button:focus {
  border-bottom: 1px solid #78cc6d;
}

button:hover {
  border-bottom: 1px solid #78cc6d;
}

.header .top-menu ul li:hover a,
.header .top-menu ul li.active a {
  color: #78cc6d;
}

.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link {
  color: #78cc6d;
}

.card-started:after {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.card-started .profile .image:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.card-started .profile .subtitle {
  color: #78cc6d;
}

.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas {
  color: #78cc6d;
}

.content .title:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.service-items .service-item .icon {
  color: #78cc6d;
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.pricing-items .pricing-item .icon {
  color: #78cc6d;
}

.pricing-items .pricing-item .feature-list ul li strong {
  background: rgba(120, 204, 109, 0.4);
}

.fuct-items .fuct-item .icon {
  color: #78cc6d;
}

.resume-title .icon,
.skill-title .icon {
  color: #78cc6d;
}

.resume-items .resume-item.active .date {
  color: #78cc6d;
}

.resume-items .resume-item.active .date:before {
  background: #78cc6d;
}

.skills-list ul li .progress .percentage {
  background: #78cc6d;
}

.content.works .filter-menu .f_btn.active {
  color: #78cc6d;
}

.box-item .image .info:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.post-box .blog-content blockquote {
  border-left: 2px solid #78cc6d;
}

.post-box .blog-content ul.list-style li:before {
  background: #78cc6d;
}

.post-box .post-comments li .comment-info .name h6 {
  color: #78cc6d;
}

.background.gradient {
  background: #50a3a2;
  background: -webkit-linear-gradient(top left, #50a3a2 0%, #78cc6d 100%);
  background: linear-gradient(to bottom right, #50a3a2 0%, #78cc6d 100%);
}

/*
  New Styles
*/

.skills-list.list ul li .name:before {
  color: #78cc6d;
}

.skills-list.dotted ul li .progress .da span {
  background: #78cc6d!important;
}

.skills-list.circles .progress .bar, 
.skills-list.circles .progress.p51 .fill, 
.skills-list.circles .progress.p52 .fill, 
.skills-list.circles .progress.p53 .fill, 
.skills-list.circles .progress.p54 .fill, 
.skills-list.circles .progress.p55 .fill, 
.skills-list.circles .progress.p56 .fill, 
.skills-list.circles .progress.p57 .fill, 
.skills-list.circles .progress.p58 .fill, 
.skills-list.circles .progress.p59 .fill, 
.skills-list.circles .progress.p60 .fill, 
.skills-list.circles .progress.p61 .fill, 
.skills-list.circles .progress.p62 .fill, 
.skills-list.circles .progress.p63 .fill, 
.skills-list.circles .progress.p64 .fill, 
.skills-list.circles .progress.p65 .fill, 
.skills-list.circles .progress.p66 .fill, 
.skills-list.circles .progress.p67 .fill, 
.skills-list.circles .progress.p68 .fill, 
.skills-list.circles .progress.p69 .fill, 
.skills-list.circles .progress.p70 .fill, 
.skills-list.circles .progress.p71 .fill, 
.skills-list.circles .progress.p72 .fill, 
.skills-list.circles .progress.p73 .fill, 
.skills-list.circles .progress.p74 .fill, 
.skills-list.circles .progress.p75 .fill, 
.skills-list.circles .progress.p76 .fill, 
.skills-list.circles .progress.p77 .fill, 
.skills-list.circles .progress.p78 .fill, 
.skills-list.circles .progress.p79 .fill, 
.skills-list.circles .progress.p80 .fill, 
.skills-list.circles .progress.p81 .fill, 
.skills-list.circles .progress.p82 .fill, 
.skills-list.circles .progress.p83 .fill, 
.skills-list.circles .progress.p84 .fill, 
.skills-list.circles .progress.p85 .fill, 
.skills-list.circles .progress.p86 .fill, 
.skills-list.circles .progress.p87 .fill, 
.skills-list.circles .progress.p88 .fill, 
.skills-list.circles .progress.p89 .fill, 
.skills-list.circles .progress.p90 .fill, 
.skills-list.circles .progress.p91 .fill, 
.skills-list.circles .progress.p92 .fill, 
.skills-list.circles .progress.p93 .fill, 
.skills-list.circles .progress.p94 .fill, 
.skills-list.circles .progress.p95 .fill, 
.skills-list.circles .progress.p96 .fill, 
.skills-list.circles .progress.p97 .fill, 
.skills-list.circles .progress.p98 .fill, 
.skills-list.circles .progress.p99 .fill, 
.skills-list.circles .progress.p100 .fill {
  border: 0.09em solid #78cc6d;
}

input:focus,
textarea:focus {
  border-color: #78cc6d;
}

.card-started .profile .subtitle, 
.card-started .profile .typed-cursor {
  color: #78cc6d;
}

.content .title .first-word {
  color: #78cc6d;
}

.content .title::first-letter,
.content .title .first-letter::first-letter {
	color: #78cc6d;
}

.new-skin .service-items .service-item .icon {
  background: #78cc6d!important;
}

.resume-items .resume-item.active .date {
  border-color: #78cc6d;
}

.box-item:hover .desc .name {
  color: #78cc6d;
}

.new-skin .info-list ul li strong {
  background: #78cc6d;
}

.revs-carousel .owl-dots .owl-dot {
  border-color: #78cc6d;
}

.revs-carousel .owl-dot.active {
  background: #78cc6d;
}

.header .profile .subtitle  {
	color: #78cc6d;
}

.lnk:hover,
.button:hover,
.lnk:hover .ion,
.button:hover .ion,
a,
a:hover,
input:focus,
textarea:focus,
.header .top-menu ul li:hover a,
.header .top-menu ul li.active a,
.header .top-menu ul li.current-menu-item a,
.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link,
.header .top-menu ul li.current-menu-item a .icon,
.header .top-menu ul li.current-menu-item a .link,
.header .profile .subtitle,
.card-started .profile .subtitle,
.content-sidebar .profile .subtitle,
.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas,
.content-sidebar .profile .social a:hover .ion,
.content-sidebar .profile .social a:hover .fab,
.content-sidebar .profile .social a:hover .fas,
.pricing-items .pricing-item .icon,
.fuct-items .fuct-item .icon,
.resume-title .icon,
.skill-title .icon,
.resume-items .resume-item.active .date,
.content.works .filter-menu .f_btn.active,
.box-item:hover .desc .name,
.single-post-text p a,
.comment-text p a,
.post-text-bottom span.cat-links a,
.post-text-bottom .tags-links a,
.post-text-bottom .tags-links span,
.page-numbers.current,
.page-links a,
.post-comments .post-comment .desc .name,
.post-comments .post-comment .desc span.comment-reply a:hover,
.content-sidebar .main-menu ul li.current_page_item > a,
.content-sidebar .main-menu ul li:hover > a,
.content-sidebar .main-menu ul li.current_page_parent > a,
.content-sidebar .main-menu ul li.current_page_ancestor > a,
.content-sidebar .widget ul li a:hover,
.content-sidebar .tagcloud a,
.card-started .profile .subtitle,
.content-sidebar .profile .subtitle,
.content-sidebar .profile .typed-cursor,
.card-started .profile .typed-cursor,
.content .title .first-word,
.content .title::first-letter,
.content .title .first-letter::first-letter,
.content-sidebar h2.widget-title .first-word,
.content-sidebar h2.widget-title::first-letter,
.content-sidebar h2.widget-title .first-letter::first-letter,
.box-item .date,
.profile .main-menu ul li.current-menu-item a,
.profile .main-menu ul li.current_page_item > a,
.profile .main-menu ul li:hover > a,
.profile .main-menu ul li.current_page_parent > a,
.profile .main-menu ul li.current_page_ancestor > a,
.custom-header nav span:before,
.fc-calendar .fc-row > div.fc-content:hover:after,
.skills-list.list ul li .name:before,
.preloader .spinner.recursive-circle,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .star-rating,
strong.woocommerce-review__author,
.woocommerce-message::before,
.single-post-text p a,
.comment-text p a,
.blog-content p a,
.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas,
.card-started .profile .social a:hover .fa,
.content-sidebar .profile .social a:hover .ion,
.content-sidebar .profile .social a:hover .fab,
.content-sidebar .profile .social a:hover .fas,
.content-sidebar .profile .social a:hover .fa,
.btn-icon span {
	color: #78cc6d;
}

.info-list ul li strong:after {
	background: #78cc6d;
}

.info-list ul li strong {
	color: #fefefe;
}

@media (max-width: 480px) {
	.lnks {
		background-color: #78cc6d;
	}

	.lnks .text {
		color: white;
	}

	.lnks span {
		color: white;
	}
}