/*
 Theme Name:   exBlue
 Description:  exBlue is a child theme of the Experon theme and is really good for professionals. If you want to make a business, for big or small this theme is good for you. So if it is a restaurant, sport, medical, startup, corporate, business, ecommerce, portfolio, freelancers or any type of online agency or firm you will want to use this cool design. It had a multi-purpose design with widget areas in footer, so now even easy to make blog/news website which looks really clean. The theme is responsive, WPML, Polylang, Retina ready, SEO friendly, and is a super design.
 Author:       yaypress
 Author URI:   http://www.yaypress.com
 Template:     experon
 Version:      1.0.0
 License:      GPLv2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  exblue
 Tags:         one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, photography, rtl-language-support
*/

/* ---------------------------------------------------------------------------------------
	01. RESET
--------------------------------------------------------------------------------------- */

blockquote, q {
	color: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	02. GLOBAL
--------------------------------------------------------------------------------------- */

/* Links */
a {
	color: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	05. NAVIGATION
--------------------------------------------------------------------------------------- */

/* =Pagination
----------------------------------------------------------------------------- */

.pag li a,
.pag li span {
	-webkit-box-shadow: 0 0 0 2px #0c4da2;
	-moz-box-shadow: 0 0 0 2px #0c4da2;
	-ms-box-shadow: 0 0 0 2px #0c4da2;
	-o-box-shadow: 0 0 0 2px #0c4da2;
	box-shadow: 0 0 0 2px #0c4da2;
	-webkit-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
}
.pag li a:hover {
	background: #0c4da2;
}
.pag li.current span {
	background: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
}

/* Pagination - Native WordPress pagination */
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
    -webkit-box-shadow: 0 0 0 2px #0c4da2;
    -moz-box-shadow: 0 0 0 2px #0c4da2;
    -ms-box-shadow: 0 0 0 2px #0c4da2;
    -o-box-shadow: 0 0 0 2px #0c4da2;
    box-shadow: 0 0 0 2px #0c4da2;
    -webkit-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
    -moz-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
    -ms-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
    -o-box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
    box-shadow: 0 0 0 2px rgba(12, 77, 162, 0.2);
}
.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links a.current:hover,
.navigation.pagination .nav-links span.current:hover {
    background: #0c4da2;
    background: rgba(12, 77, 162, 0.2);
}
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span:hover {
	background: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	06. HEADER
--------------------------------------------------------------------------------------- */

/* =Menu
----------------------------------------------------------------------------- */

/* Pre-header */
#pre-header .header-links .menu-hover > a,
#pre-header .header-links > ul > li > a:hover {
	color: #0c4da2;
}
#pre-header .header-links .sub-menu a:hover {
	color: #0c4da2;
}

/* Pre-header - Icon Styling */
#pre-header .header-links i {
	color: #0c4da2;
}

/* Header */
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a {
	color: #0c4da2;
}
#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
	color: #0c4da2;
}

/* Header - Fancy Dropdown */
.header-fancydrop #header .header-links .sub-menu {
	-webkit-box-shadow: #0c4da2 0px -4px 0px 0px, rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
	-moz-box-shadow: #0c4da2 0px -4px 0px 0px, rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
	-ms-box-shadow: #0c4da2 0px -4px 0px 0px, rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
	-o-box-shadow: #0c4da2 0px -4px 0px 0px, rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
	box-shadow: #0c4da2 0px -4px 0px 0px, rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
}

/* Header - Style 2 Sticky */
.header-style2.header-stickyactive #header .menu > li.menu-hover > a,
.header-style2.header-stickyactive #header .menu > li.current_page_item > a,
.header-style2.header-stickyactive #header .menu > li.current-menu-ancestor > a,
.header-style2.header-stickyactive #header .menu > li > a:hover	{
	color: #0c4da2;
}

/* Header - Search */
#header-search a {
	background: #0c4da2;
}
.header-style2 #header-search a:hover,
.header-style2 #header-search.active a {
	background: #0c4da2;
}


/* =Slider
----------------------------------------------------------------------------- */

/* Responsive ThinkUpSlider - Content */
#slider .featured-title span,
.thinkupslider-sc .featured-title span {
	color: #0c4da2;
}

#slider .featured-excerpt span,
.thinkupslider-sc .featured-excerpt span {
	color: #0c4da2;
}
#slider .featured-link a,
.thinkupslider-sc .featured-link a {
	color: #0c4da2;
}
#slider .featured-link a:hover,
.thinkupslider-sc .featured-link a:hover {
	background: #0c4da2;
}

/* Slider - Style 4 (Title - Theme, Excerpt - Black ) */
#slider .rslides-content.style4 .featured-title span,
.thinkupslider-sc .rslides-content.style4 .featured-title span {
	background: #0c4da2;
}

