@charset "UTF-8";
/*
Template Name: Transform
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0.1
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Light Skin CSS
*/

/* Colour Coding for layout.css
---------------------------------------------------------------------------------------------------------------------------------------*/
body{color:#686868; background-color:#FFFFFF;}
html.boxed body{color:#FFFFFF; background-color:#333333;}

.boxholder{border-color:#E1E0DF;}

/* Row Styling */
.row1, .row1 a{color:#E1E0DF; background-color:#272727;}
.row1{border-color:#686868;}
.row2, .row2 a{color:#686868; background-color:transparent;}
.row3{color:#686868; background-color:#F5F5F5;}
.row4{color:#686868; background-color:#FFFFFF;}
.row5{color:#686868; background-color:#FFFFFF;}

/* Main Container => Content + Sidebar */
.sidebar .recent li{border-color:#E1E0DF;}

/* Copyright */
#copyright #sitename:after{color:inherit; background-color:#E1E0DF;}


/* Colour Coding for navigation.css
---------------------------------------------------------------------------------------------------------------------------------------*/

/* Top Navigation */
#topnav li a{color:inherit;}
#topnav li li, #topnav li:hover li, #topnav li.active li{border-color:#272727;}
#topnav li.active a, #topnav a:hover, #topnav li:hover > a{color:inherit; background-color:#333333;}
#topnav li li a, #topnav li.active li a{color:inherit; background-color:rgba(39,39,39,.8);}

/* Top navigation for smaller resolutions */
#topnav form select{color:inherit; background-color:#000000; border-color:#272727;}

/* Sidebar Navigation */
.sidebar aside nav a{color:inherit; background-color:inherit; border-bottom-color:#E1E0DF;}

/* Pagination */
.pagination a{background-color:#FFFFFF; border-color:#E1E0DF;}

/* Scroll To Top */
#scrolltotop:after{color:inherit; background-color:#E1E0DF;}


/* Colour Coding for pages.css
---------------------------------------------------------------------------------------------------------------------------------------*/

/* Site Wide Shared Classes */
.blog-post-title a{/*color:inherit; background-color:inherit;*/}

/* Blog Overview */
#blog-posts #blog-overview .blog-post-excerpt .post-content:hover, #blog-posts #blog-overview .blog-post-excerpt .post-content:hover .blog-post-type{color:inherit; background-color:#FFFFFF;}
#blog-posts #blog-overview .blog-post-excerpt .post-content{border-color:#E1E0DF;}
#blog-posts #blog-overview .blog-post-excerpt .post-content .blog-post-type{background-color:#F5F5F5; border-color:#E1E0DF;}
#blog-posts #blog-overview .blog-post-excerpt .post-content .blog-post-meta ul li{border-color:#E1E0DF;}

/* Blog Post Single */
#blog-post .post-content-wrapper .post-content:hover{color:inherit; background-color:#FFFFFF;}

#blog-post .post-content-wrapper .post-content, 
#blog-post .post-content-wrapper .post-content .blog-post-meta ul li, 
#blog-post #comment-count, 
#blog-post #comment-list .comment-wrapper .comment-meta .comment-author .comment-date .comment-reply, 
#blog-post #comment-list .comment-wrapper .comment-meta .comment-avatar img{border-color:#E1E0DF;}

/* Homepage */
.reasons li, .latestlist li{border-color:#E1E0DF;}

.hpcircle span{color:inherit; background-color:rgba(241,241,241,.5);}/* #F1F1F1 */
.hpcircle{border-color:rgba(241,241,241,.5);}/* #F1F1F1 */

/* 404 */
#fof h1{text-shadow:6px 6px 0 #E1E0DF;}

/* Clients */
.clients, .clients div{border-color:#E1E0DF;}


/* Colour Coding for elements.css
---------------------------------------------------------------------------------------------------------------------------------------*/

/* Base Colours */
[class^="bd_"], [class*=" bd_"]{color:inherit; background-color:inherit;}

/* Call To Action - Best used as a full width banner */
.calltoaction{color:#inherit; background-color:#F1F1F1;}

/* Underlined Headlines */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{border-color:#E1E0DF;}

/* Lists - For ul + ol */
.list.block li > ul, .list.block li > ol{border-color:#E1E0DF;}
.list.underline li{border-bottom-color:#E1E0DF;}
.list.tagcloud li a, .list.posttags li a{color:#333333; background-color:#E1E0DF;}
.list.posttags li a:before{border-right-color:#E1E0DF;}

/* Dividers */
hr{background-color:#E1E0DF;}
.divider1, .divider2, .divider3{border-top-color:#E1E0DF;}

/* Dropcaps */
.dropcap{border-color:#E1E0DF;}

/* Blockquotes / Quotes */
blockquote, q{color:inherit; background-color:#F1F1F1; border-left-color:#272727;}
.testimonial blockquote{color:inherit; background-color:inherit; border-color:#E1E0DF;}
.testimonial.opt2:hover blockquote, .testimonial.opt3:hover blockquote{color:inherit; background-color:#FFFFFF;}

/* Alert Messages */
.alert-msg{color:inherit;}

/* Jquery Accordion + Jquery Toggle */
.accordion-wrapper .accordion-title, .accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title, .toggle-wrapper .toggle-title.active,
.accordion-wrapper .accordion-title span, .accordion-wrapper .accordion-title.active span, .toggle-wrapper .toggle-title span, .toggle-wrapper .toggle-title.active span,
.accordion-wrapper .accordion-content, .toggle-wrapper .toggle-content{border-color:#E1E0DF;}

/* Jquery Tabs */
.tab-wrapper .tab-nav li a{border-color:#E1E0DF;}
.tab-wrapper .tab-nav li.ui-tabs-active a{border-top-color:#272727; border-bottom-color:#F5F5F5;}/* Same colour as main container background colour */
.tab-wrapper .tab-container{border-color:#E1E0DF;}

/* Pricing Tables */
.pricingtable-wrapper{border-color:#E1E0DF;}
.pricingtable-wrapper .pricingtable .pricingtable-list ul li{border-color:#E1E0DF;}
.pricingtable-wrapper:hover .pricingtable-list ul li{border-color:#FFFFFF;}
.pricingtable-wrapper .pricingtable .pricingtable-title, .pricingtable-wrapper .pricingtable .pricingtable-price{color:#272727; background-color:inherit;}
.pricingtable-wrapper:hover, .pricingtable-wrapper:hover .pricingtable-title, .pricingtable-wrapper:hover .pricingtable-price{color:#FFFFFF; background-color:inherit;}
.pricingtable-wrapper .pricingtable .pricingtable-signup a{color:inherit; background-color:#E1E0DF;}
.pricingtable-wrapper:hover .pricingtable-signup a{color:inherit; background-color:#FFFFFF;}

/* Skillset */
.skillset span{color:inherit; background-color:#E1E0DF;}

/* Forms */
form input, form select, form textarea{color:inherit; background-color:inherit; border-color:#E1E0DF;}
input:focus, textarea:focus{color:inherit; background-color:#FFFFFF;}

/* Tables */
table, table td, .table, .table .t-cell{border-color:#E1E0DF;}
table thead th, table thead tr:hover, .table .t-header .t-cell{color:inherit; background-color:#F1F1F1; border-color:#E1E0DF;}
table tr, .table .t-row{color:inherit; background-color:inherit;}
table tr:nth-child(even), .table .t-row:nth-child(even){}
table tr:hover, .table .t-row:hover{color:#FFFFFF; background-color:#686868;}
.table.calendar .t-cell{}
.table.calendar .t-header .t-cell{}
.table.calendar .t-body .t-cell:hover, .table.calendar .t-body .t-cell:empty{background-color:#F1F1F1;}
.table.calendar .t-row:nth-child(odd), .table.calendar .t-row:nth-child(even){color:inherit; background:none;}

/* Social Icons */
.social a, .social.coloured a:hover{color:#686868; background-color:#E1E0DF;}
.social a:hover, .social.coloured a{color:#FFFFFF;}

/* Timeline */
.timeline:after{color:inherit; background-color:#E1E0DF;}
.timeline li .tli{border-color:#E1E0DF;}
.timeline li article{border-color:#E1E0DF;}
.timeline li:hover article{background-color:#FFFFFF;}
.timeline li article:after{border-left-color:#E1E0DF;}
.timeline li:nth-child(even) article:after{border-right-color:#E1E0DF;}

/* Services */
.service .srvico, .service.srv-2 .srvcontent, .service.srv-3{border-color:#E1E0DF;}
.service.srv-2 .srvico{color:inherit; background-color:#F5F5F5;}/* Same as parent row colour */
.service:hover .srvico, .service.srv-2:hover .srvcontent{color:inherit; background-color:#FFFFFF;}


/* Colour Coding for framework.css
---------------------------------------------------------------------------------------------------------------------------------------*/

/* General Classes */
.overlay{background-color:rgba(241,241,241,.8);/* #F1F1F1 */ border-color:#E1E0DF;}


/* Colour Coding for custom-flexslider.css
---------------------------------------------------------------------------------------------------------------------------------------*/

.hpslider{color:#FFFFFF; background-color:#272727;}

/* Control Nav Override for Homepage and Horizontal & Vertical text sliding */
.paging .flex-control-nav li a{border-color:#686868; background:#686868;}
.flex-container .flex-homepage .pagingwrapper .flex-control-nav{color:inherit; background:#272727;}