/*
Theme Name:Adroit
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:#333; color:#777; font-size:0.875em; line-height:1.65; }

/* 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; border-left:1px solid #ddd; }
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 #ccc; padding:9px; background:#eee; border-radius:0; }
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:0; border:none; text-shadow:none; background:#9FC748; border-color:#c15289; }
.button:hover, input[type=submit]:hover { background:#e7a; }


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

/* WRAPPERS */
.wrapper { margin:0 auto; }
.container { padding:0 40px; }
.wrapper .wrapper-content { position:relative; max-width:90%; width:980px; z-index:100; margin-top:-150px; padding:0; background:#fff; }

/* TOPMENU */
.topbar { display:block; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); line-height:34px; font-size:0.9em; }


/* SOCIAL ICONS */
.social { float:right; text-align:right; padding:20px 0 0; width:auto; }
.social .social-profile { display:block; float:left; color:#aaa; margin-left:10px; width:35px; height:35px; line-height:35px; font-size:14px; border-radius:50px; border:1px solid #ddd; text-align:center; }
.social .social-profile .social-title { display:none; }
.social .social-profile:hover { text-decoration:none; }


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


/* HOMEPAGE SLIDES */
.slider { padding:0; margin:0; background:#555; 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:200px; padding:000px 0 200px; }
.slider-slides .slide { overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; list-style:none; width:100%; min-height:400px; margin:0; padding:100px 0 300px; }
.slider-slides .container { position:relative; height:inherit; }
.slider-slides .slide-textbox { overflow:hidden; float:left; padding:20px; width:40%; text-align:left; }
.slider-slides .dark .slide-textbox { background:rgba(0,0,0,0.2); box-shadow:0 0 80px 40px rgba(0,0,0,0.24); text-shadow:0 0 3px rgba(0,0,0,0.4); border-radius:20px; }
.slider-slides .slide-textbox p:last-child { margin-bottom:0; }
/* Slide Positions */
.slider-slides .slide-right .slide-textbox { float:right; }
.slider-slides .slide-center .slide-textbox { float:none; width:60%; margin:0 auto; text-align:center; }
.slider:after { display:block; content:' '; position:absolute; bottom:0; left:0; width:100%; height:200px; z-index:99; }
/* Slider Controls */
.slider-prev, 
.slider-next { -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; opacity:0.5; }
.slider:hover .slider-prev, 
.slider:hover .slider-next { opacity:0.8; }
.slider-prev, 
.slider-next { position:absolute; width:40px; height:100px; font-size:30px; line-height:70px; margin-top:-35px; top:50%; left:3%; text-align:center; color:#fff; z-index:999; cursor:pointer; }
.slider-next { right:3%; left:auto; }
.slider-prev:before,
.slider-prev:after,
.slider-next:before,
.slider-next:after { display:block; content:' '; position:absolute; top:50px; left:25%; width:50px; height:2px; background:#fff; border-radius:50px; -moz-transform-origin:left; -webkit-transform-origin:left; transform-origin:left;  }
.slider-prev:before,
.slider-next:before { -moz-transform:rotate(-70deg); -webkit-transform:rotate(-70deg); transform:rotate(-70deg); }
.slider-prev:after,
.slider-next:after { -moz-transform:rotate(70deg); -webkit-transform:rotate(70deg); transform:rotate(70deg); }
.slider-next:before, 
.slider-next:after { left:auto; right:25%; -moz-transform-origin:right; -webkit-transform-origin:right; transform-origin:right; }


/* BREADCRUMBS */
.breadcrumb { float:none; margin:10px 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:#999; margin-top:-5px; line-height:10px; opacity:0.5; }
.breadcrumb-separator { }
.breadcrumb-link :first-child{}
.breadcrumb-link :hover{}
.breadcrumb-title{}


/* PAGE BANNERS AND TITLES */
.banner { overflow:hidden; position:relative; padding:0; margin:0; height:350px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.banner:after { display:block; content:' '; position:absolute; bottom:0; left:0; width:100%; height:200px; z-index:99; }
.pagetitle { overflow:hidden; text-align:center; padding:30px 0; margin:0; border-bottom:1px solid #eee; }
.pagetitle .pagetitle-title { margin:0; font-size:2.5em; }


/* HOMEPAGE TAGLINE */
.tagline { padding:40px 10%; font-size:1.3em; text-align:center; }
.tagline-content { padding:0 10%; }


/* PAGE CONTENT */
.home .main { padding:0; }
.main { background:#fff; }


/* 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:'\f105'; font-size:10px; color:#bbb; margin-top:-7px; line-height:1.6; }
.widget .widget-title { position:relative; font-size:1.1em; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #eee; }
.widget .widget-title:before { position:absolute; content:' ';width:80px; height:1px; bottom:-1px; left:0; z-index:99; background:#eee; }


/* FOOTER */
.subfooter { overflow:hidden; padding:40px 0 20px; border-top:1px solid #eee; }
.footer { overflow:hidden; text-align:center; padding:30px 0; clear:both; color:#aaa; }


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

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


/* MAIN MENU */
.menu-main { padding:0 0 0 15px; float:left; }
/* Menu Elements */
.menu-main li { padding:20px 0; }
.menu-main li a { padding:5px 20px; font-size:1.1em; color:#333; border-left:1px solid rgba(0,0,0,0.06); }
.menu-main li:first-child a { border-left:none; }
.menu-main li a .menu-description { display:none; }
.menu-main li:hover > a, 
.menu-main li a:hover { background-color:#fff; }
/* 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 { display:none; }
.menu-main .has-children a { padding:8px 20px; }
.menu-main li ul { margin:0; width:250px; background:#eee; box-shadow:0 3px 3px 0 rgba(0,0,0,0.1); }
.menu-main li ul ul { left:250px; }
.menu-main > li > ul:before { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:20px; margin:-10px 0 0; border-bottom:10px solid #eee; border-left:10px solid transparent; border-right:10px solid transparent; z-index:9999; }
.menu-main li ul li { padding:0; opacity:0; }
.menu-main li ul li a { text-transform:none; width:250px; }
.menu-main li ul li:hover > a, 
.menu-main li ul li a:hover { background-color:#eee; }
/* Progressive transitions */
.menu-main li:hover > ul > li { opacity:1; }
.menu-main li:hover ul li:nth-child(1) { -moz-transition-delay:0.10s; -webkit-transition-delay:0.10s; transition-delay:0.10s; }
.menu-main li:hover ul li:nth-child(2) { -moz-transition-delay:0.15s; -webkit-transition-delay:0.15s; transition-delay:0.15s; }
.menu-main li:hover ul li:nth-child(3) { -moz-transition-delay:0.20s; -webkit-transition-delay:0.20s; transition-delay:0.20s; }
.menu-main li:hover ul li:nth-child(4) { -moz-transition-delay:0.25s; -webkit-transition-delay:0.25s; transition-delay:0.25s; }
.menu-main li:hover ul li:nth-child(5) { -moz-transition-delay:0.30s; -webkit-transition-delay:0.30s; transition-delay:0.30s; }
.menu-main li:hover ul li:nth-child(6) { -moz-transition-delay:0.34s; -webkit-transition-delay:0.34s; transition-delay:0.34s; }
.menu-main li:hover ul li:nth-child(7) { -moz-transition-delay:0.37s; -webkit-transition-delay:0.37s; transition-delay:0.37s; }
.menu-main li:hover ul li:nth-child(8) { -moz-transition-delay:0.39s; -webkit-transition-delay:0.39s; transition-delay:0.39s; }
.menu-main li:hover ul li:nth-child(9) { -moz-transition-delay:0.40s; -webkit-transition-delay:0.40s; transition-delay:0.40s; }
.menu-main li:hover ul li:nth-child(n+10) { -moz-transition-delay:0.40s; -webkit-transition-delay:0.40s; transition-delay:0.40s; }


/* MOBILE MENU */
.menu-mobile { display:none; float:right; margin:20px 0 20px 20px; padding:10px; width:40%; background:#fff; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }


/* FOOTER MENU */
.footermenu {  }
.menu-footer { text-align:center; padding-top:10px; }
.menu-footer > li { position:relative; padding-left:31px; margin-left:30px; }
.menu-footer > li:before { position:absolute; content:' '; top:50%; left:0; margin-top:-20px; width:1px; height:40px; background:rgba(255,255,255,0.1); }
.menu-footer > li:first-child { padding-left:0; margin-left:0; }
.menu-footer > li:first-child:before { display:none; }
.menu-footer li a { font-weight:bold; text-align:left; }
.menu-footer li ul li a { font-weight:normal; font-size:0.9em; opacity:0.6; }


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


/* PORTFOLIO NAVIGATION */
.menu-portfolio { overflow:hidden; margin:0; padding:0; }
.menu-portfolio .menu-item { float:left; padding:10px 20px; border-radius:3px; display:block; margin-right:20px; }
.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 { margin:30px 0; }
.pagination ul { display:inline-block; overflow:hidden; }
.pagination ul li { display:block; float:left; }
.pagination span, 
.pagination a,
.pagination a:link,
.pagination a:visited { padding:10px 15px; margin:0; border-bottom:1px solid #ddd; color:#666; }
.pagination a:hover { background:none; }
.pagination .current { background:none; border-radius:0; color:#999; }


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


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

/* POSTS */
.post  { margin:0 0 0; }
.post .post-image { margin:0; position:relative; min-height:60px; background:rgba(0,0,0,0.3); }
.post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; }
.post .post-date { position:absolute; bottom:0; right:0; font-weight:300; margin:20px; font-size:1.5em; color:#fff; line-height:1; text-shadow:0 0 2px rgba(0,0,0,0.7); text-transform:capitalize; }
.post .post-body { padding:20px 0; }
.post .post-title { font-size:1.4em; padding:0; margin:0 0 10px 0; }
.post .post-title a { color:inherit; }
.post .post-byline { position:relative; padding:0 0; margin:0 0 30px; color:#aaa; font-size:0.8em; border-top:1px solid #eee; }
.post .post-byline:before { position:absolute; content:' ';width:80px; height:1px; top:-1px; left:0; z-index:99; background:#eee; }
.post .post-byline div { display:inline-block; margin:15px 10px 0 0; color:#bbb; }
.post .post-byline a { color:#999; }
.post .post-byline div:last-child { padding-right:0; }
.post .post-tags { display:block; margin:0 0 30px 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; }
/* Full post view */
.single-post .post .post-image { float:none; width:auto; }
.single-post .post .post-body-image { margin-left:0; }


/* POST LISTINGS */
.recent { overflow:hidden; }
.recent .post .post-body { padding:20px; }
.recent .post .post-byline { margin:0 20px 15px; }

.blog-row { overflow:hidden; }
.blog-column { float:left; padding:0; }
.blog-column-2 { width:50%; }
.blog-column-3 { width:33.333333%; }
.blog-column-4 { width:25%; }
.blog-column-5 { width:20%; }
.blog-column-6 { width:16.66666%; }
.blog-column-7 { width:14.2857%; }
.blog-column-divide { border-top:1px solid #eee; }


/* AUTHOR BIOS */
.author-info { clear:both; padding:20px; margin:0 0 30px; background:#f3f3f3; }
.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; }


/* 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 { overflow:hidden; list-style:none; margin:0 0 10px; padding:0; }
.comment .comment-avatar { float:left; 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 30px 70px; padding:0; }
.comment .comment-options { overflow:hidden; float:right; text-align:right; padding:5px 10px; 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-form-author, .comment-form-email { float:left; width:48%; margin-right:4%; }
.comment-form-email { margin-right:0; }
.comment-form-url { clear:both; }
.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 { }