::selection { background:#e74c3c;color:#ffffff } 
::-moz-selection { background:#e74c3c;color:#ffffff }


html,.header-slider,.media-header .page-title{ background:#333333 }
/* =============================================================================
	Elements with primary color for background and text 
============================================================================= */
mark,
input[type="submit"],button,.button, #reply-title,
#portfolio-filters li a.selected, .portfolio-full-width #portfolio-options .show-filter,
.contact-form .contact-error
	{ background:#e74c3c;color:#ffffff }

.alt-button:hover
{ border-color:#e74c3c;color:#e74c3c } 

.contact-form .contact-required{ border-color: #e74c3c; }

/* =============================================================================
	Elements with primary color for background
============================================================================= */
#jpreBar, .nicescroll-rails div, .site-scrollbarV > div ,.iScrollIndicator,
.twentytwenty-container .twentytwenty-handle,
.mejs-controls .mejs-time-rail .mejs-time-current
	{ background:#e74c3c!important}


/* =============================================================================
	Elements with primary color for text 
============================================================================= */
a, strong, 
h1.entry-title a:hover, .format-link h1.entry-title a:hover
	{ color:#e74c3c }

/* =============================================================================
	Elements with secondary color for background and text
============================================================================= */
button:hover, .button:hover, input[type="submit"]:hover,
.dropcap.bg, 
.navigation-buttons a:hover, .media-header .page-title .hide-title,
.format-aside .entry-content .aside a, .format-aside .entry-content .aside a:before,
.toggle .active,.accordion .panel .active, .apalodi-tab-nav li.active a
	 { background:#1fb4da!important;color:#ffffff!important } 

.alt-button
{ border-color:#1fb4da;color:#1fb4da } 

/* =============================================================================
	Elements with secondary color for background 
============================================================================= */
.img-hover-link:before,.flickr_badge_image a:before,
.progress-bar,
hr.seperator:after, article:after, #respond:before,#comments:before,.full-width .portfolio-meta:after, .full-width .widget_related_projects:before,
#nav-portfolio-below:before,#nav-portfolio-shortcode-below:before,
.blog article:after, article:after, #respond:before,#comments:before,
.mejs-controls .mejs-time-rail .mejs-time-loaded
	 { background:#1fb4da!important } 


/* =============================================================================
	Elements with secondary color for text 
============================================================================= */
.img-hover-link, aside.sidebar .widget ul li a.img-hover-link, .site-footer .widget a.img-hover-link,.flickr_badge_image a:after,
.portfolio-item h3 a, aside.sidebar .widget .portfolio-item h3 a,
.format-aside .entry-content .aside a,
article .entry-content p .showlogin,article .entry-content p .showcoupon,.woocommerce-error strong
 { color:#ffffff } 

blockquote:before,
.format-link h1.entry-title a
	{ color:#1fb4da } 


/* =============================================================================
	Elements with tertiary color for background and text
============================================================================= */
blockquote, pre, code,
aside.sidebar,
.search-result-counter, .wp-caption, 
.blog-read-more,.format-status .entry-content .status
	{ background:#f9f8f7;color:#555555 }


/* =============================================================================
	Elements with tertiary color for background 
============================================================================= */
hr, table th,
.right-sidebar .site-inner, .left-sidebar .content-area:before, 
.search-result-counter, .page-links span, .bypostauthor > article:before, .progress-bar-container,
table.variations,.reset_variations,
.navigation-buttons, .toggle a,.accordion a,.apalodi-tab-nav li a,
.call-to-action,
blockquote:before { background:#f9f8f7 } 

/* =============================================================================
	Elements with tertiary color for borders 
============================================================================= */
input[type="text"], .coupon .input-text , input[type="email"], input[type="password"], input[type="url"], input[type="datetime"],input[type="search"], input[type="tel"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="time"],input[type="week"], textarea, select,
fieldset, table, table th, table td, #primary input.search,
article .entry-content p a, .blog article, article, #respond, #comments,.comment-body,
#nav-portfolio-below,#nav-portfolio-shortcode-below, .toggle-content,.panel-content,.apalodi-tab, .apalodi-tab-nav,
.full-width .portfolio-meta, .full-width .widget_related_projects
	{  border-color:#f9f8f7 }

/* =============================================================================
	Elements with tertiary color for text 
============================================================================= */
blockquote a, blockquote cite a,aside.sidebar .widget ul li a,aside.sidebar .navigation li a,
#portfolio-filters li a
	{ color:#555555 }


/* =============================================================================
	Boxed Page Style Elements
============================================================================= */
.boxed .site-pusher{ background-image: url(http://themes.apalodi.com/neutrino/wp-content/uploads/sites/2/2013/12/google-plus-design.jpg);background-position:center center; background-repeat:no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }


/* =============================================================================
	Header
============================================================================= */
.site-header, .site-head-small, .transparent-header .site-head-small, .transparent-header .site-header:hover, .apalodi-mobile.transparent-header .site-header.site-head-small:hover { background:#1fb4da;color:#ffffff}
.site-header a{ color:#ffffff}
.site-header a:hover{ color:#ffffff}
.apalodi-mobile .site-header a:hover{ color:#ffffff}
.site-header .current-menu-item>a{ color:#ffffff}
.site-header .current-menu-item>a:hover{ color:#555}

.navigation a, .header-menu a{ font-family:Dosis;font-weight:400;font-size:1em}
@media only screen and (max-width : 850px) {
.navigation a, .header-menu a{ font-family:Dosis;font-weight:400;font-size:0.8em}
}
/* =============================================================================
	Footer
============================================================================= */
.site-footer,.site-footer .widget .amount { background:#28353D;color:#aaaaaa }
.site-footer .widget .widget-title{ color:#ffffff }
.site-footer a,.site-footer .widget a { color:#aaaaaa  }
.site-footer a:hover,.site-footer .widget a:hover, .site-footer .navigation>li>a:hover,.site-footer .navigation>.current_page_item>a,.site-footer .navigation>.current-menu-item>a { color:#ffffff }
.site-footer input[type="submit"], .site-footer button, .site-footer a.button { color:#ffffff  }
.site-footer button:hover, .site-footer .button:hover, .site-footer input[type="submit"]:hover { color:#ffffff  }

/* =============================================================================
	Animated sidebars
============================================================================= */
.sidebar-menu,.sidebar-menu .widget .amount { background:#28353D;color:#aaaaaa }
.sidebar-menu .widget .widget-title{ color:#ffffff }
.sidebar-menu a,.sidebar-menu .widget a { color:#aaaaaa  }
.sidebar-menu a:hover,.sidebar-menu .widget a:hover, .sidebar-menu .navigation>li>a:hover,.sidebar-menu .navigation>.current_page_item>a,.sidebar-menu .navigation>.current-menu-item>a,.sub-menu-plus.active { color:#ffffff }
.sidebar-menu input[type="submit"], .sidebar-menu button, .sidebar-menu a.button { color:#ffffff  }
.sidebar-menu button:hover, .sidebar-menu .button:hover, .sidebar-menu input[type="submit"]:hover { color:#ffffff  }


/* =============================================================================
	Page title
============================================================================= */
.page-title { background:#f9f8f7;color:#1fb4da  }


/* =============================================================================
	Slider
============================================================================= */
 .owl-page.active, #owl-bar { background-color:#e74c3c !important; }
.slider-center a:before,.camera_prev:before,.camera_next:before
	{ color:#ffffff  }
.slider-center h1 
	{ font-family:'Dosis';color:#ffffff;line-height:1.1em;font-weight:800;font-size:2.8em }
.slider-center p 
	{ font-family:'Dosis';color:#ffffff;line-height:1em;font-weight:400;font-size:1em }
ul.gallery .owl-controls .owl-buttons div:hover, ul.gallery .img-hover-link:hover .img-hover-link-icon{ background:#e74c3c;color:#ffffff  }



/* =============================================================================
	Typography
============================================================================= */
body,.search article .entry-header h2 { font-family:'Open Sans';color:#555;font-size:1.5em;line-height:1.8em;font-weight:400 }

h1,.h1-like{ color:#555;font-family:'Dosis';font-weight:700;font-size:1.8em;line-height:1em }
h2,.h2-like{ color:#555;font-family:'Dosis';font-weight:700;font-size:1.6667em;line-height:1.08em }
h3,.h3-like{ color:#555;font-family:'Dosis';font-weight:700;font-size:1.5555em;line-height:1.1739em }
h4,.h4-like{ color:#555;font-family:'Dosis';font-weight:700;font-size:1.4em;line-height:1.2857em }
h5,.h5-like{ color:#555;font-family:'Dosis';font-weight:600;font-size:1.2667em;line-height:1.4211em }
h6,.h6-like{ color:#555;font-family:'Dosis';font-weight:500;font-size:1.1555em;line-height:1.5882em }

blockquote p{ font-family:'Dosis' }

.page-title h1{ color:#1fb4da;font-family:'Dosis';font-weight:700;font-size:3em;line-height:1em }

.full-width .portfolio-meta .widget h3, .full-width .portfolio-meta .widget .tagcloud a { font-family:Open Sans;color:#555 }

.widget h3{ color:#555;font-family:'Dosis';font-weight:700;font-size:1.1em;line-height:1.em } 

.portfolio-item h3{ color:#ffffff;font-family:'Dosis';font-weight:700;font-size:1em!important;line-height:1.5882em } 
.portfolio-item h3 a{ color:#ffffff } 
.portfolio-title-visible .portfolio-item .portfolio-title h3 a{ color:#555!important }