/*
Theme Name:Illustrious
Theme URI:http://www.cpothemes.com/theme/illustrious
Description:Illustrious is a free portfolio WordPress theme geared towards corporate sites and personal portfolios. It supports a homepage slider, featured icon blocks, and a portfolio that you can use to showcase your work, by using to the CPO Content Types plugin. Furthermore, Illustrious also provides complete integration with popular plugins like WooCommerce, Yoast SEO, WPML, and Contact Form 7. 
Tags:brown, gray, white, one-column, two-columns, light, right-sidebar, fixed-layout, full-width-template, sticky-post, theme-options, responsive-layout, custom-background, custom-menu, featured-images, threaded-comments, translation-ready, custom-header
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:2.2.6
License:GNU General Public License 2.0
License URI:license.txt
Text Domain:cpotheme
Domain Path: /languages
*/


/* --------------------------------------------------------------
1. GENERAL ELEMENTS
-------------------------------------------------------------- */

/* BODY */
::selection  { color:#fff; background-color:#775555; }
::-moz-selection { color:#fff; background-color:#775555; }		
body { font-family:'Roboto', Arial, Helvetica, sans-serif; background:#f5f5f5; color:#666666; font-size:1em; line-height:1.6; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6, .heading { font-family:'Habibi'; color:#444444; line-height:1.2; margin:0 0 20px; }
h1 { font-size:2.5em; } 
h2 { font-size:2em; } 
h3 { font-size:1.5em; } 
h4 { font-size:1.3em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a:link, a:visited { color:#996b43; text-decoration:none; }
a:hover { color:#996b43; text-decoration:underline; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* FORMS */
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
textarea, select { border:1px solid #ddd; padding:8px 6px; background:#fff; border-width:1px 1px 2px; }
input[type=submit] { width:auto; -webkit-appearance:none; }

/* MAIN THEME COLORS */
.primary-color { color:#775555; }
.primary-color-bg { background-color:#775555; }
.secondary-color { color:#666666; }
.secondary-color-bg { background-color:#666666; }

/* SHORTCODE CUSTOM STYLING */
.button, .button:visited, input[type=submit] { border-radius:3px; border:none; padding:10px 30px; text-shadow:none; background:#775555; }
.button:hover, input[type=submit]:hover { background:#775555; }


/* --------------------------------------------------------------
2. LAYOUT
-------------------------------------------------------------- */

/* WRAPPERS */
.wrapper { margin:0 auto; }


/* TOPMENU */
.topbar { display:block; background:#555; line-height:34px; font-size:0.9em; }


/* SOCIAL ICONS */
.social { float:right; text-align:right; padding:0; width:auto; }
.social .social-profile { display:block; float:left; color:#999; margin:0; width:30px; font-size:18px;  text-align:center; }
.social .social-profile .social-title { display:none; }
.social .social-profile:hover { text-decoration:none; }


/* HEADER */
.header { position:relative; width:100%; padding:40px 0; }
.header .logo { float:left; padding-top:0; }
.header .header-content { float:right; padding:0 0 0 20px; }


/* HOMEPAGE SLIDES */
.slider { padding:0; margin:0; position:relative; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:500px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.slider-slides .slide { overflow:hidden; border:20px solid #fff; background-position:center; background-size:cover; position:relative; list-style:none; width:100%; height:100%; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.slider-slides .slide-body { position:relative; height:inherit; top:0; left:0; width:100%; }
.slider-slides .container {  }
.slider-slides .slide-image { position:relative; float:right; padding:0; width:48%; top:15%; }
.slider-slides .slide-image img { display:block; margin:0 auto; }
.slider-slides .slide-caption { overflow:hidden; position:relative; height:100%; background:rgba(255,255,255,0.5); float:left; padding:30px; width:35%; text-align:left; }
.slider-slides .slide-caption p:last-child { margin-bottom:0; }
.slider-slides .slide-title { font-size:2em; }
.slider-slides .slide-content { position:relative; font-size:1.2em; margin:0 0 30px; }
/* Slide Positions */
.slider-slides .slide-right .slide-caption { float:right; }
.slider-slides .slide-right .slide-image { float:left; }
.slider-slides .slide-center .slide-body { width:100%; left:0; }
.slider-slides .slide-center .slide-caption { float:none; padding:30px 25%; width:auto; height:auto; text-align:center; }
.slider-slides .slide-center .slide-image { float:none; margin:0 20%; width:60%; }
/* Slide Colors */
.slider-slides .dark .slide-caption { background:rgba(0,0,0,0.3); }
/* Slider Controls */
.slider-prev, 
.slider-next { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; }
.slider:hover .slider-prev, 
.slider:hover .slider-next { opacity:1; }
.slider-prev, 
.slider-next { position:absolute; width:50px; height:100px; font-size:30px; line-height:100px; margin-top:-50px; top:50%; background:#fff; text-align:center; color:#bbb; z-index:999; border-radius:2px; cursor:pointer; }
.slider-prev { left:0; }
.slider-prev:before { font-family:'fontawesome'; content:'\f104'; }
.slider-next { right:0; }
.slider-next:before { font-family:'fontawesome'; content:'\f105'; }
/* Transitions */
.slider-slides .slide-body .slide-image { -moz-transform:translateX(20px); -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all; }
.slider-slides .cycle-slide-active .slide-image { -moz-transform:none; -webkit-transform:none; transform:none; opacity:1; }
.slider-slides .cycle-slide-active .slide-image { -moz-transition-delay:0.8s; -webkit-transition-delay:0.8s; transition-delay:0.8s; }


/* BREADCRUMBS */
.breadcrumb { margin:15px 0 0; }
.breadcrumb-separator{ position:relative; padding-right:20px; margin-right:15px; }
.breadcrumb-separator:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'/'; font-weight:bold; font-size:12px; color:#aaa; margin-top:-5px; line-height:10px; opacity:0.5; }
.breadcrumb-separator { }
.breadcrumb-link :first-child{}
.breadcrumb-link :hover{}
.breadcrumb-title{}


/* PAGE BANNERS AND TITLES */
.pagetitle { padding:0; margin:0; text-align:center; }
.pagetitle .pagetitle-body { padding:0 0 30px; background-size:cover; background-size:no-repeat; background-position:center; }
.pagetitle .pagetitle-background { padding:40px 30px; border:20px solid #fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.pagetitle .pagetitle-title { margin:0; border:1px solid rgba(0,0,0,0.08); border-width:1px 0; padding:20px 0; font-size:2.5em; }
.pagetitle-background .pagetitle-title { border:1px solid rgba(255,255,255,0.15); border-width:1px 0; }


/* HOMEPAGE TAGLINE */
.tagline { padding:50px 20px; font-size:2.5em; text-align:center; opacity:0.5; margin:0 auto; max-width:800px; line-height:1.2; }
.tagline-content { padding:0 20%; }


/* HOMEPAGE MINI FEATURES */
.features { margin:0; padding:0 0 0; }
.features .feature { margin-bottom:40px; padding:20px; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.features .feature .feature-image { display:block; position:relative; margin:0 0 20px; border-radius:2px; overflow:hidden; }
.features .feature .feature-icon { position:absolute; top:50%; left:50%; font-family:'fontawesome'; text-align:center; width:100px; height:100px; color:#fff; margin:-50px 0 0 -50px; font-size:50px; z-index:99; line-height:100px; }
.features .feature .feature-title { margin:0 0 5px; }
.features .feature .feature-content { margin:0; }
.features .feature .feature-content p:last-child { margin:0; }


/* PAGE CONTENT */
.main { }


/* SIDEBARS */
.widget { overflow:hidden; margin:0 0 30px; }
.widget .widget-title { border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:5px; }
.dark .widget .widget-title { border-bottom:1px solid rgba(255,255,255,0.10); }
.widget ul li { margin:0 0 12px; }


/* FOOTER */
.subfooter { overflow:hidden; padding:40px 0 10px;  }
.footer {  overflow:hidden; padding:30px 0; clear:both; color:#aaa; text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.1); }


/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
.topmenu { float:left; }


/* MAIN MENU */
.menu-main { padding-top:0; float:right; }
/* Menu Elements */
.menu-main li a { text-transform:uppercase; padding:10px; font-size:1em; color:#777; }
.menu-main li a .menu-description { display:none; }
.menu-main li:hover > a, 
.menu-main li a:hover {  }
/* Current item highlight both normally and on hover */
.menu-main .current-menu-ancestor > a, 
.menu-main .current-menu-item > a { color:#755; }
.menu-main .current_page_ancestor > a:hover, 
.menu-main .current-menu-item > a:hover { }
/* Children Elements */
.menu-main .has-children:before { color:#ccc; content:'\f0d7'; font-size:10px; }
.menu-main li ul { margin:0; background:#fff; background:#fff; padding:10px; box-shadow:0 2px 3px 0px rgba(0,0,0,0.2); }
.menu-main li ul ul { top:-10px; }
.menu-main > li > ul:before { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:20px; margin:-7px 0 0; border-bottom:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; z-index:9999; }
.menu-main li ul li a { text-transform:none; font-size:0.9em; background:#f8f8f8; }
.menu-main li ul li:hover > a, 
.menu-main li ul li a:hover { background-color:none; }


/* FOOTER MENU */
.footermenu { float:right; }
.menu-footer { text-align:left; margin:0; }
.menu-footer li a { font-weight:bold; }
.menu-footer li ul li a { font-weight:normal; font-size:0.9em; }


/* SUBMENU NAVIGATION */
.menu-sub { }
.menu-sub li { }
.menu-sub li a { margin:0 10px 10px 0; }


/* PORTFOLIO NAVIGATION */
.menu-portfolio { overflow:hidden; margin:0 0 40px; padding:0; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.menu-portfolio .menu-item { float:left; padding:10px 20px; display:block; margin:0; border-left:1px solid #eee; }
.menu-portfolio .menu-item:first-child { border-left:none; }
.menu-portfolio .menu-item:hover { text-decoration:none; }
.menu-portfolio .current_page_item, .menu-portfolio .current-cat { border-bottom:0; }
.menu-portfolio .current_page_item a, .menu-portfolio .current-cat a { color:#999; background:#fff; }
.menu-portfolio .current_page_item  ul li a, .menu-portfolio .current-cat ul li a { color:#222; background:none; }


/* NEXT/PREV POST NAVIGATION */
.navigation { padding:0; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.navigation .nav-prev,
.navigation .nav-next { padding:0 30px; }
.navigation .nav-prev:before { display:block; position:absolute; top:50%; left:0; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; }
.navigation .nav-next:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f105'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; }


/* NUMBERED PAGINATION */
.pagination {}
.pagination ul { display:inline-block; padding:0; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.pagination .current { background:none; color:#999; }
.pagination span, 
.pagination a { border-radius:3px; }


/* NUMBERED PAGINATION FOR SINGLE POSTS */
.postpagination span { }
.postpagination a span { }


/* --------------------------------------------------------------
4. POSTS & PAGES
-------------------------------------------------------------- */

/* POSTS */
.post  { margin:0 0 50px; }
.post .post-image { float:left; width:36%; padding:20px; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); margin:0 0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; border-radius:2px; }
.post .post-body { }
.post .post-body-image { margin-left:40%; }
.post .post-title { padding:0; margin:0 0 10px 0; }
.post .post-title a { color:inherit; }
.post .post-byline { overflow:hidden; padding:0 0 5px; text-transform:uppercase; margin:0 0 15px; color:#aaa; font-size:0.8em; border-bottom:1px solid rgba(0,0,0,0.08);  }
.post .post-byline div { float:left; position:relative; padding:0 22px 0 0; margin-bottom:10px; }
.post .post-byline div:last-child { padding-right:0; }
.post .post-content { padding:0; margin:0 0 15px 0; }
.post .post-content p:last-child { margin-bottom:0; }
.post .readmore { margin:10px 0 0; }
.post .post-tags { display:block; margin:30px 0; }
.post .post-tags a { display:inline-block; padding:8px 20px; text-transform:uppercase; background:rgba(255,255,255,0.6); border-bottom:2px solid rgba(0,0,0,0.1); border-radius:3px; margin:0 10px 0 0; }
.post .post-tags a:hover { text-decoration:none; opacity:0.8; }
/* SINGLE POST VIEW */
.single .post .post-image { float:none; width:auto; margin:0 0 20px; }
.single .post .post-body { margin-left:0; }


/* AUTHOR BIOS */
.author-info { clear:both; padding:20px; margin:0 0 40px; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.author-info .author-image { float:left; margin:0; width:100px; border-radius:3px; }
.author-info .author-image img { display:block; line-height:0; margin:0; border-radius:3px; }
.author-info .author-body { margin-left:120px; }
.author-info .author-name { margin:0 0 10px; }
.author-info .author-description { margin:0 0 10px; }
.author-info .author-social { margin:0 0 0; }
.author-info .author-social a { margin-right:15px; }


/* INDIVIDUAL PORTFOLIO ITEMS */
.cpo_portfolio .portfolio-media { padding:20px; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); margin:0 0 30px; }
.cpo_portfolio .portfolio-media > img { display:block; }
.cpo_portfolio .portfolio-details { padding-left:5%; margin-bottom:30px; padding:15px 30px 30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:2px; }
.cpo_portfolio .portfolio-details div { margin:15px 0 0; border-top:1px solid #fff; padding:15px 0 0 30px; position:relative; }
.cpo_portfolio .portfolio-details p:last-child { margin:0; }
.cpo_portfolio .portfolio-details div:first-child { margin:0; border-top:none; }
.cpo_portfolio .portfolio-details .details-icon { position:absolute; display:block; width:15px; margin-top:1px; font-size:1.3em; text-align:center; left:0; top:17px; }
.cpo_portfolio .portfolio-content { }


/* SECTION HEADINGS */
.fancy-heading { overflow:hidden; margin:0 0 40px; font-size:1.7em; text-align:center; }
.fancy-heading .fancy-heading-content { display:inline; position:relative; line-height:0.5; }
.fancy-heading .fancy-heading-content:before,
.fancy-heading .fancy-heading-content:after { content:' '; position:absolute; background:rgba(0,0,0,0.08); top:48%; height:1px; width:1000px; }
.fancy-heading .fancy-heading-content:before { right:100%; margin-right:25px; }
.fancy-heading .fancy-heading-content:after { left:100%; margin-left:25px; }


/* PORTFOLIO SHOWCASE */
.portfolio { clear:both; padding:0; }
.portfolio-heading { margin:0 0 40px; }
.portfolio-content { overflow:hidden; }
.portfolio-item { display:block; overflow:hidden; position:relative; margin-bottom:40px; padding:20px; background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.portfolio-item-image { display:block; overflow:hidden; margin:0 0 20px; }
.portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; border-radius:2px; line-height:0; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.portfolio-item .portfolio-item-overlay { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index:9999; }
.portfolio-item .portfolio-item-overlay:before { display:block; position:absolute; bottom:0; left:50%; font-family:'fontawesome'; content:'\f107'; font-size:18px; color:#fff; margin:0 0 0 -15px; width:30px; height:30px; line-height:30px; border:2px solid #fff; border-radius:50%; opacity:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.portfolio-item .portfolio-item-title { margin:0 0 10px; font-size:1.2em; }
.portfolio-item .portfolio-item-description { }
.portfolio-item .portfolio-item-description p:last-child { margin-bottom:0; }
.portfolio-item a:hover { text-decoration:none; }
.portfolio-item:hover .portfolio-item-overlay { opacity:1; }
.portfolio-item:hover .portfolio-item-overlay:before { margin-bottom:20px; opacity:1; }


/* --------------------------------------------------------------
5. COMMENTS
-------------------------------------------------------------- */


/* COMMENTS */
.comments { clear:both; margin:0; }
.commentlist { list-style:none; padding:0; margin:0 0 30px; }
.comment { overflow:hidden; list-style:none; margin:0 0 10px; padding:0; }
.comment .comment-avatar { float:left; background:#fff; margin:5px 0 0; padding:5px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
.comment .comment-avatar img { border-radius:2px; display:block; }
.comment .comment-title { padding:0; margin-left:80px; border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:5px; }
.comment .comment-author { display:block; font-size:1.3em; }
.comment .comment-date { font-size:0.9em; }
.comment .comment-approval { display:block; padding:0 10px 0; margin:0; }
.comment .comment-content { margin:10px 0 30px 80px; padding:0; }
.comment .comment-options { overflow:hidden; float:right; text-align:right; border-radius:2px; font-size:0.9em; }
.comment .comment-options a { margin-left:10px; }
.comment .comment-options a:first-child { margin:0; }
/* Contents Styling for Comment Body */
.comment .comment-content ul, .comment .comment-content ol { margin-bottom:18px; }
.comment .comment-content p:last-child { margin-bottom:6px; }
.comment .comment-content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.comment .children { list-style:none; margin:0 0 0 50px; }
/* Pingbacks & Trackbacks */
.comments ol.pinglist { margin:0; }
.comments .pingback { list-style:none; margin:0 0 10px 0; }
.comments .pingback .url { font-style:italic; }


/* COMMENT FORM */
.comment-respond { margin:30px 0; overflow:hidden; position:relative; }
.comment-respond p { overflow:hidden; }
/* Fields */
.comment-respond .comment-notes { display:none; }
.comment-respond .required { color:#ff4b33; }
.comment-respond label{ display:block; padding:5px 0; }
.comment-respond textarea{ height:200px; max-height:400px; min-height:200px; resize:vertical; }
/* Nested Form */
#cancel-comment-reply-link { float:right; display:block; font-size:0.9em; }
/* Allowed Tags */
.comment-respond .form-allowed-tags { display:none; color:#888; font-size:0.9em; }
.comment-respond .form-allowed-tags code { display:block; font-size:0.9em; }
.comment-respond .form-submit { }


/* --------------------------------------------------------------
RESPONSIVE STYLES
-------------------------------------------------------------- */


/* LARGE SCREENS */
@media screen and (min-width: 1280px){}


/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px){}


/* TABLET PORTRAIT */
@media screen and (max-width: 800px){
    
	.header .logo { float:left; }
	
	.pagetitle .pagetitle-title { font-size:2em; }
	
	.menu-main li ul { padding:0; }
	.menu-main li ul li a { background:#fff; }
	
	.slider .slider-slides .slide-content { bottom:10px; left:10px; right:10px; top:auto; width:auto; min-width:0px; padding:10px; }
	.slider-slides .slide-image { padding:10px; }
	.slider-prev, .slider-next { width:30px; height:60px; font-size:20px; line-height:60px; margin-top:-30px; opacity:0.4; }
	
	.minifeatures .feature { padding:10px; }
	.portfolio-item { padding:10px; }
}


/* SMARTPHONE */
@media only screen and (max-width: 600px){
	
	.topmenu { display:none; }
	.header { padding:20px 0; }
	
	.social { float:left; }
	
	/* NAVIGATION */
	.menu-top { text-align:center;  }
	.menu-top li { display:inline-block; }
	.menu-top li a { margin:0 auto; }
	
	.footermenu { float:none; }
	.menu-footer li a { margin:0 10px 10px 0; }
	
	.post .post-image { float:none; width:auto; margin:0 0 20px; }
	.post .post-body { margin-left:0; }
}