@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Styles */
/* colors=> */
@blackish: #212121;
@blue: #3F94B2;
@ltgray: #E4E8EB;
@gray: #666;
@orange: #DE6E2C;
.caps {text-transform:uppercase; letter-spacing:.08em;}
.sans {font-family:ff-meta-web-pro;}
.smcaps {font-size:12px; .caps;}
.border-tb {border-top:solid 1px @ltgray; border-bottom:solid 1px @ltgray;}
.border-b {border-bottom:solid 1px @ltgray;}
.border {border:solid 1px @ltgray;}
.drop {-webkit-box-shadow: 3px 3px 6px 2px @blackish;
-moz-box-shadow: 3px 3px 6px 2px @blackish;
box-shadow: 3px 3px 6px 2px @blackish;
behavior: url(/PIE.htc);}
.rounded {border-radius:8px; behavior: url(/PIE.htc);}
.italix {font-style:italic;}
.gradient {
background: linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -o-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -moz-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -webkit-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -ms-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
-pie-background: linear-gradient(#FFFFFF, #EDEDED); /*PIE*/
behavior: url(/PIE.htc);
}
.glow {
-moz-box-shadow: 0 0 5px @gray;
-webkit-box-shadow: 0 0 5px @gray;
box-shadow: 0 0 5px @gray;
behavior: url(/PIE.htc);
}
.button {.rounded; background-color:@blue; .sans; font-size:14px; color:#FFF;}
body {font:normal 16px/28px ff-meta-serif-web-pro; color:@blackish; background-color:@ltgray; }
h1 {font-size:53px; line-height:31px; .sans; color:@orange;}
h2 {font-size:24px;}
h3 {.smcaps; .border-b; line-height: 18px;}
h4 {font-weight:bold;}
h5 {font-size:14px; .sans;}
a:link, a:visited {color:@blue; text-decoration:none;}
a:hover {color:@orange; text-decoration:none;}
strong {font-weight:bold; }
blockquote {padding-left:20px;}
div#content {width:1280px; margin:0 auto; position:relative; background-color:#FFF; .glow;}
.clear {clear:both; margin:0;}
header {width:1024px; margin:0 auto;
h2 {font-size:22px; font-style:italic; text-align:center; padding:44px 0 15px 0;}}
nav { width:656px; .border-tb; margin-left:310px;
ul {.border-tb; margin:3px 10px; font-size:14px; .caps; .sans; padding: 2px 40px 0 40px;
li {display:inline; margin: 0 12px;
a:link, a:visited {color:@blackish; &:hover {color:@blue;}}}
li.current_page_item a {color:@blue !important;}}}
div#primary-content {clear:both; width:1024px; margin:0 auto; padding-bottom: 20px;}
section#page-left {width:690px; margin:55px 20px 20px 0; float:left;
article {margin-bottom:20px;}
h2 {.sans; font-weight:bold; margin:20px 0 15px 0; color:@blue;}
p.date {.smcaps; color:@gray; margin:-5px 0 0 0; }
p {margin:0 0 15px 0; a:link, a:visited {color:@orange; .italix; &:hover {color:@blue;}}}
}
/* ------------------------------ Home --------------------------------- */
aside#featured {background:url(/images/featured-bg.png) no-repeat left top; width:1280px; height:340px; color:#FFF; font-size:20px; line-height:31px; clear: both; margin-bottom:65px;
div.featured-block {width:1024px; margin:0 auto; padding:65px 0;
h1 {margin-top:8px;}
p {margin:20px 0 0 0;
a:link, a:visited {color:@orange; .italix ; &:hover {color:@blue;}}}
.attachment-featured-thumb {position: relative; float:left; .border; .drop; margin:0 20px 0 0; z-index:2; }
#action { position:relative; .rounded; .drop; background-color:@orange; font-size:35px; display:block; float:left; .sans; color:#FFF; margin-left:-40px; padding:10px 10px 10px 40px; font-style:normal; z-index:1; margin-top:20px; &:hover {background-color:@blue; }
span {display:block; margin-top:10px; float:left;}}}}
aside#services {
ul li.service-box {width:300px; height:280px; padding:10px; .rounded; .gradient; .glow; margin:10px 0 0 32px; display:block; float:left; font-size:14px; line-height:24px;
p {margin:10px 0;}
img.logo1 {float:left; padding:0 10px 10px 0;}
img.logo2 {float:right; padding:0 10px 10px 0;}
img.logo3 {float:left; padding-right:10px;}
img.logo4 {float:right; padding:0 10px 10px 0;}
}}
.courses {
img {display:none;}
ul li {background:url(/images/sprite.png); max-width:200px; height:20px; background-position:-32px -532px; .sans; margin-bottom:10px; padding:3px 0 0 15px; font-size:16px;}}
.archive-link {.sans; display:block; margin-top:20px;}
/* ------------------------ Sidebar ---------------------- */
aside#sideBar {width:310px; float:right;
ul {margin:85px 0 20px 0; }
li.testimonials {text-align:right; margin-bottom:20px; padding-bottom:20px;
p {font-size:27px; line-height:33px; .italix; }
.t-author {width:115px; float:right; font-size:12px; color:@gray; .italix; line-height:18px;
img {margin:5px 0 0 10px;}}}}
/* -------------- Alt Sidebar Page ----------------- */
aside#sideBar {
div.featured-block {margin: -150px 0 30px;
h2 {font-size:30px; font-weight:bold; line-height:38px; .sans; color:@blue; margin:20px 0 0 0;}
p {margin:0; a {.sans; font-weight:bold;}}
.caption {font-size:20px; .sans; margin-top: -20px;}
.attachment-featured-sidebar {.border; .drop; margin:0 0 20px 0; }
}}
body.page-template-no-intro-alt-sidebar-page-template-php div#content div#primary-content section#page-left, body.page-template-no-sidebar-php div#content div#primary-content section#page-left{margin:-50px 0 0 0;width:100%;}
.textwidget {margin-top:20px;}
/* ---------------------- Pages ---------------------------- */
aside#intro {background:url(/images/intro-bg.png) no-repeat left top; width:1280px; height:auto; font-size:20px; line-height:31px; clear: both; margin-bottom:65px;
div.intro-block {width:1024px; margin:0 auto; padding:65px 0;
div.left {float:left; width:100%;}
div.right {float:right; width:500px;}
h2 {font-size:53px; line-height:53px; .sans; color:@orange; padding: 15px 0;}
p {margin:20px 0 0 0;}
.caption {text-align:center; .sans;}
.attachment-intro-thumb {position: relative; float:right; .border; .drop; margin:0 0 20px 0; }
}}
body.page div.intro-block2 {width:1024px; margin:0 auto; padding:0;
div.left {float:left; width:500px; margin-top:-65px;}
div.right {float:right; width:500px; margin-top:-140px;}
h2 {font-size:53px; line-height:38px; .sans; color:@orange; padding: 15px 0;}
p {margin:20px 0 0 0;}
.caption {text-align:center; .sans; font-size:20px;}
.attachment-intro-thumb {position: relative; float:right; .border; .drop; margin:0 0 20px 0; }
}
body.page div#content div#primary-content section#page-left ul
body.page, body.single {
div#content div#primary-content section#page-left article ul li {background:url(/images/sprite.png) no-repeat -32px -532px; max-width:700px; min-height:20px; margin:20px; padding:0 0 0 15px; font-size:16px;}}
section#page-left ol {list-style: decimal inside none; li {padding:0 0 10px 15px;}}
body.page-template-no-sidebar-php div#content div#primary-content section#page-left ul li {background:url(/images/sprite.png) no-repeat -32px -532px; max-width:700px; min-height:20px; margin:20px; padding:0 0 0 15px; }
body.page, body.single {
div#content div#primary-content section#page-left article ul li.outlined-list {background: none; .border; padding:15px; margin:0 0 10px 0; a:link, a:visited {color:@orange; &:hover {color:@blue;}}}}
.button-right {.button; float:right; margin-top:20px; padding:5px 10px; color:#FFF !important; display:block; a:link, a:visited {color:#FFF !important; &:hover {color:#FFF;}} &:hover {background-color:@orange;}}
/* -------------------------------------------- Single Post ---------------------------------------------- */
.default-page-style { div#content {
aside#intro {
div.intro-block div.left {width: 700px;
h1 {font-size:35px; font-weight:bold; padding: 10px 0 10px; line-height:38px; }}}
div#primary-content {
section#page-left {margin: 0 20px 20px 0;
p a:link, p a:visited {font-style:normal; color: #DE6E2C;}
}}
article {margin: -60px 0 0;}
}}
body.single { .default-page-style; p.date {margin:0 0 20px 0!important;}}
body.single div#content aside#intro div.intro-block div.left h1 a:link, body.single div#content aside#intro div.intro-block div.left h1 a:visited {color:@orange!important;}
body.single div#content aside#intro div.intro-block div.left h1 a:hover {color:@blue!important;}
.post-nav {margin-top:20px;}
section #comments {margin:20px 0;
ul li {}}
/* Error 404 */
body.archive {.default-page-style;
section#page-left {margin: -60px 20px 20px 0 !important;
article {margin: 0;} }
}
body.error404 {.default-page-style;}
/* Sprite */
.sprite{background-image:url('/images/sprite.png');background-repeat:no-repeat}
.btn_arrow {width:50px;height:50px; background-position:-26px -122px; float:right; margin: 0 0 0 20px; }
#action:hover .btn_arrow {background-position:-87px -122px;}
.logo{width:300px;height:122px;background-position:0 0; float:left; display:block; margin:18px 0 0 -44px; }
.fb{width:70px;height:70px;background-position:0 -172px}
.gp{width:70px;height:70px;background-position:-99px -172px}
.t{width:70px;height:70px;background-position:-198px -370px}
.rss{width:70px;height:70px;background-position:0 -469px}
.book{width:38px;height:36px;background-position:-125px -483px; float:left;}
.tv{background-image:url('/images/sprite.png');background-repeat:no-repeat; .sans; max-width:300px;height:34px;background-position:-206px -480px; display:block; padding: 4px 0 0 35px;}
.list{width:68px;height:68px;background-position:-261px -469px}
.linkedin{width:70px;height:70px;background-position:0 -370px}
.rss:hover{width:70px;height:70px;background-position:-99px -370px}
.fb:hover{width:70px;height:70px;background-position:-198px -172px}
.gp:hover{width:70px;height:70px;background-position:0 -271px}
.linkedin:hover{width:70px;height:70px;background-position:-99px -271px}
.t:hover{width:70px;height:70px;background-position:-198px -271px}
/* Footer */
footer {border-top: solid 60px @blackish; background-color:@gray; line-height: 25px; padding-bottom:20px; color:#FFF; font-size:14px; .sans; a:link, a:visited {color:#FFF; &:hover {color:@orange;}}
section {clear:both;
div { margin: -43px 0 0 30px; width: 550px; float:left; }
div.left {padding-left:100px;}
ul.menu {.caps; margin-top: 27px;}
ul.social-icons { padding-left:200px;
li {display:block; float:left; margin: -20px -10px 0 0; }}
ul.social-links {clear:both; padding: 3px 30px 0 230px;}}}
/*
xxxxxxxxxxxxxx
Plugin Content
xxxxxxxxxxxxxx
*/
/* Newsletter Form */
#af-form-1898137445 {
border-style: none !important;
background-color: #FFF !important;
p {display:none;}}
#af-form-1898137445 .af-body input.text, #af-form-1898137445 .af-body textarea {
border-color: @blackish !important;
color: @blackish !important;
font-family: ff-meta-serif-web-pro,sans-serif !important;
font-size: 14px !important;
padding:6px !important;
width:297px !important;
}
#af-form-1898137445 .af-body label.previewLabel {
color: @blackish !important;
font-family: ff-meta-web-pro,sans-serif !important;
font-size: 14px !important;
}
.af-element {
padding: 0 !important;
}
#af-form-1898137445 .af-body {
color: @blackish !important;
font-family: ff-meta-serif-web-pro,sans-serif !important;
font-size: 14px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
#af-form-1898137445 .buttonContainer input.submit {
background-color: @blue !important;
background-image: none !important;
border: none !important;
color: #FFFFFF !important;
font-family: ff-meta-web-pro,sans-serif !important;
font-size: 16px !important;
padding: 8px 12px;
margin-top:10px;
.button;
}
#af-form-1898137445 .buttonContainer input.submit:hover {
background-color: @orange !important;
}
#af-form-1898137445 .af-body input.text:focus, #af-form-1898137445 .af-body textarea:focus {
background-color: @ltgray !important;
border-color: @gray !important;
}