/* ---------------------- 
Stylesheet Guide
-------------------------

FONTS
GENERAL STYLES
FORMS
LOADING ANIMATION
PAGE STRUCTURE
MAIN MENU
SIDEBAR
SUBMENU
FLICKR FEED
HOMEPAGE
HOME SOCIAL BAR
CV TABLE
ICON CONTAINERS
SKILLS
PORTFOLIO
LIGHTGALLERY
TOOLTIPS
TESTIMONIALS
ACCORDION
BLOG
TABS
FLEX IMAGE
CV BOXES
YOUTUBE VIDEO
FOOTER

*/
/* ================= GENERAL STYLES  ================== */

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #1d7787;
}
::selection {
    color: #fff;
    text-shadow: none;
    background: #1d7787;
}
body {
    background-color: #fff;
    color: #949494;
}
h1,h2,h3,h4,h5,h6 {
    color: #222;
}
h1.border:after,
h2.border:after,
h3.border:after,
h4.border:after,
h5.border:after,
h6.border:after {
    background-color: #1d7787;
}
p {
    color: #949494;
}
a {
    color: #222;
}
a:hover {
    color:#1d7787;
}
.label {
    background-color: #f3f3f3;
    border-left: 3px solid #1d7787;
}
blockquote {
    background: #f3f3f3;
}
blockquote:before {
	background-color: #1d7787;
    border:5px solid #fff;
    color:#fff;
}
hr {
    background-color: #f3f3f3;
}
.floor {
    background-color: #fff;
}
/* ================= FORMS ================== */
input,
textarea {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    color: #949494;
}
input:focus,
textarea:focus {
    background-color: #f3f3f3;
    color: #222;
}
.cv-button {
    background-color: #fff;
    border: 3px solid #222;
	color: #222;
}
.cv-button.primary {
    background-color: #222;
    color:#fff;
}
.cv-button:hover {
    background-color: #1d7787;
    border: 3px solid #1d7787;
    color:#fff;
}
#cv-sidebar input,#cv-sidebar textarea {
    color: #949494;
    background-color: rgba(255, 255, 255, 0.05);
}
#cv-sidebar input:focus,#cv-sidebar textarea:focus {
    color: #fff;
}
#cv-sidebar .cv-button {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.05);
}
#cv-sidebar .cv-button:hover {
    background-color: #222;
}
.searchbox .cv-button {
    border-left:1px solid #333 !important;
}
.searchbox .cv-button:hover {
    border-left:1px solid #222 !important;
}
/* ================= LOADING ANIMATION ================== */
#site-loading {
    /*background-color: #222; */
    background-color: #2f2f31;
}
/* ================= PAGE STRUCTURE ================== */
.cv-page-content {
    border-bottom: 50px solid #fff;
}
#cv-page-right {
    background-color: #fff;
}
/* ================= MAIN MENU ================== */
#cv-menu{
    background-color: #222;
}
#cv-main-menu ul li a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#cv-main-menu ul li:first-child a {
    background: #1d7787;
}
/* ================= SIDEBAR ================== */
#cv-sidebar {
    background-color: #333;
}
#cv-sidebar h1, #cv-sidebar h2, #cv-sidebar h3, #cv-sidebar h4, #cv-sidebar h5, #cv-sidebar h6{
    color:#fff;
}
#cv-sidebar, #cv-sidebar p{
    color:#949494;
}
.cv-sidebar-title {
    background-color:rgba(255, 255, 255, 0.05);
}
.cv-sidebar-title:before {
    border-top-color: rgba(255, 255, 255, 0.05) !important;
}
.cv-sidebar-list li a {
    color: #949494;
}
.cv-sidebar-list li a:hover{
    color: #fff;
}
.cv-sidebar-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.cv-tags {
    color: #fff;
    border-left: 3px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
}
.cv-tags:hover,.sidebar-tags .tags:hover {
    color: #fff;
    background-color: #1d7787;
}
.cv-sidebar-post-title{
    color: #949494;
}
.cv-sidebar-post-title:hover{
    color: #fff;
}
.cv-sidebar-posts li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.cv-sidebar-posts li img {
    border:3px solid rgba(255, 255, 255, 0.05);
}
.cv-sidebar-posts li img:hover {
    border:3px solid #fff;
}
/* ================= SUBMENU ================== */
.cv-submenu ul li a {
    color: #949494;
}
.cv-submenu ul li a:hover {
    color: #fff;
}
.cv-submenu ul ul {
    border-left: 3px solid rgba(255, 255, 255, 0.05);
}
.cv-submenu ul ul a{
    color:#949494;
}
.cv-submenu ul > li > a.cvdropdown2 {
    color: #fff;
}
/* ================= FLICKR FEED ================== */
.cv-flickr-box li img {
    border:3px solid rgba(255, 255, 255, 0.05);
}
.cv-flickr-box li img:hover {
    border:3px solid #fff;
}
/* ================= HOMEPAGE ================== */
#home-title h1 span{
    color:#fff;
    background-color: #222;
}
#home-slide-title span, #home-title h1 .mobile-title{
    color:#fff;
    background-color: #1d7787;
}
#home-title p{
    color: #222;
    background-color: #fff;
}
/* ================= HOME SOCIAL BAR ================== */
#cv-home-social-bar ul li a {
    color: #222;
    border-right: 1px solid #f3f3f3;
    background-color: #fff;
}
#cv-home-social-bar ul li a:hover {
    color: #1d7787;
}
/* ================= CV TABLE ================== */
.cv-table li {
    color: #949494;
}
.cv-table li {
    border-bottom: 1px solid #f3f3f3;
}
.cv-box .cv-table li {
    border-bottom: 1px solid #fff;
}
.cv-table li:first-child {
    border-top: 1px solid #f3f3f3;
}
.cv-box .cv-table li:first-child {
    border-top: 1px solid #fff;
}
.cv-table .cv-table-title {
    color: #222;
}
/* ================= ICON CONTAINERS ================== */
.cv-icon-container {
    background-color: #f3f3f3;
}
.cv-icon-container a {
    color:#949494;
}
.cv-icon-container a:before {
    color:#949494;
}
/* ================= SKILLS ================== */
.skillbar {
    background-color: #fff;
    border:1px solid #f3f3f3;
}
.skillbar-title {
    color:#949494;
}
.skillbar-bar {
    background-color: #f3f3f3;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.01) 75%, transparent 75%, transparent);
}
.skill-bar-percent {
	color:#949494;
}
/* ================= SKILLS ================== */
.cv-resume-title {
    border-bottom: 1px solid #f3f3f3;
}
/* ================= PORTFOLIO ================== */
.cvgrid li figure figcaption {
    background-color: #f3f3f3;
}
.cvfilters li {
    color: #949494;
    background-color: #f3f3f3;
}
.cvfilters li:hover {
    color:#222;
}
.cvfilters li.gridactive {
    color:#fff;
    background-color: #1d7787;
}
.cvfilters li.gridactive:hover {
    color:#fff;
}
.cvgrid li figure figcaption .cvgrid-title {
    color: #949494;
}
.cvgrid > li > figure > a:after {
    color:#fff;
    background-color: #1d7787;
}
/* ================= LIGHTGALLERY ================== */
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(34, 34, 34, 0.5);
    color: #949494;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #fff;
}
.lg-toolbar {
    background-color: rgba(34, 34, 34, 0.5);
}
.lg-toolbar .lg-icon {
    color: #949494;
}
.lg-toolbar .lg-icon:hover {
    color: #fff;
}
.lg-sub-html {
    background-color: rgba(34, 34, 34, 0.5);
    color: #fff;
}
#lg-counter {
    color: #949494;
}
.lg-outer .lg-thumb-outer {
    background-color: #333;
}
.lg-outer .lg-toogle-thumb {
    background-color: #333;
    color: #949494;
}
.lg-outer .lg-toogle-thumb:hover {
    color: #fff;
}
.lg-progress-bar {
    background-color: #333;
}
.lg-progress-bar .lg-progress {
    background-color: #1d7787;
}
.lg-backdrop {
    background-color: #222;
}
/* ================= TOOLTIPS ================== */
.tooltipster-light {
	background: #fff;
	color: #222;
}
.tooltipster-dark,.tooltipster-gototop {
	background: #222;
	color: #fff;
}
.tooltipster-red {
	background: #1d7787;
	color: #fff;
}
/* ================= TESTIMONIALS ================== */
.quovolve-nav a {
    background: #f3f3f3;
    color: #949494;
}
.quovolve-nav a:hover {
    background: #f3f3f3;
      color:#222;
}
.nav-numbers li a:hover {
    color:#222;
    background: #f3f3f3;
}
.nav-numbers li.active a{
    color:#fff;
    background: #222;
}
/* ================= ACCORDION  ================== */
#accordion-container {
	border-top: 1px solid #f3f3f3;
}
.accordion-header {
	border-bottom: 1px solid #f3f3f3;
}
.accordion-header:hover {
	color:#222;
}
.active-header {
	color:#222;
}
.accordion-content {
	border-bottom: 1px solid #f3f3f3;
}
/* ================= BLOG ================== */
.blog-img {
    background-color: #f3f3f3;
}
.blog-img-caption h4{
    color:#fff;
}
.blog-img-caption h4 {
    background: #222;
}
.blog-img:hover .blog-img-caption h4{
    background: #1d7787;
}
.blogcontainer .postdate {
    background-color: #f3f3f3;
}
.cv-readmore {
    color: #949494;
}
.cv-readmore:hover {
    color: #fff;
    background-color: #222;
}
.blogpager .previous, .blogpager .next{
    background-color: #f3f3f3;
}
.blogpager .cv-button {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color:#222;
}
.blogpager .cv-button:hover {
    background-color: #f3f3f3;
    border: 3px solid #f3f3f3;
    color:#1d7787;
}
.comments_content {
    background-color: #f3f3f3;
}
.comments_content:before {
    border-bottom-color: #f3f3f3; !important;
}
.reply:before {
    color: #222;
}
/* ================= TABS ================== */
.resp-tab-active {
    border-top: 3px solid #1d7787 !important;
}
.resp-tabs-list li:hover {
    background-color: #f3f3f3;
}
.resp-tabs-list li.resp-tab-active {
    background-color: #f3f3f3;
}
.resp-tabs-container {
    background-color: #f3f3f3;
}
.resp-tab-active {
    background-color: #f3f3f3;
}
/*-----------Vertical tabs-----------*/