/* Slider - Style 8 (Title - Black Background - White Font, Excerpt - Dark Color ) */
#slider .rslides-content.style8 .featured-link a:hover,
.thinkupslider-sc .rslides-content.style8 .featured-link a:hover {
	border-color: #0c4da2;
}


/* =Intro Options
----------------------------------------------------------------------------- */

/* Page Title */
#intro .page-title {
	color: #0c4da2;
}

/* Breadcrumbs */
#intro #breadcrumbs {
	color: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	07. MAIN CONTENT
--------------------------------------------------------------------------------------- */

/* =Buttons
----------------------------------------------------------------------------- */

/* Theme button - Style 1 */
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #0c4da2;
	-webkit-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
}
.themebutton:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
}

/* Theme button - Style 1 */
.themebutton2  {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
	-webkit-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
}
a.themebutton2 {
	color: #0c4da2;
}
.themebutton2:hover {
	background: #0c4da2;
}

/* Theme button - Style 3 */
.themebutton3:hover {
	background: #0c4da2;
}

/* Theme button - Style 4 */
.themebutton4 {
	color: #0c4da2;
	border: 2px solid #0c4da2;
}
.themebutton4:hover {
	color: #0c4da2;
}


/* =Call to Action
----------------------------------------------------------------------------- */

.action-text h3 {
	color: #0c4da2;
}

/* Call to Action - Style 2 Specific Code */
#introaction.style2 #introaction-core,
#outroaction.style2 #outroaction-core {
	border: 4px solid rgba(12, 77, 162, 0.2);
}


/* ---------------------------------------------------------------------------------------
	08. FOOTER
--------------------------------------------------------------------------------------- */

#footer-core a,
#footer-core .widget li > a:before {
	color: #0c4da2;
}

/* Post-footer - Scroll To Top */
#scrollUp:hover:after {
	background: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	09. WIDGETS & SIDEBAR
--------------------------------------------------------------------------------------- */

/* =Widgets
--------------------------------------------------------------------------------------- */

/* Default Widgets */
.widget li a:hover,
.widget li > a:hover:before {
	color: #0c4da2;
}

/* Default Widget - Rss */
.widget_rss li a {
	color: #0c4da2;
}

/* Default Widget - Tag Cloud */
.widget_tag_cloud a {
	background: #0c4da2;
}

/* Custom Widget - Categories */
.thinkup_widget_categories li a:hover {
	color: #0c4da2;
}

/* Custom Widget - Child Menu */
.thinkup_widget_childmenu li a.active,
.thinkup_widget_childmenu li a:hover,
.thinkup_widget_childmenu li > a.active:before,
.thinkup_widget_childmenu li > a:hover:before {
	color: #0c4da2
}

/* Custom Widget - Flickr */
#sidebar .thinkup_widget_flickr a .image-overlay {
	background-color: #0c4da2;
}
#footer .thinkup_widget_flickr img:hover {
	border-color: #0c4da2;
}

/* Custom Widget - Popular Posts / Recent Comments / Recent Posts */
#sidebar .popular-posts a .image-overlay,
#sidebar .recent-comments a .image-overlay,
#sidebar .recent-posts a .image-overlay {
	background-color: #0c4da2;
}
#footer .popular-posts:hover img,
#footer .recent-comments:hover img,
#footer .recent-posts:hover img {
	border-color: #0c4da2;
}

/* Custom Widget - Recent Comments Quotes */
.thinkup_widget_recentcomments .quote:before {
	color: #0c4da2;
}

/* Custom Widget - Tabs Specific */
#footer .thinkup_widget_tabs h3.widget-title {
	color: #0c4da2;
}

/* Custom Widget - Tags Cloud */
.thinkup_widget_tagscloud a {
	background: #0c4da2;
}

/* Custom Widget - Twitter Feed */
#sidebar .thinkup_widget_twitterfeed a {
	color: #0c4da2;
}
#footer .thinkup_widget_twitterfeed small {
	color: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	10. PAGE FORMATS
--------------------------------------------------------------------------------------- */

/* =Blog - Style 1
--------------------------------------------------------------------------------------- */

.blog-icon i:hover {
	background: #0c4da2;
}

/* Read more button styling (also used on portfolio page */
.more-link.style2 .more-icon {
	color: #0c4da2;
}


/* =Blog - Featured Image Overlay
--------------------------------------------------------------------------------------- */

.blog-thumb .image-overlay-inner a:hover {
	background: #0c4da2;
}


/* =Blog - Style 1
--------------------------------------------------------------------------------------- */

.blog-article .blog-title a:hover {
	color: #0c4da2; 
}
.blog-article .entry-meta a:hover {
	color: #0c4da2;
}


/* =Single Post
--------------------------------------------------------------------------------------- */

