/*
Theme Name:Intuition Pro
Theme URI:http://www.cpothemes.com
Description:A professional WordPress theme perfect for agencies and online businesses. Showcase the best parts of your product by taking advantage of the homepage slider, the feature blocks, or the embedded testimonials. Affluent will ensure your site looks as crisp and elegant as possible.
Tags:business, product, portfolio, blog, creative, responsive, customizable, fluid, clean, crisp
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.0.0
License:GNU General Public License 2.0
License URI:license.txt
*/


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

/* BODY */
body { font-family:Arial, Helvetica, sans-serif; background:#f9f9ff; color:#777; font-size:0.875em; line-height:1.6; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color:#444; 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:#d7586c; text-decoration:none; }
a:hover { color:#f78; 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; background:#ffffff; }
input[type=submit] { width:auto; -webkit-appearance:none; }

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

/* SHORTCODE CUSTOM STYLING */
.button, .button:visited, input[type=submit] { border-radius:2px; border:none; text-shadow:none; background:#9FC748; border-color:#c15289; letter-spacing:2px; }
.button:hover, input[type=submit]:hover { background:#e7a; }


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

/* WRAPPERS */
.wrapper { margin:0 auto; background:#f9f9f9; }
.wrapper-boxed .wrapper { margin:0 auto; max-width:100%; width:1020px; box-shadow:0 0 3px 2px rgba(0,0,0,0.2); }
.wrapper-boxed .container { padding:0 40px; }


/* 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:34px; height:34px; font-size:14px; text-align:center; border-right:1px solid rgba(255,255,255,0.1); }
.social .social-profile:first-child { border-left:1px solid rgba(255,255,255,0.1); }
.social .social-profile .social-title { display:none; }
.social .social-profile:hover { text-decoration:none; background:rgba(255,255,255,0.1); }


/* HEADER */
.header { position:relative; width:100%; padding:20px 0; background:#fff; border-bottom:1px solid #ddd; }
.header .logo { float:left; padding-top:0; }
.header .header-content { display:none; float:right; text-align:right; padding:20px 0 0 20px; }


/* HOMEPAGE SLIDES */
.slider { background:#aaa; 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:450px;  }
.slider-slides .slide { background-color:#AAA; position:relative; list-style:none; width:100%; height:100%; margin:0; padding:0; }
.slider-slides .container { overflow:visible; position:relative; }
.slider-slides .slide-textbox:link,
.slider-slides .slide-textbox:visited { overflow:hidden; display:block; color:#666; position:absolute; border:1px solid #fff; background:rgba(255,255,255,0.8); bottom:40px; padding:20px; width:50%; text-align:left; text-shadow:0 1px 0 #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.slider-slides .slide-textbox:hover { text-decoration:none; box-shadow:0 0px 5px 2px rgba(255,255,255,0.7); }
.slider-slides .slide-right .slide-textbox { right:30px; text-align:right; }
.slider-slides .slide-textbox .slide-title { font-size:2.5em; margin-bottom:10px; color:#444; }
.slider-slides .slide-textbox p:last-child { margin-bottom:0; }
/* Slider Controls */
.slider-prev, 
.slider-next { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; }
.slider-prev, 
.slider-next { position:absolute; width:50px; height:50px; font-size:80px; line-height:50px; margin-top:-25px; top:50%; text-align:center; color:#fff; z-index:999; border-radius:50%; text-shadow:0 0 3px rgba(0,0,0,0.5); 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'; }
.slider:hover .slider-prev { opacity:1; margin-left:20px; } 
.slider:hover .slider-next { opacity:1; margin-right:20px; }


/* BREADCRUMBS */
.breadcrumb { float:right; 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:'\f0da'; font-size:10px; color:#999; margin-top:-4px; line-height:1; }
.breadcrumb-separator { }
.breadcrumb-link :first-child{}
.breadcrumb-link :hover{}
.breadcrumb-title{}


/* PAGE BANNERS AND TITLES */
.banner { overflow:hidden; padding:0; margin:0; max-height:500px; }
.banner .banner-image { display:block; width:100%; height:auto; line-height:0; padding:0; margin:0; }
.pagetitle { overflow:hidden; padding:20px 0; margin:0; border-top:1px solid #ddd; }
.pagetitle .pagetitle-title { margin:0; float:left; font-size:2.5em; }


/* HOMEPAGE TAGLINE */
.tagline { padding:40px 0; font-size:1.3em; text-align:center; background:#eee; border:1px solid #ddd; border-width:1px 0; }
.tagline-content { padding:0 10%; }


/* HOMEPAGE MINI FEATURES */
.minifeatures { margin:30px 0 30px; }
.minifeatures .feature { position:relative; margin:30px 0 40px; text-align:center; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd; }
.minifeatures .feature-body { padding:0 20px 5px; }
.minifeatures .feature .feature-image { margin:0; }
.minifeatures .feature .feature-icon { position:relative; display:inline-block; font-family:'fontawesome'; text-align:center; width:70px; height:70px; font-size:30px; color:#fff; margin:-35px 0 20px; line-height:70px; border-radius:100px; }
.minifeatures .feature img { display:block; }
.minifeatures .feature .feature-title { margin:0 0 20px; font-size:1.6em; text-align:center; padding:0 0 20px; border-bottom:1px solid #eee; }
.minifeatures .feature .feature-content { clear:both; text-align:center; }


/* PAGE CONTENT */
.main { }


/* SIDEBARS */
.widget { overflow:hidden; margin:0 0 30px; }
.widget ul li { position:relative; padding:0 0 0 20px; margin:0 0 8px; }
.widget ul li:before { display:block; position:absolute; top:1em; left:0; font-family:'fontawesome'; content:'\f0da'; font-size:10px; color:#bbb; margin-top:-7px; line-height:1.6; }


/* FOOTER */
.subfooter { visibility: hidden; overflow:hidden; padding:60px 0 20px; background:#f2f2f2; border-top:1px solid #ddd; }
.footer {  overflow:hidden; padding:30px 0; clear:both; color:#aaa; }


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

/* TOP MENU */
.topmenu { float:left; }
.topmenu li { margin:0; }
.topmenu li a { padding:0 15px; border-left:1px solid rgba(255,255,255,0.1); }
.topmenu li:first-child a { border-left:none; }


/* MAIN MENU */
.menu-main { padding-top:90px; float:right; }
/* Menu Elements */
.menu-main li a { padding:10px; font-size:1.1em; color:#777; }
.menu-main li a .menu-description { display:none; }
.menu-main li:hover > a, 
.menu-main li a:hover { background-color:#fff; text-decoration: underline; }
/* Current item highlight both normally and on hover */
.menu-main .current-menu-ancestor > a, 
.menu-main .current-menu-item > a { color:#a66; }
.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; width:220px; background:#fff; background:rgba(255,255,255,0.8); box-shadow:0 1px 3px 1px rgba(0,0,0,0.2), inset 0 0 3px 1px #fff; }
.menu-main li ul li a { line-height:1.5; padding:10px 15px; font-size:0.9em; text-shadow:none; border-top:1px solid #fff; width:auto; }
.menu-main li ul li:first-child a { border-top:none; }

.menu-main li ul li:hover > a, 
.menu-main li ul li a:hover { background-color:#fff; }


/* MOBILE MENU */
.menu-mobile { display:none; clear:both; margin:10px 0 0; padding:10px; width:100%; border:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }


/* FOOTER MENU */
.footermenu { float:right; text-transform:none; }
.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 {  }


/* PORTFOLIO NAVIGATION */
.menu-portfolio { overflow:hidden; display:inline-block; margin:0 auto; margin:0 0 30px; padding:0; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd; }
.menu-portfolio .menu-item { padding:10px 20px; border-radius:3px; display:inline-block; 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 { background:#E85F52; color:#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 { }
.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 { text-align:left; }
.pagination > .page-numbers { background:#fff; overflow:hidden; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd; display:inline-block; }
.pagination span, 
.pagination a { background:none; border:none; margin:0; border-radius:0; }
body .pagination .current { background:none; color:#555; } 


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


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

/* POSTS */
.post  { margin:0 0 50px; overflow:hidden; }
.post .post-image { margin:0 0 20px; line-height:0em; height:auto; }
.post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; }
.post .post-title { padding:0; margin:0 0 10px 0; }
.post .post-title a { color:inherit; }
.post .post-byline { padding:0; font-size:0.9em; color:#aaa; }
.post .post-byline a { color:inherit; }
.post .post-byline div { float:left; position:relative; padding-left:20px; margin-bottom:10px; margin-right:24px; }
.post .post-byline div:before { display:block; position:absolute; line-height:1.7; width:15px; top:0; left:0; font-family:'fontawesome'; content:'\f007'; font-size:1em; text-align:center; }
.post .post-byline .post-date:before { content:'\f073'; }
.post .post-byline .post-author:before { content:'\f040'; }
.post .post-byline .post-category:before { content:'\f07b'; }
.post .post-byline .post-comments:before { content:'\f075'; }
.post .post-tags { display:block; margin:0; padding:0; }
.post .post-tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; }
.post .post-tags li a { }
.post .post-content { clear:both; padding:0; margin:0; }
.post .post-content p:last-child { margin-bottom:0; }
.post .separator { clear:both; width:100%; }
.post .post-readmore { display:inline-block; margin:15px 0 0; padding:5px 10px; color:#fff; }


/* INDIVIDUAL PORTFOLIO ITEMS */
.cpo_portfolio .portfolio-media { margin:0 0 30px; }
.cpo_portfolio .portfolio-image { text-align:center; }
.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 { margin:0 0 30px; }


/* AUTHOR BIOS */
.author-info { clear:both; padding:20px; margin:0 0 30px; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd;  }
.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; }


/* PORTFOLIO SHOWCASE */
.portfolio { clear:both; padding:0 0 10px; }
.portfolio-heading { margin:0 120px 30px 0; }
.portfolio-contents { position:relative; overflow:hidden; }
.portfolio-list { position:relative; width:105%; }
.portfolio-row { overflow:hidden; width:100%; }
.portfolio-row-inner { padding-right:4.76%; }
.portfolio-item { display:block; position:relative; text-align:center; padding:0; margin:0 0 40px; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd; }
.portfolio-item-image { display:block; overflow:hidden; position:relative; }
.portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; 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; background:rgba(0,0,0,0.5); 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; z-index:9999; }
.portfolio-item .portfolio-item-overlay:before { display:block; position:absolute; top:50%; left:50%; font-family:'fontawesome'; content:'\f002'; font-size:24px; color:#fff; margin:-30px 0 0 -30px; width:60px; height:60px; line-height:60px; border:1px solid rgba(255,255,255,0.7); border-radius:50%; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -moz-transform:rotate(-30deg) scale(1.3); -webkit-transform:rotate(-30deg) scale(1.3); transform:rotate(-30deg) scale(1.3); }
.portfolio-item .portfolio-item-title { margin:15px 0; font-size:1.4em; }
.portfolio-item a:hover { text-decoration:none; }
.portfolio-item:hover .portfolio-item-overlay { opacity:1; }
.portfolio-item:hover .portfolio-item-overlay:before { -moz-transform:none; -webkit-transform:none; transform:none; }
/* Portfolio Slider Controls */
.portfolio-prev, 
.portfolio-next { -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; opacity:0.4; }
.portfolio-prev, 
.portfolio-next { position:absolute; width:40px; height:40px; line-height:40px; font-size:20px; right:2px; top:2px; text-align:center; border-radius:2px; color:#777; z-index:999; cursor:pointer; }
.portfolio-prev { right:50px; }
.portfolio-prev:before { font-family:'fontawesome'; content:'\f104'; }
.portfolio-next:before { font-family:'fontawesome'; content:'\f105'; }
.portfolio:hover .portfolio-prev,
.portfolio:hover .portfolio-next { opacity:1; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); }

.portfolio-item-image:before { display:block; content:' '; position:absolute; bottom:0; left:50%; width:100%; height:100%; opacity:0.5;
-moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; transform:rotate(25deg); 
background:-moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,0) 100%); 
background:linear-gradient(to bottom, #fff 0%,rgba(255,255,255,0) 100%);
}


/* 404 PAGE */
.notfound { padding:100px 0; }
.notfound-image { font-size:200px; font-weight:bold; text-align:right; line-height:1; }
.notfound-title { }
.notfound-content { }


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


/* COMMENTS */
.comments { clear:both; margin:0; }
.commentlist { list-style:none; padding:0; margin:0 0 30px; }
.comment { list-style:none; margin:0 0 10px; padding:0; }
.comment .comment-avatar { float:left; margin-top:5px; border-radius:3px; }
.comment .comment-avatar img { border-radius:3px; }
.comment .comment-title { padding:0; margin-left:70px; }
.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 10px 70px; padding:0; }
.comment .comment-options { overflow:hidden; float:right; margin:0 2px 20px 0; text-align:right; border-radius:2px; font-size:0.9em; background:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); border:1px solid #ddd; }
.comment .comment-options a { display:inline-block; padding:6px 10px; margin:0; border-left:1px solid #ddd; }
.comment .comment-reply-link:before { font-family:'fontawesome'; content:'\f112'; margin-right:8px; font-size:0.8em; opacity:0.8; }
.comment .comment-options a:first-child { margin:0; border-left:none; }
/* 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 { }