.resp-vtabs .resp-tabs-list li:hover {
    background-color: #f3f3f3;
    border-left: 3px solid #1d7787;
}
.resp-vtabs .resp-tabs-list li.resp-tab-active {
    background-color: #f3f3f3;
    border-left: 3px solid #1d7787;
}
h2.resp-tab-active {
    background-color: #f3f3f3;
}
@media only screen and (max-width: 640px) {
    .resp-tab-active {
        background-color: #1d7787 !important;
        color: #fff !important;
    }
}
/* ================= FLEX IMAGE ================== */
.caption-image img {
    border:10px solid #f3f3f3;
}
.caption-image figcaption {
    background-color:rgba(243,243,243,0.9);
}
/* ================= CV BOXES ================== */
.cv-box.cv-light {
    background-color: #f3f3f3;
    border-left: 5px solid rgba(0,0,0,0.05);
}
.cv-box.cv-dark {
    background-color: #222;
    border-left: 5px solid rgba(255,255,255,0.1);
}
.cv-box.cv-red {
    background-color: #1d7787;
    border-left: 5px solid rgba(0,0,0,0.05);
}
.cv-box-title {
    color:#222;
}
.cv-box.cv-dark .cv-box-title,.cv-box.cv-red .cv-box-title{
    color:#fff;
}
.cv-box.cv-red p{
    color:#fff;
}
/* ================= YOUTUBE VIDEO ================== */
.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{
    color:#fff
}
.mb_YTPlayer .loading{
    color:#fff;
    background:#333;
}
.inline_YTPlayer{
    background:#333;
}
.mb_YTPBar{
    background:#333;
}
.mb_YTPBar:hover .buttonBar{
    background:#333
}
.mb_YTPBar .mb_YTPProgress{
    background:#222;
}
.mb_YTPBar .mb_YTPLoaded{
    background:#444;
}
.mb_YTPBar .mb_YTPseekbar{
    background:#1d7787;
}
.mb_YTPBar .simpleSlider{
    border:1px solid #fff;
}
.mb_YTPBar .level{
    background-color:#fff;
}
#cv-page-left{
    background-color:#333;
}
/* ================= FOOTER ================== */
#footer {
    background-color: rgba(243,243,243,0.9);
}
.cv-credits a {
    color: #949494;
}
.cv-credits a:hover {
    color:#222;
}
#cv-back-to-top:before {
    color:#949494;
}
#cv-back-to-top:hover:before {
    color:#222;
}