/* Meta content */
.single .entry-meta a:hover {
	color: #0c4da2;
}

/* Author Bio */
#author-bio {
	border-top: 4px solid #0c4da2;
	border-top: 4px solid rgba(12, 77, 162, 0.2);
}

/* User Comment */
#comments {
	border-top: 4px solid #0c4da2;
	border-top: 4px solid rgba(12, 77, 162, 0.2);
}

/* Comments */
#comments-title h3,
#reply-title {
	color: #0c4da2;
}
.comment-author h4 {
	color: #0c4da2;
}
.comment-author a:hover,
.comment-meta a:hover {
	color: #0c4da2;
}

/* Comment Section - Style 2 */
#comments.style2 #commentform input[type="text"],
#comments.style2 #commentform textarea {
	border: 4px solid rgba(12, 77, 162, 0.2);
}

/* More Posts - Content Footer Area */
#content-footer {
	background: #0c4da2;
}


/* =Archive
--------------------------------------------------------------------------------------- */

.page-template-template-archive-php #main-core a:hover {
	color: #0c4da2;
}


/* =Sitemap
--------------------------------------------------------------------------------------- */

.page-template-template-sitemap-php #main-core a:hover {
	color: #0c4da2;
}


/* =Team
--------------------------------------------------------------------------------------- */

/* Team page members media */
.team-social li a {
	background: rgba(12, 77, 162, 0.2);
}
.team-social li a:hover {
	background: #0c4da2;
}


/* =Testimonials
--------------------------------------------------------------------------------------- */

.testimonial-name h3 {
	color: #0c4da2;
}
.testimonial-quote:before {
	color: #0c4da2;
}

	
/* ---------------------------------------------------------------------------------------
	11. SHORTCODES - THEME SPECIFIC STYLE
--------------------------------------------------------------------------------------- */

/* ACCORDION
------------------------------------------------------------------ */

.accordion-toggle:before {
	color: #0c4da2;
}
.accordion-toggle,
.accordion-toggle.collapsed:hover {
	color: #0c4da2;
}
.accordion.style2 .accordion-group {
	border: 4px solid #0c4da2;
	border: 4px solid rgba(12, 77, 162, 0.2);
}
.accordion.style2 .accordion-group:last-child {
	border-bottom: 4px solid #0c4da2;
	border-bottom: 4px solid rgba(12, 77, 162, 0.2);
}


/* BLOCKQUOTES
------------------------------------------------------------------ */

blockquote.style2, q.style2 {
	border-left: 10px solid #0c4da2;
}


/* BUTTONS
------------------------------------------------------------------ */

/* Button Style 1 */
.button.style1:hover {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
}

/* Button Style 2 */
.button.style2 {
	-webkit-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
}
.button.style2:hover {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
}

/* Button Style 3 */
.button.style3 {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
	-webkit-box-shadow: 0 0 0 4px #0c4da2;
	-moz-box-shadow: 0 0 0 4px #0c4da2;
	-ms-box-shadow: 0 0 0 4px #0c4da2;
	-o-box-shadow: 0 0 0 4px #0c4da2;
	box-shadow: 0 0 0 4px #0c4da2;
}
.button.style3:hover {
	background: #0c4da2;
	-webkit-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
}

/* Button Style 4 */
.button.style4 {
	background: #0c4da2;
	-webkit-box-shadow: 0 0 0 4px #0c4da2;
	-moz-box-shadow: 0 0 0 4px #0c4da2;
	-ms-box-shadow: 0 0 0 4px #0c4da2;
	-o-box-shadow: 0 0 0 4px #0c4da2;
	box-shadow: 0 0 0 4px #0c4da2;
}
.button.style4:hover {
	color: #0c4da2;
	background: rgba(12, 77, 162, 0.2);
	-webkit-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-moz-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-ms-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	-o-box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
	box-shadow: 0 0 0 4px rgba(12, 77, 162, 0.2);
}

/* CALL TO ACTION
------------------------------------------------------------------ */

/* Call to Action - Style 2 Specific Code */
.sc-action.style2 .sc-action-core {
	border: 4px solid rgba(12, 77, 162, 0.2);
}


/* CAROUSEL (NAVIGATION)
------------------------------------------------------------------ */

.sc-carousel a.prev:hover,
.sc-carousel a.next:hover {
	background: #0c4da2;
	border-color: #0c4da2;
}

/* Corrects text color when cutom styling heading option is selected */
.sc-carousel .entry-content h4 a:hover {
	color: #0c4da2 !important;
}

/* Image overlay effect */
.sc-carousel .entry-header .hover-link:hover,
.sc-carousel .entry-header .hover-zoom:hover,
.sc-postitem .entry-header .hover-link:hover,
.sc-postitem .entry-header .hover-zoom:hover {
	background: #0c4da2;
}

