/*
Theme Name: Black Label
Theme URI: http://www.eneaa.com
Description: A Premium WordPress Theme.
Version: 2.1.1
Author: Nico Andrade
Author URI: http://themeforest.net/user/eneaa
License: GNU General Public License
License URI: License.txt
Tags: colors, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, custom-menu
*/
/*
==========================================
Theme Styles
==========================================
*/
html {
font-size: 100%;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #181818;
color: #fff;
}
#wrap {
position: relative;
z-index: 2;
}
#header {
background: url(images/black_bck.png) repeat;
padding: 10px 20px;
margin-bottom: 2%;
position: relative;
z-index: 3;
}
#header h1 {
float: left;
margin-bottom: 0;
margin-top: 0px;
line-height: 36px;
}
#header h1 a {
color: #fff;
font-size: 24px;
}
#home_widget {
position: fixed;
z-index: 2;
right: -250px;
top: 35%;
width: 250px;
background: url(images/black_bck2.png) repeat;
padding: 20px;
}
#home_widget_btn {
color: #ffffff;
text-align: center;
line-height: 60px;
font-size: 1.16666666666667em;
width: 30px;
height: 60px;
display: block;
position: absolute;
z-index: 2;
left: -30px;
top: 30%;
cursor: pointer;
}
#home_widget_btn.btn_open {
background-position: 0 -70px;
}
a#home_widget_btn:hover {
opacity: 0.9;
}
#video_bck {
height: 100%;
left: 0;
margin: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
#video_wrapper {
height: 100%!important;
width: 100%!important;
}
#navigation {
width: 135px;
height: 35px;
position: fixed;
bottom: 0;
right: 0px;
margin: 0;
z-index: 3;
}
.page-template-home-page-php #navigation {
z-index: 0;
}
#navigation a {
float: left;
width: 45px;
height: 35px;
display: block;
text-align: center;
color: #ffffff;
}
#navigation a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#navigation a i {
line-height: 36px;
font-size: 14px;
}
#navigation a > i {
display: none;
margin: 0 auto;
}
#navigation a > i:first-child {
display: block;
}
#navigation a.pause > i {
display: block;
}
#navigation a.pause > i:first-child {
display: none;
}
#navigation #prevslide {
background-position: 17px -22px;
}
#navigation #prevslide:active {
background-position: 17px -21px;
}
#navigation #nextslide {
background-position: -63px -22px;
}
#navigation #nextslide:active {
background-position: -63px -21px;
}
#navigation #pauseplay {
background-position: -23px -22px;
}
#navigation #pauseplay:active {
background-position: -23px -21px;
}
#navigation #pauseplay.pause {
background-position: -23px 8px;
}
#navigation #pauseplay.pause:active {
background-position: -23px 9px;
}
#jquery_jplayer_1 {
width: 0;
height: 0;
display: none;
}
#jp_interface_1 {
width: 40px;
height: 35px;
position: fixed;
bottom: 0;
left: 0px;
margin: 0;
z-index: 3;
display: none;
}
#jp_interface_1 a {
text-align: center;
float: left;
width: 40px;
height: 35px;
display: block;
line-height: 35px;
color: #ffffff;
font-size: 1.66666666666667em;
}
#jp_interface_1 a.jp-play {
background-position: 12px -24px;
}
#jp_interface_1 a.jp-pause {
background-position: 12px 6px;
}
.slide_caption {
z-index: 2;
position: absolute;
bottom: 70px;
right: 7.69230769230769em;
padding: 20px;
text-align: right;
color: #fff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.4);
max-width: 40%;
}
.slide_caption h2 {
color: #fff;
font-size: 2.53846153846154em;
font-weight: bold;
}
.slide_caption p {
font-size: 1.07692307692308em;
}
/*
==========================================
Footer
==========================================
*/
#footer {
padding: 20px;
margin-top: 2%;
overflow: hidden;
}
footer h4 {
color: #fff;
text-shadow: 0 1px 0 #000;
font-size: 20px;
}
footer .widget {
margin-bottom: 2.5em;
}
footer ul,
footer ol {
list-style: none;
margin-left: 0;
}
footer ul li,
footer ol li {
border-bottom: 1px solid #494949;
padding: 0.33333333333333em 0;
/*
margin-bottom:5px;
padding-bottom:5px;
*/
}
footer ul li a,
footer ol li a {
display: block;
padding: 5px 0;
color: #e0e0e0;
}
footer ul li a:hover,
footer ol li a:hover {
color: #C4C4C4;
}
footer .widget ul li:first-child {
border-top: none;
}
footer .widget ul li ul li:last-child {
border: none;
}
footer .widget ul li ul {
margin-left: 30px;
margin-bottom: 0;
margin-top: 0!important;
}
footer .widget ul li ul,
#sidebar .widget ul li ul li ul {
display: none;
}
footer .hasChildren i {
float: right;
margin-top: 5px;
font-size: 1.16666666666667em;
}
footer ul li,
footer ol li,
footer p {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
footer a {
color: #e0e0e0;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
footer a:hover {
color: #C4C4C4;
}
/*
==========================================
Blog & Pages
==========================================
*/
#main {
position: relative;
z-index: 2;
top: 0px;
}
#main_btn {
background: url(images/main_btn.png) no-repeat;
color: #ffffff;
text-align: center;
line-height: 60px;
font-size: 1.16666666666667em;
width: 30px;
height: 60px;
display: block;
position: absolute;
z-index: 2;
left: -30px;
top: 0;
cursor: pointer;
}
.layout_left #main_btn {
right: -30px !important;
left: auto;
}
#main_btn.btn_open {
background-position: 0 -70px;
}
a#main_btn:hover {
opacity: 0.9;
}
#content {
position: relative;
padding: 20px;
}
.layout_left #content.span8 {
float: right;
}
#content .post {
margin-bottom: 40px;
}
#content .post_title,
#content .post_title a {
color: #fff;
font-weight: normal;
font-size: 26px;
}
#content h3.post_title,
#content h3.post_title a {
color: #fff;
font-weight: normal;
font-size: 26px;
}
#content h4.post_title,
#content h4.post_title a {
color: #fff;
font-weight: normal;
font-size: 20px;
}
#content .post_img {
position: relative;
display: block;
margin: 0 auto;
margin-bottom: 5px;
max-width: 100%;
text-align: center;
}
#content a.post_img span {
display: none;
}
#content a.post_img span img {
display: block;
width: 36px;
height: 50px;
position: relative;
top: 90px;
left: 280px;
}
#content a.post_img:hover span {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/*Meta data for Posts */
/*----------------------------------------------------------------------*/
#content .metadata {
margin: 5px 0 10px 0px;
height: 34px;
max-height: 34px;
overflow: hidden;
border-bottom: #494949 1px solid;
}
#content .metadata ul {
margin: 0;
}
#content .metadata ul li {
list-style: none;
float: left;
color: #8f8f8f;
font-size: 0.91666666666667em;
height: 17px;
margin: 8px 0;
line-height: 17px;
}
#content .metadata ul li a {
font-size: inherit;
}
#content .metadata ul li i {
font-size: 1.27272727272727em;
margin-right: 0.35714285714286em;
}
#content .metadata ul li.date {
background-position: 0 0;
}
#content .metadata ul li.author {
background-position: -150px 0;
margin-left: 15px;
}
#content .metadata ul li.category {
background-position: -270px 0;
margin-left: 15px;
}
#content .metadata ul li.comments {
background-position: -485px 0;
float: right;
margin-right: 8px;
}
/*Read More Btn */
/*----------------------------------------------------------------------*/
a.more-link {
display: inline-block;
color: #7a7a7a;
text-shadow: 0 1px 0 #000;
margin-top: 10px;
font-size: 13px;
line-height: 20px;
background: #3b3a3a;
padding: 5px 7px;
}
a.more-link:hover {
color: #d8d8d8;
text-decoration: none;
}
a.more-link:active {
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #4f4f4f;
}
/*Fancy Tags for posts */
/*----------------------------------------------------------------------*/
ul.fancy_tags {
margin-top: 15px;
margin-left: 0;
}
ul.fancy_tags li {
background: url(images/tag_bck.png) left -30px no-repeat;
height: 24px;
padding-left: 22px;
display: inline-block;
margin: 0 5px 5px 0;
float: left;
}
ul.fancy_tags li a {
background: url(images/tag_bck.png) right 0 no-repeat;
height: 24px;
display: inline-block;
padding: 0 10px 0 5px;
line-height: 22px;
color: #afafaf;
text-shadow: 0 1px 0 #171717;
font-size: 12px!important;
}
ul.fancy_tags li a:hover {
color: #d8d8d8;
text-decoration: none;
}
/*Pagination */
/*----------------------------------------------------------------------*/
.pagination span.current {
background: #3b3a3a;
display: block;
float: left;
text-align: center;
margin-right: 15px;
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #4f4f4f;
padding: 4px 10px;
border-width: 0;
}
.pagination a {
display: block;
color: #7a7a7a;
text-shadow: 0 1px 0 #000;
float: left;
text-align: center;
margin-right: 15px;
background: #3b3a3a;
padding: 4px 10px;
border-width: 0;
}
/*Edit Button */
/*----------------------------------------------------------------------*/
a.post-edit-link {
display: inline-block;
color: #7a7a7a;
text-shadow: 0 1px 0 #000;
margin-top: 10px;
font-size: 13px;
line-height: 20px;
background: #3b3a3a;
padding: 2px 7px;
}
a.post-edit-link:hover {
color: #d8d8d8;
text-decoration: none;
}
a.post-edit-link:active {
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #4f4f4f;
}
.page-template-gallery-fullscreen-php #main {
display: none;
}
/*
==========================================
Sidebar
==========================================
*/
#sidebar {
position: relative;
padding: 20px;
}
.left #sidebar {
float: left;
}
#sidebar .widget {
margin-bottom: 40px;
position: relative;
}
.left #sidebar .widget {
margin-bottom: 30px;
margin-left: 0;
margin-right: 25px;
}
#sidebar #sidebar_mid div.bt {
height: 1px;
}
#sidebar .widget h4 {
font-weight: normal;
color: #fff;
font-size: 19px;
}
#sidebar .widget ul,
#sidebar .widget ol {
margin-left: 0px;
overflow: hidden;
margin-bottom: 0;
}
#sidebar .widget .pagenav,
#sidebar .widget .linkcat {
list-style: none;
}
#sidebar .widget ul li {
list-style: none;
border-bottom: #494949 1px solid;
}
#sidebar .widget ul li ul li:last-child {
border-bottom: none;
}
#sidebar .widget ul li a {
padding: 7px 7px 7px 18px;
display: block;
position: relative;
}
#sidebar .widget ul li > a:before {
width: 16px;
height: 16px;
position: absolute;
display: block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
line-height: normal;
vertical-align: baseline;
content: "\f054";
left: 0;
top: 31%;
font-size: 1em;
color: #7D7D7C;
}
#sidebar .widget ul li ul {
margin-left: 30px;
margin-bottom: 0;
margin-top: 0!important;
}
#sidebar .widget ul li ul,
#sidebar .widget ul li ul li ul {
display: none;
}
#sidebar .hasChildren i {
float: right;
margin-top: 3px;
font-size: 1.16666666666667em;
}
/*
Twitter Widget
--------------------------------
*/
#sidebar .twitter_widget ul li {
margin-bottom: 20px;
min-height: 20px;
padding: 5px 0px 5px 28px;
border: none;
position: relative;
}
#sidebar .twitter_widget ul li i {
position: absolute;
color: #7D7D7C;
left: 0;
top: 20%;
font-size: 1.33333333333333em;
}
#sidebar .twitter_widget ul li:last-child {
margin-bottom: 0px;
}
#sidebar .twitter_widget ul li a {
display: inline;
background: none!important;
padding: 0!important;
}
#sidebar .twitter_widget ul li a:hover {
text-decoration: underline;
color: inherit;
}
#sidebar .twitter_widget ul li a:before {
display: none!important;
}
#sidebar .ad_125 {
width: 265px;
}
#sidebar .ad_125 h4 {
margin-bottom: 17px;
}
#sidebar .ad_125 a {
margin: 3px 3px;
display: inline-block;
}
#sidebar .ad_125 a:hover img {
opacity: 0.8;
}
/*
Recent Comments Widget
--------------------------------
*/
#sidebar .widget_recent_comments ul#recentcomments {
margin-top: 17px;
}
#sidebar .widget_recent_comments ul li {
padding-left: 28px;
margin-bottom: 10px;
border: none;
color: #999999;
position: relative;
}
#sidebar .widget_recent_comments ul li:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "ïµ";
position: absolute;
left: 0;
top: 20%;
color: #7D7D7C;
font-size: 1.16666666666667em;
}
#sidebar .widget_recent_comments ul li i {
position: absolute;
color: #ffffff;
left: 0;
top: 20%;
font-size: 1.45454545454545em;
}
#sidebar .widget_recent_comments ul li a {
display: inline;
background: none;
padding: 0;
}
#sidebar .widget_recent_comments ul li a:before {
display: none!important;
}
#sidebar .widget_recent_comments ul li a:hover {
color: #ffffff;
background: none;
}
#sidebar .widget_tag ul.wp-tag-cloud {
margin-top: 20px;
}
#sidebar .widget_tag ul li {
background: url(images/tag_bck.png) left -30px no-repeat;
height: 24px;
padding-left: 22px;
display: inline-block;
margin: 0 5px 5px 0;
float: left;
border: none;
}
#sidebar .widget_tag ul li a:before {
display: none;
}
#sidebar .widget_tag ul li a {
background: url(images/tag_bck.png) right 0 no-repeat;
height: 24px;
display: inline-block;
padding: 0 10px 0 5px;
line-height: 22px;
color: #afafaf;
text-shadow: 0 1px 0 #171717;
font-size: 12px!important;
}
#sidebar .widget_tag ul li a:hover {
color: #d8d8d8;
text-decoration: none;
}
#sidebar .widget_tag ul li a:active {
color: #000;
text-shadow: 0 1px 0 #4f4f4f;
}
#sidebar .rss_tw_btn a.suscribe_btn {
background: url(images/suscribe_btn.png) no-repeat;
display: block;
width: 122px;
height: 32px;
float: left;
margin-right: 30px;
}
#sidebar .rss_tw_btn a.twitter_btn {
background: url(images/twitter_btn.png) no-repeat;
display: block;
width: 122px;
height: 32px;
float: left;
}
#sidebar .rss_tw_btn a:hover {
opacity: 0.9;
}
#sidebar .widget_search {
position: relative;
height: 32px;
}
#sidebar #searchform {
position: relative;
}
#sidebar #s {
background: #3D3C3C;
border: none;
width: 100%;
height: 30px;
display: block;
padding: 0 10px;
line-height: 30px;
color: #858585;
position: absolute;
font-size: 1em;
}
#sidebar #s:focus {
background: #333333;
box-shadow: none;
color: #ffffff;
}
#sidebar #searchsubmit {
background: #3d3c3c;
border: none;
width: 30px;
height: 30px;
display: block;
text-indent: -9999px;
right: 0px;
cursor: pointer;
line-height: 0;
position: absolute;
}
.widget_search i {
width: 17px;
height: 17px;
display: block;
position: absolute;
right: 4px;
top: 8px;
cursor: pointer;
font-size: 1.16666666666667em;
color: #999999;
z-index: 1;
}
.rss_tw_btn a.suscribe_btn {
background: url(images/suscribe_btn.png) no-repeat;
display: block;
width: 122px;
height: 32px;
float: left;
margin-right: 30px;
}
.rss_tw_btn a.twitter_btn {
background: url(images/twitter_btn.png) no-repeat;
display: block;
width: 122px;
height: 32px;
float: left;
}
.rss_tw_btn a:hover {
opacity: 0.9;
}
/*===========================================================================*/
/*Single Post */
/*===========================================================================*/
.share-widget {
background-color: #f5f6ef;
border: #d5d8c4 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px ;
margin: 30px 0;
}
.share-widget h5 {
color: #5b5b5b;
float: left;
font-size: 17px;
font-weight: bold;
margin: 22px 15px 15px;
}
.share-widget ul {
float: right;
margin: 15px 10px 10px;
}
.share-widget ul li {
display: inline;
list-style: none outside none;
margin: 5px 10px;
}
.widget_about_author {
margin-bottom: 30px;
}
.widget_about_author .author_box {
background-color: #f8f7f7;
border: #c5c5c5 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px ;
margin: 0;
padding: 25px;
}
.widget_about_author .author_box h5 a {
font-size: 16px;
}
.widget_about_author .author_img {
float: left;
margin-right: 15px;
}
.widget_about_author .author_img img {
background: #fff;
padding: 4px;
border: #c5c5c5 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px ;
}
.widget_about_author .author_info {
display: inline;
width: 470px;
margin-left: 20px;
}
.related-post-widget .related_post {
width: 171px;
float: left;
display: inline;
margin-right: 50px;
}
.related-post-widget .post_last {
margin-right: 0px;
}
.related-post-widget .related_post a {
position: relative;
display: block;
margin-bottom: 15px;
}
.related-post-widget .related_post a span {
position: absolute;
display: block;
background: url(images/related_post_frame.png) no-repeat;
height: 129px;
width: 171px;
}
.related-post-widget .related_post a img {
position: relative;
top: 6px;
left: 6px;
}
.related-post-widget .related_post a:hover img {
opacity: 0.8;
}
.related-post-widget .related_post h6 a {
font-size: 13px;
font-weight: normal;
}
/*===========================================================================*/
/*Comments */
/*===========================================================================*/
#comments ol.commentlist li {
list-style: none;
margin-bottom: 50px;
}
#comments .comment {
margin-bottom: 40px;
}
#comments .comment-author {
width: 90px;
}
#comments .comment-author div.inner-gravatar {
border: #000 1px solid;
margin: 0;
text-shadow: 0 1px 0 #fff;
background: #e7e7e7;
/* for non-css3 browsers */
position: relative;
width: 80px;
height: 80px;
}
#comments .comment-author div.inner-gravatar div {
width: 80px;
height: 80px;
z-index: 10;
position: absolute;
}
#comments .comment-author img {
z-index: 5;
}
#comments .comment-author cite {
font-weight: bold;
}
#comments .comment-author cite,
#comments .comment-author cite a {
color: #757575;
font-style: normal;
}
#comments .comment-author .comment-meta a {
color: #aeaeae;
font-size: 10px;
}
ol.commentlist li .comment-entry {
float: right;
width: 100%;
/*border:#c5c5c5 1px solid;*/
margin: 0;
background: #363636;
/* for non-css3 browsers */
position: relative;
}
ol.commentlist li .comment-entry div.inner-comment {
padding: 15px;
color: #AFAFAF;
}
.ie8 ol.commentlist li .comment-entry,
.ie7 ol.commentlist li .comment-entry {
float: right;
width: 75%;
border: #cacaca 1px solid;
margin: 0;
background-color: #f3f3f3;
/* for non-css3 browsers */
position: relative;
}
ol.commentlist li ul .comment-entry {
width: 425px;
}
ol.commentlist li ul li ul .comment-entry {
width: 400px;
}
ol.commentlist li ul li ul li ul .comment-entry {
width: 375px;
}
ol.commentlist li ul li ul li ul li ul .comment-entry {
width: 350px;
}
ol.commentlist .comment-entry span.arrow_comment {
background: url(images/comment_arrow.png) no-repeat;
display: block;
position: absolute;
width: 31px;
height: 28px;
top: 17px;
left: -22px;
}
.ie7 ol.commentlist .comment-entry span.arrow_comment,
.ie8 ol.commentlist .comment-entry span.arrow_comment {
background: none;
}
.comment-meta {
float: left;
margin-left: 25px;
margin-top: 5px;
font-size: 11px;
color: #c3c3c3;
}
.comment-meta a {
font-size: 11px;
color: #c3c3c3;
}
.comment-meta a:hover {
text-decoration: underline;
}
.reply {
float: right;
clear: right;
}
.comment-reply-link {
width: 54px;
height: 23px;
display: block;
color: #7e7e7e;
font-size: 11px;
text-align: center;
margin: 10px 0;
line-height: 20px;
}
#comments ul.children {
margin-left: 25px;
margin-top: 20px;
margin-bottom: 10px;
}
/*-----------Comment Form-----------------*/
#respond {
margin: 30px 0;
}
#respond .input {
margin: 10px 15px 10px 0;
width: 180px;
float: left;
}
#respond .input div {
width: 185px;
}
#respond input {
width: 165px;
height: 30px;
padding: 0 10px;
background: #272727;
color: #858585;
border: none;
outline: none;
font-size: 1em;
}
#respond input:focus {
outline: none;
background: #333333;
}
#respond .input label {
color: #8c8b8b;
font-size: 12px;
margin-bottom: 5px;
display: block;
}
#respond textarea {
height: 180px;
border: none;
padding: 10px;
overflow: auto;
background: #272727;
color: #858585;
width: 100%;
resize: none;
font-size: 1em;
}
#respond textarea:focus {
outline: none;
background: #333333;
}
#respond .textarea {
width: 100%;
}
#respond .textarea div {
width: 100%;
height: 200px;
}
#respond #submit-respond {
background: #3d3c3c;
width: 130px;
height: 32px;
color: #858585;
cursor: pointer;
display: block;
line-height: 30px;
font-size: 12px;
text-align: center;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#respond #submit-respond:hover {
color: #d8d8d8;
text-decoration: none;
}
#respond #submit-respond:active {
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #4f4f4f;
}
/*===========================================================================*/
/*Portfolio */
/*===========================================================================*/
.page-template-portfolio-3columns-php header,
.page-template-portfolio-2columns-php header,
.page-template-portfolio-4columns-php header,
.page-template-portfolio-1column-php header {
margin-bottom: 0;
}
.portfolio_page h2 {
margin-bottom: 25px;
}
ul.source {
margin-bottom: 15px;
height: 21px;
margin-left: 0;
}
ul.source li {
display: inline;
margin-right: 15px;
height: 21px;
position: relative;
float: left;
}
ul.source li a {
background: #3b3a3a;
height: 21px;
padding: 0px 7px;
font-size: 11px;
display: block;
line-height: 20px;
color: #7a7a7a;
text-shadow: 0 1px 0 #000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
ul.source li a:hover {
color: #d8d8d8;
text-decoration: none;
}
ul.source li.active a {
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #4f4f4f;
}
ul.portfolio_items {
display: block;
letter-spacing: -4px;
list-style-type: none;
margin: 0;
padding: 0;
word-spacing: -4px;
}
ul.portfolio_items h3 {
font-size: 20px;
line-height: 25px;
font-weight: normal;
}
ul.portfolio_items li {
list-style: none;
display: inline-block;
letter-spacing: normal;
padding: 0;
position: relative;
vertical-align: top;
word-spacing: normal;
}
ul.portfolio_items li .portfolio_img_wrap {
position: relative;
}
ul.portfolio_items li a.portfolio_img {
position: relative;
clear: both;
z-index: 1;
}
ul.portfolio_items .portfolio_icon {
background: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
text-align: center;
bottom: 0;
width: 30px;
z-index: 2;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
opacity: 0;
filter: alpha(opacity=0);
}
a.portfolio_img:hover .portfolio_icon {
opacity: 1;
filter: alpha(opacity=100);
}
.shadow_portfolio {
float: left;
z-index: 0;
position: absolute;
bottom: 0;
left: 0;
}
#content .portfolio_items a.more-link {
padding: 2px 7px;
}
/*
#content .portfolio_items a.more-link:hover{
color:#656565;
text-decoration:none;
}
*/
.twitter_btn_single {
height: 24px;
float: right;
}
#content .portfolio_items .portfolio_info p {
color: #AAAAAA;
}
ul.portfolio_items {
display: block;
letter-spacing: -4px;
list-style-type: none;
margin: 0;
padding: 0;
word-spacing: -4px;
}
ul.portfolio_items li {
list-style: none;
display: inline-block;
letter-spacing: normal;
padding: 0;
position: relative;
vertical-align: top;
word-spacing: normal;
float: none!important;
}
ul.portfolio_items li .portfolio_img_wrap {
position: relative;
}
ul.portfolio_items li a.portfolio_img {
position: relative;
clear: both;
z-index: 1;
display: block;
margin-bottom: 10px;
}
ul.portfolio_items li .portfolio_img span {
position: absolute;
display: none;
z-index: 10;
top: 0px;
left: 0px;
}
ul.portfolio_items li a.portfolio_img img {
position: relative;
width: 100%;
margin-bottom: 0;
}
/*
#content .portfolio_items a.more-link:hover{
color:#656565;
text-decoration:none;
}
*/
#content .portfolio_items .portfolio_info p {
color: #AAAAAA;
}
/*1 Column-------------------------------------------------------*/
ul.portfolio1 li {
margin-bottom: 50px;
width: 100%;
}
/*2 Columns-------------------------------------------------------*/
ul.portfolio2 li {
margin-bottom: 30px;
width: 423px;
margin-right: 3%;
}
/*3 Columns-------------------------------------------------------*/
ul.portfolio3 li {
margin-bottom: 30px;
width: 279px;
margin-right: 2%;
}
/*4 Columns-------------------------------------------------------*/
ul.portfolio4 li {
margin-bottom: 20px;
width: 198px;
margin-right: 3%;
}
ul.portfolio4 li h3 {
font-size: 18px;
line-height: 22px;
}
/*
==========================================
Flexslider
==========================================
*/
.ss_button {
width: 40px;
height: 40px;
line-height: 36px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: block;
vertical-align: middle;
text-align: center;
color: #ffffff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
border: #fff 2px solid;
border: rgba(255, 255, 255, 0.7) 2px solid;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
font-size: 1.23076923076923em;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
outline: 0!important;
}
.ss_button:hover {
background-color: #000000;
border: #ffffff 2px solid;
color: #ffffff;
text-decoration: none;
}
.ss_button > i {
display: none;
margin: 0 auto;
}
.ss_button > i:first-child {
display: block;
}
.ss_button.ql_toggle > i {
display: block;
}
.ss_button.ql_toggle > i:first-child {
display: none;
}
.flexslider .slides li.ql_portrait {
text-align: center;
}
.flexslider .slides li.ql_portrait img {
width: 60%;
margin: 0 auto;
}
.flexslider .slides li.ql_resize {
text-align: center;
}
.flexslider .slides li.ql_resize img {
width: 60%;
margin: 0 auto;
}
.flex-control-nav {
top: inherit;
bottom: 20px;
right: 20px;
width: auto;
}
.flex-control-nav li {
width: 14px;
height: 14px;
float: left;
margin: 0 0 0 8px;
}
.flex-control-nav li a {
width: 40px;
height: 40px;
line-height: 36px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: block;
vertical-align: middle;
text-align: center;
color: #ffffff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
border: #fff 2px solid;
border: rgba(255, 255, 255, 0.7) 2px solid;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
font-size: 1.23076923076923em;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
outline: 0!important;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
width: 10px;
height: 10px;
border-width: 1px;
left: 0;
right: 0;
}
.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.flex-direction-nav {
position: absolute;
right: 1.53846153846154em;
top: 20px;
}
.flex-direction-nav li {
margin-bottom: 1.15384615384615em;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
opacity: 0.4;
filter: alpha(opacity=40);
}
.flexslider:hover .flex-direction-nav li {
opacity: 1;
filter: alpha(opacity=100);
}
.flex-direction-nav li a {
width: 40px;
height: 40px;
line-height: 36px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: block;
vertical-align: middle;
text-align: center;
color: #ffffff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
border: #fff 2px solid;
border: rgba(255, 255, 255, 0.7) 2px solid;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
font-size: 1.23076923076923em;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
outline: 0!important;
}
.flex-direction-nav li a:hover {
background-color: #000000;
border: #ffffff 2px solid;
color: #ffffff;
}
/* Resize Button
--------------------------------*/
.flexslider .flex-direction-nav li a.flex-resize {
display: none;
}
.single-portfolio .flexslider .flex-direction-nav li a.flex-resize {
display: block;
}
/*Flex Carousel
--------------------------------*/
.flex_carousel {
margin-top: 1em;
}
.flex_carousel ul li {
cursor: pointer;
margin-right: 1em;
opacity: 0.8;
filter: alpha(opacity=80);
}
.flex_carousel ul li:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/*
==========================================
Supersized
==========================================
*/
#supersized {
margin-left: 0;
}
/*
==========================================
Tinynav
==========================================
*/
.tinynav {
float: right;
font-size: 1em;
display: none;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 920px !important;
/* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center;
}
.wp-caption-text {
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%;
/* When images are too wide for containing element, force them to fit. */
height: auto;
/* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
/*
.ie8 #supersized-loader, .ie7 #supersized-loader{
display:none;
}
*/
.password_p {
margin-bottom: 40px;
}
.password_p input {
background: #272727;
border: none;
width: 210px;
height: 30px;
display: block;
padding: 0 10px;
line-height: 30px;
color: #858585;
}
.password_p input:focus {
background: #333333;
}
.password_p input[type="submit"] {
display: inline-block;
color: #7a7a7a;
text-shadow: 0 1px 0 #000;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
background: #3b3a3a;
padding: 5px 7px;
width: 70px;
}
/*
==========================================
Global Styles
==========================================
*/
input,
textarea {
font-size: 1em;
}
.video_frame iframe {
max-width: 100%;
}
.background_1 {
background: url(images/black_bck.png) repeat;
}
.background_2 {
background: url(images/black_bck2.png) repeat;
}
.background_3 {
background: url(images/black_bck2.png) repeat;
}
.galleria-errors {
display: none!important;
}
@media (min-width: 768px) and (max-width: 978px) {
#header .navbar {
display: none;
}
.tinynav {
display: block;
}
#nav {
display: none;
}
/*2 Columns-------------------------------------------------------*/
ul.portfolio2 li {
margin-bottom: 30px;
width: 321px;
margin-right: 3%;
}
/*3 Columns-------------------------------------------------------*/
ul.portfolio3 li {
margin-bottom: 30px;
width: 212px;
margin-right: 2%;
}
/*4 Columns-------------------------------------------------------*/
ul.portfolio4 li {
margin-bottom: 20px;
width: 150px;
margin-right: 3%;
}
}
/*
// Landscape phone to portrait tablet
// ------------------
*/
@media (min-width: 481px) and (max-width: 767px) {
#header .navbar {
display: none;
}
.tinynav {
display: block;
}
#nav {
display: none;
}
/*2 Columns-------------------------------------------------------*/
ul.portfolio2 li,
ul.portfolio3 li,
ul.portfolio4 li {
width: 100%;
margin-right: 0;
}
}
/*
// Landscape phones and down
// ------------------
*/
@media (max-width: 480px) {
#header .navbar {
display: none;
}
.tinynav {
display: block;
float: none;
}
#nav {
display: none;
}
.portfolio_post {
border-right: none;
padding-right: 0;
}
/*2 Columns-------------------------------------------------------*/
ul.portfolio2 li,
ul.portfolio3 li,
ul.portfolio4 li {
width: 100%;
margin-right: 0;
}
}
/*
==========================================
LESS Variables and Mixins
==========================================
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}