/* Image overlay effect - Style 2 */
.sc-carousel .entry-header:hover .image-overlay.overlay2,
.sc-postitem .entry-header:hover .image-overlay.overlay2 {
	opacity: 1;
	background: #0c4da2;
	background: rgba(12, 77, 162, 0.8);
}
.sc-carousel .entry-header .image-overlay.overlay2 .hover-zoom:hover:before,
.sc-carousel .entry-header .image-overlay.overlay2 .hover-link:hover:before,
.sc-postitem .entry-header .image-overlay.overlay2 .hover-zoom:hover:before,
.sc-postitem .entry-header .image-overlay.overlay2 .hover-link:hover:before {
	color: #0c4da2;
}


/* FEATURED / IMAGE
------------------------------------------------------------------ */

.sc-featured h3 {
	color: #0c4da2;
}


/* LIST - FONT AWESOME
------------------------------------------------------------------ */
ul.iconfont i {
	color: #0c4da2;
}


/* LIGHTBOX
------------------------------------------------------------------ */

.sc-lightbox .image-overlay-inner {
	background: #0c4da2;
}
.sc-lightbox a:hover:before {
	color: #0c4da2;
}


/* PRICING TABLE
------------------------------------------------------------------ */

.pricing-table i {
	color: #0c4da2;
	position: absolute;
	left: -15px;
}
.pricing-table .pricing-title,
.pricing-table .pricing-price {
	line-height: 1;
	color: #0c4da2
}

/* Style 2 */
.pricing-table.style2 {
	background: #0c4da2;
}
.pricing-table.style2 .pricing-link a {
	border: 2px solid #0c4da2;
}


/* TABS
------------------------------------------------------------------ */

/* Style 2 */
.tabs.style2 .nav-tabs .active a, 
.tabs.style2 .nav-tabs a:hover {
	color: #0c4da2;
}

/* Style 3 */
.tabs.style3 .nav-tabs {
	border: 4px solid #0c4da2;
	border: 4px solid rgba(12, 77, 162, 0.2);
}
.tabs.style3 .nav-tabs a {
	color: #0c4da2;
}
.tabs.style3 .nav-tabs .active a, 
.tabs.style3 .nav-tabs a:hover {
	background: #0c4da2;
}


/* PORTFOLIO POST CAROUSEL
------------------------------------------------------------------ */

.sc-carousel.carousel-portfolio .entry-content h4 a:hover {
	color: #0c4da2;
}


/* TEAM POST CAROUSEL
------------------------------------------------------------------ */

/* Team Carousel Overlay - Style 2 */
.sc-carousel.carousel-team .entry-header .overlay2 .hover-link:hover {
	color: #0c4da2;
}


/* ICONS (FONT AWESOME)
------------------------------------------------------------------ */

/* Font Icon - Style 1 */
.iconfull.style1 a:hover i {
	background: #0c4da2;
}

.iconfull.style1 i.fa-inverse {
	background: #0c4da2;
}

/* Font Icon - Style 2 */
.iconfull.style2 .iconurl > a:hover {
	color: #0c4da2;
}


/* PROGRESS BARS
------------------------------------------------------------------ */

.progress .bar-danger {
	background-color: #0c4da2;
}
.progress.progress-basic .bar-danger {
	background: #0c4da2;
}


/* ---------------------------------------------------------------------------------------
	12. PAGE BUILDER - THEME SPECIFIC STYLE
--------------------------------------------------------------------------------------- */

/* Call To Action */
.panel-grid-cell #introaction .style1,
.panel-grid-cell #introaction .style2 {
	background: #0c4da2;
}
.panel-grid-cell #introaction .style4:hover,
.panel-grid-cell #introaction .style6:hover {
	background: #0c4da2;
}

/* Carousel - Portfolio  - Style when no link is set for portfolio button */
.carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev:hover, 
.carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next:hover {
	background: #0c4da2;
	border-color: #0c4da2;
}
.carousel-portfolio-builder.style2 .sc-carousel-button:hover {
	background: #0c4da2;
	border-color: #0c4da2;
}

/* Services - Style 1 */
.services-builder.style1 .iconimage {
	background: #0c4da2;
}
.services-builder.style1 a:hover i {
	color: #0c4da2;
	border-color: #0c4da2;
}
.services-builder.style1 .iconurl a:hover {
	color: #0c4da2;
}

/* Services - Style 2 */
.services-builder.style2 i {
	color: #0c4da2;
	border: 3px solid #0c4da2;
	border: 3px solid rgba(12, 77, 162, 0.2);
}
.services-builder.style2 a:hover i {
	background: rgba(12, 77, 162, 0.2);
}
.services-builder.style2 .iconmain h3 {
	color: #0c4da2;
}