h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}
img{border: 0;}
body{
background: #FFF;
}
pre, code {
clear: both;
overflow: auto;
margin: 1.5em 0em;
padding: 10px;
border: 1px solid rgb(0,0,0);
border: 1px solid rgba(0,0,0,0.3);
white-space: pre;
color: inherit;
}
iframe, fieldset{margin: 0;padding:0;border: 0;}
section#main{z-index: 0;padding-top: 0px;}
section#main > .row > .columns{z-index: 0;}
/*Default Wordpress styles*/
/* Images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
max-height: 100%;
border: 1px solid rgba(0,0,0,0.1);
padding: 1px;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1em;
}
p img,
.wp-caption {
margin: 0;
}
.wp-caption {
margin-bottom: 1em;
padding: 5px;
max-width: 100%;
border-top: 1px solid rgb(0, 0, 0);
border-top: 1px solid rgba(0, 0, 0, 0.1);
background: white;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: inherit;
font-size: 12px;
}
.wp-caption .wp-caption-text {
position: relative;
margin-bottom: 0;
padding: 10px 0 5px 40px;
}
.wp-caption .wp-caption-text:before {
position: absolute;
top: 10px;
left: 5px;
margin-right: 5px;
content: '\2014';
font-weight: bold;
font-style: normal;
font-size: 14px;
}
.gallery {
margin: 0;
}
.gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
padding-right: 2%;
width: 23%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
padding: 0;/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border: none;
}
.wp-caption img {
border-color: transparent;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
.gallery .gallery-icon a:focus img,
.gallery .gallery-icon a:hover img,
.gallery .gallery-icon a:active img {
border-color: #bbb;/* Add some useful style to those fancy borders for linked images ... */
background: transparent;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
border-color: transparent;/* ... including captioned images! */
background: transparent;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
background: #f7f7f7;
}
/* Floated content doesn't work well at this size */
.alignleft,
.alignright {
display: block;
float: none;
margin-right: 0;
margin-left: 0;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}
dl.gallery-item {
margin: 0;
}
.align-left{
text-align: left;
}
.align-right{
text-align: right;
}
.align-center{
text-align: center;
}
/* Elements */
.clear{clear: both;}
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.hide{display: none;}
.element{position: relative;margin-bottom: 30px !important;}
.content-title{
margin-top: 0;
margin-bottom: 30px;
padding: 0;
text-align: left;
text-transform: uppercase;
font-weight: normal;
font-size: 22px;
text-align: center;
position: relative;
color: #444444;
font-family: 'Lato',sans-serif;
font-weight: 300;
letter-spacing: -0.5px;
text-transform: uppercase;
}
.content-title:after{
display: block;
content: '';
position: absolute;
height: 3px;
width: 33%;
border-bottom: 2px dotted rgba(0,0,0,0.1);
top: 50%;
right: 0;
z-index: 1;
}
.content-title:before{
display: block;
content: '';
position: absolute;
height: 3px;
width: 33%;
border-bottom: 2px dotted rgba(0,0,0,0.1);
top: 50%;
left: 0;
z-index: 1;
}
.content-title span{
padding: 10px 15px 0 15px;
position: relative;
display: inline-block;
z-index: 2;
border-radius: 10px;
width: 24%;
}
.content-title span:before{
display: block;
position: absolute;
content: '';
border-top: 5px solid #DB2B1E;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
width: 0;
height: 0;
left: 49.5%;
top: 0;
}
.content-title > em {
display: block;
font-size: 12px;
font-style: normal;
margin-top: 3px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
.fl{float: left;}
.fr{float: right;}
.i-b{display: inline-block;}
.stripes{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background: url('../../images/stripes.png') repeat;}
.featbg article{display: block;max-width: 100%;}
.cat-title{margin-bottom: 30px;}
.cat-title h2{ margin: 0;font-weight: 300;color: #333;height: 30px;font-family: 'Lato', Arial, sans-serif;line-height: 24px;font-size: 30px; text-align: center;}
.cat-title h2 span { display: inline-block;}
.isdiv{display: block !important;}
.mtb{margin: 30px 0;}
/* Delimiters */
.delimiter{
display: block;
clear: both;
}
.margin_15px { margin: -15px 0 15px 0; }
.margin_30px { margin-bottom: 30px; }
.margin_60px { margin: 30px 0 60px 0; }
.nm{margin: 0;}
.nm.header{margin-top: 3px; margin-bottom: 0px;}
.masonry {position: relative;margin: 0 -15px !important;max-width: 1170px;}
.masonry article{
float: left;
margin: 0;
}
/* gallery meta */
article.gallery-single ul.full-entry-meta{margin: 0 0 30px 0;font-size: 13px;list-style-type: none;}
article.gallery-single ul.full-entry-meta ul, article.gallery-single ul.full-entry-meta ul li{margin: 0;}
article.gallery-single ul.full-entry-meta li{margin: 15px 0 0px 0;}
article.gallery-single ul.full-entry-meta li:first-child{margin: 0;}
article.gallery-single ul.full-entry-meta li .meta_name{width: 30%;display: inline-block;vertical-align: top;font-weight: bold;}
article.gallery-single ul.full-entry-meta li .meta_value{display: inline-block;}
article.gallery-single ul.full-entry-meta li .meta_value ul li{display: inline-block;}
article.gallery-single ul.full-entry-meta li .meta_value ul li:last-child:after{content:""}
/* Site block elements */
header#top{
position: relative;
clear: both;
}
header#top:after {
content: '';
display: block;
width: 100%;
height: 1px;
margin-bottom:-10px;
}
#colophon{padding-bottom: 0px;}
#header-container > .delimiter{
margin-bottom: 20px;
}
#header-container{
position: relative;
}
#page{
position: relative;
}
#search-signin{
text-align: right;
}
/* Entry meta */
.entry-meta, .entry-meta ul{
display: inline-block !important;
margin: 0;
padding: 0;
list-style-type: none;
text-transform: uppercase;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.entry-meta{
display: block;
}
.entry-meta{
margin-bottom: 15px;
}
.entry-meta li{
display: inline-block;
margin: 0;
padding: 0;
width: auto !important;
font-size: 10px;
zoom: 1;
*display: inline;
}
.entry-meta li a { display: inline !important; }
.entry-meta li:first-child:before{
content: " ";
}
.entry-meta li li:before{
content: "β’ \00a0" ;
}
.entry-meta li.author:before{
content: "" ;
}
.entry-meta li:after{
content: "\00a0" ;
}
.entry-meta li ul li{
display: inline-block;
margin: 0;
padding: 0;
zoom: 1;
*display: inline;
}
.entry-meta li ul li:before{
content: "";
}
.entry-meta li ul li:after{
content: ', ';
}
.entry-meta li ul li:last-child:after{
content: '';
}
.entry-meta li ul.category li a{
padding: 2px 5px;
}
.entry-meta li ul.category li{
margin-right: 10px;
}
.entry-meta li ul.category li:last-child{
margin-right: 0px;
}
.entry-meta li ul.category li:after{
content: ' ';
}
.entry-meta li ul.post-admin li:after{
content: "β’ \00a0";
}
.entry-meta li ul.post-admin li:last-child:after{
content: " ";
}
/* Entry info */
.entry-info{
float: right;
margin-left: 10px;
width: 35px;
border-left: 1px solid #f5f5f5;
border-left: 1px solid rgba(0,0,0,0.15);
}
.entry-info ul{
margin: 0;
padding: 0;
}
/* Tabment view */
.tabment-view .tabment{
}
.tabment-view .tabment .tabment-tabs{
float: left;
margin: 0;
margin-bottom: 15px;
padding: 0;
width: 100%;
list-style-type: none;
text-align: center;
}
.tabment-view .tabment .tabment-tabs > li{
display: inline-block;
margin: 0 5px 0 0;
}
.tabment-view .tabment .tabment-tabs > li a{
display: block;
padding: 7px 20px 6px 20px;
color: #000;
border-bottom: 2px solid transparent;
font-size: 12px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.tabment-view .tabment .tabment-tabs > li a.active{
border-bottom: 2px solid #DB2B1E;
}
.tabment-view .tabment-container .tabment-tabs-container{
margin: 0;
padding: 0;
list-style-type: none;
}
.tabment-view .tabment-container .tabment-tabs-container > li{
display: none;
}
.tabment-view .tabment-container .tabment-tabs-container > li:first-child{
display: block;
}
/* Gallery */
body.single-gallery .main-container{
opacity: 0;
}
body.single-gallery #colophon{
opacity: 0;
}
/* Single comments */
/* Comments */
.comment-here,.comment-here:hover{color:#666 !important;cursor: default !important;}
.cosmo-comment-plain{margin:0;list-style: none;}
.cosmo-comment-plain li.comment{display:inline-block; clear:both;margin:0;margin-bottom: 25px;padding-bottom: 25px; width: 100%; background: url(../../images/delimiter.bg.x.png) repeat-x bottom left;list-style-type: none;font-size: 12px;}
/* .cosmo-comment-plain li.comment .cosmo-comment-quote{color:#000; */
.cosmo-comment-plain li.comment .comment-body{min-height: 65px;}
.cosmo-comment-plain li.comment .cosmo-comment-thumb{float:left;margin: 0 20px 0 0;padding: 5px;border: 1px solid #e8e8e8;border-radius: 4px;background: #FFF;line-height: 0;}
.cosmo-comment-plain li.comment .cosmo-comment-textinfo{margin-bottom: 10px;line-height: 15px;}
.cosmo-comment-thumb img{ width:70px; height: 70px; }
.cosmo-comment-plain li.comment .user{ }
.cosmo-comment-plain li.comment .time{ }
.cosmo-comment-plain li.comment .reply{display: inline-block;margin-top: -1px;zoom: 1;*display:inline;}
.cosmo-comment-plain li.comment .reply a{padding-left:18px;background: url(../../images/comment.reply.png) no-repeat left center;}
.cosmo-comment-list ul.children{padding-left:60px;}
p.comment-subscription-form{clear:both;margin-bottom: 10px;}
em.comment-awaiting-moderation{display: inline-block;margin-top:10px;color: #004385;font-size: 12px;}
#respond form p {
display: block;
}
#respond form p.logged-in-as {
display: block;
background: none;
}
#respond input{
display: block;
float: none;
padding: 0 0 0 5px;
width: 100%;
font-size: 12px;
line-height: 30px;;
height: 30px;
border: 1px solid rgba(0,0,0,0.05);
}
#respond textarea{
overflow-y: auto;
padding: 0 0 0 5px;
min-height:150px;
width: 100%;
line-height: 1.8;
border: 1px solid rgba(0,0,0,0.05);
}
#comments {
padding: 30px 0 10px;
}
#comments p.form-submit #submit{
float: left;
margin:15px 0 20px 15px;
padding: 0 25px;
width: auto;
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
font-size: 12px;
}
#comments p.form-submit #submit:hover{
border: 1px solid rgba(0,0,0,0.08);
}
#respond p.comment-notes{ margin:30px 0;background: none;}
#respond input[type="checkbox"] {
float: left;
margin: 7px 10px 0 0;
height: auto;
}
/* Post author highlighting */
.cosmo-comment-list > li.bypostauthor {
border-color: transparent;
}
.cosmo-comment-list > li.bypostauthor .cosmo-comment-textinfo, .cosmo-comment-list .children > li.bypostauthor .cosmo-comment-textinfo {
/* color: #004385; */
}
/* Quote element */
.quote-element{
text-align: center;
font-size: 30px;
line-height: 1.6;
}
/* Breadcrumbs */
.breadcrumbs{
width: 100%;
}
.breadcrumbs ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.breadcrumbs ul li{
display: inline-block;
margin-right: 10px;
padding-left: 15px;
background: url('../../images/breadcrumbs.arrow.gif') 0 5px no-repeat;
color: inherit;
font-size: 11px;
zoom: 1;
*display: inline;
}
.breadcrumbs ul li:first-child{
padding-left: 0px;
background: none;
}
.breadcrumbs ul li a{
color: inherit;
}
.breadcrumbs ul li a:hover{
color: inherit;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
/*Search form*/
#searchform fieldset {position: relative;padding: 0;width: 100%;border: 0;}
#searchform { display: block;margin: 0; margin-top: 0;width: 100%;}
#searchform input[type="text"]{
float: left;
margin: 0;
border-radius: 0px;
text-indent: 5px;
color: inherit;
color: #999;
}
.widget_search #searchform .button ,
.searchbar #searchform .button{
float: left;
padding: 0 2.5%;
width: 30%;
}
article.single-post .entry-content{
margin-bottom: 30px;
font-size: 14px;
}
article.single-post .entry-content p{
font-size: 14px;
}
.tags-title{clear: both;margin-bottom: 15px;cursor: default;}
.single-tags{font-size: 12px;line-height: 12px;margin-bottom: 20px;text-align: center;}
.share-container{
padding-bottom: 30px;
text-align: center;
}
.gallery-single.portrait .share-container{
padding-bottom: 0;
}
.gallery-single.landscape .share-container{
padding-bottom: 0;
}
.share-container:after{
content: '';
display: block;
clear: both;
}
.article-share{z-index: 999;clear: both;display: inline-block;display: none;}
.article-share>.share{display: inline-block;margin-top: 15px;}
.share-opened{
font-size: 16px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #555;
cursor: pointer;
text-transform: uppercase;
}
.zoom-image {
position: absolute;
bottom:15px;
right:15px;
z-index: 9999;
width: 50px;
height: 50px;
border-radius: 3px;
background: rgb(0,0,0) url(../../images/zoom.image.png) no-repeat center center;
background: rgba(0,0,0,0.15) url(../../images/zoom.image.png) no-repeat center center;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
cursor: pointer;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
-ms-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.featbg:hover > .zoom-image{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gallery-mosaic-view .featimg:hover > .zoom-image{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1 !important;
}
.zoom-image a {
display: block;
text-indent: -9999px;
line-height: 50px !important;
}
#comments #reply-title { margin: 0 15px !important; }
#reply-title:after, #comments-title:after, .related-title:after {
border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
content: "";
display: block;
height: 3px;
margin-top: -3px;
position: absolute;
right: 0;
top: 50%;
width: 30%;
z-index: 1;
}
#reply-title:before, #comments-title:before, .related-title:before {
border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
content: "";
display: block;
height: 3px;
left: 0;
margin-top: -3px;
position: absolute;
top: 50%;
width: 30%;
z-index: 1;
}
#reply-title, #comments-title, .related-title {
color: #444444;
font-family: 'Lato',sans-serif;
font-size: 24px;
font-weight: 300;
letter-spacing: -0.5px;
margin: 0 0 15px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#reply-title span:before, #comments-title span:before, .related-title span:before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #DB2B1E;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -3px;
position: absolute;
top: 0;
width: 0;
}
#reply-title span, #comments-title span, .related-title span {
border-radius: 10px 10px 10px 10px;
display: inline-block;
padding: 10px 15px 0;
position: relative;
width: 43%;
z-index: 2;
}
.subtext, .subtext p {
font-weight: bold;
margin: 0;
}
.subtext p:last-child {
margin-bottom: 25px;
}
.gallery-single .subtext{ margin-bottom: 25px; }
/* Related tabs */
.related-tabs{
margin: 0;
margin-bottom: 30px;
padding: 0;
list-style-type: none;
line-height: 1;
}
.related-tabs li{
display: inline-block;
margin: 0 5px 0 0;
height: 35px;
line-height: 35px;
zoom: 1;
*display: inline;
color: #FFF;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.related-tabs li a{
display: block;
padding: 0 10px;
}
.related-tabs li.active{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gallery-single .related-posts .featimg img{
width: 100%;
}
#related-author{
display: none;
}
.thumb-view.related-tabs .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 16px;
line-height: 1.4;
}
.related-posts > div{
display: none;
}
.related-posts > div:first-child{
display: block;
}
.related-posts.thumb-view div.entry-content ul > li.entry-content-title h4{
font-size: 16px;
line-height: 1.4;
}
.related-posts.thumb-view div.entry-content ul > li.entry-content-category > ul.category-list li, .related-posts.thumb-view div.entry-content ul > li.entry-content-date{
font-size: 11px;
}
/* Popular tags */
.popular-tags{
z-index: 1;
font-size: 12px;
}
.full_width_row .popular-tags{
border: 0 none;
border-bottom: 1px solid #d5d5d5;
line-height: 37px;
}
.popular-tags > ul{
display: inline-block;
margin: 0 0 0 10px;
padding: 0;
}
.popular-tags > ul > li{
display: inline-block;
margin: 0;
line-height: 20px;
}
.popular-tags > ul > li > a{
font-size: 12px;
line-height: 23px;
display: inline-block;
padding: 0 7px;
}
/* Likes */
span.like{
display: inline-block;
padding: 0;
height: 24px;
white-space: nowrap;
font-size: 12px;
cursor: pointer;
position: relative;
}
span.like em{
font-style: normal;
font-size: inherit;
}
span.like em:before{
color: #DB2B1E;
}
span.like.voted em:before{
color: #E04D45;
}
span.like:hover em:before{
color: #F47069;
}
span.like.voted:hover em:before{
color: #F76F67;
}
span.like i{
font-style: normal;
}
.single-gallery .single-like-container span.like{
height: auto;
}
/* Audio player */
.audioplayer_container{
margin-bottom: 3px;
}
.single .audioplayer_container{
margin-bottom: 25px;
}
.audioplayer_container object{
width: 100%;
height: 24px;
}
.list-view .audioplayer_container{
line-height: 1;
margin: 0;
}
/* Attached file */
.attach{
padding: 10px;
border-top: 1px solid rgb(0, 0, 0);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
background: #fff url('../../images/format.file.download.png') no-repeat 3% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.attach a{
padding-left: 7%;
font-size: 16px;
}
.cosmo-tabs .attach{border: 0;border-radius: 0;box-shadow: 0 0 0 #FFF;}
/* Load more button */
.load-more{
margin: 0 auto 30px auto;
width: 250px;
height: 45px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-size: 34px;
line-height: 34px;
opacity: 0.3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
cursor: pointer;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.load-more:hover{
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
/* No margin rows */
#page.boxed #header-container > .row,
#page.boxed > section#main > .main-container > .row,
#page.boxed > footer > .row,
#page.boxed #header-container > div.full_width_row > .row,
#page.boxed > section#main > .main-container > div.full_width_row > .row,
#page.boxed > footer > div.full_width_row > .row{
padding-right: 15px;padding-left: 15px;
}
#page #header-container > .row.row_no_margin,
#page.boxed #header-container > .row.row_no_margin,
#page > section#main > .main-container > .row.row_no_margin,
#page.boxed > section#main > .main-container > .row.row_no_margin,
#page > footer > .row.row_no_margin,
#page.boxed > footer > .row.row_no_margin,
#page #header-container > .full_width_row > .row.row_no_margin,
#page.boxed #header-container > .full_width_row > .row.row_no_margin,
#page > section#main > .main-container > .full_width_row > .row.row_no_margin,
#page.boxed > section#main > .main-container > .full_width_row > .row.row_no_margin,
#page > footer > .full_width_row > .row.row_no_margin,
#page.boxed > footer > .full_width_row > .row.row_no_margin
{
padding: 0;
}
#page.boxed div.row_no_margin > .columns:first-child, #page div.row_no_margin > .columns:first-child{
padding-left: 0;
}
#page.boxed div.row_no_margin > .columns:last-child, #page div.row_no_margin > .columns:last-child{
padding-right: 0;
}
.full_width_row{padding-top: 30px; box-shadow: inset 0 0 10px rgba(0,0,0,0.1) ; }
.full_width_row:after{content: '';display: block;height: 1px;}
.full_width_row:last-child {box-shadow: none;}
.single-gallery #colophon .full_width_row.full_width_content_row{ padding-top: 0px; }
div.row_no_margin + div.row > div > div, div.full_width_row + div.row > div > div{
border: 0 none;
box-shadow: 0 0 0;
}
div.row_no_margin .main-menu-top{
padding-left: 30px;
}
div.full_width_row .main-menu-top{
border: 0 none;
box-shadow: 0 0 0;
}
.full_width_row.full_width_content_row .row{width: 100%;}
.full_width_row.full_width_content_row > .row{
margin: 0;
}
.full_width_row.full_width_content_row > .row > .columns, .full_width_row.full_width_content_row > .row > .columns > .row > .columns{padding: 0;}
.full_width_row.full_width_content_row > .row > .columns > .row, .full_width_row.full_width_content_row > .row > .columns > .row > .columns > .row{margin: 0;}
.full_width_row.full_width_content_row .masonry { margin: 0 !important; }
/* Menu styles */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
background: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
display: inline-block;
position: relative;
text-align: left;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 50%;
top: 3.3em; /* match top ul list item height */
z-index: 999;
}
.sf-menu > li:hover > ul:before,
.sf-menu > li.sfHover > ul:before {
content: '';
border-bottom: 6px solid rgba(0,0,0,0.1);
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
width: 0;
height: 0;
top: -6px;
left: -6px;
}
.top-menu .sf-menu li:hover ul,
.top-menu .sf-menu li.sfHover ul {
top: 1.5em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: -1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
margin-bottom: 0;
}
.sf-menu a {
padding: .45em .6em;
text-decoration:none;
text-transform: uppercase;
}
.sf-menu li li a:hover{
color: #DB2B1E;
}
.sf-menu li li {
left: -50%;
background: rgb(255,255,255);
background: rgba(255,255,255,0.95);
color: #000;
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.05);
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
text-align: center;
}
.sf-menu li li:first-child {
border-top: 1px solid rgba(0,0,0,0.05);
}
.sf-menu li li li {
background: rgb(255,255,255);
background: rgba(255,255,255,0.95);
color: #000;
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.05);
text-align: center;
left: 0;
}
.sf-menu li li ul {
border-left: 1px solid rgb(255,255,255);
border-left: 1px solid rgba(255,255,255,0.1);
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover{
/*background: rgb(0,0,0);
background: rgba(0,0,0,0.85);*/
}
.top-menu .sf-menu li:hover a, .top-menu .sf-menu li.sfHover a, .top-menu .sf-menu li:hover a:focus, .top-menu .sf-menu li:hover a:hover{
color: inherit;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.top-menu .sf-menu li:hover, .top-menu .sf-menu li.sfHover {
background: none;
}
.sf-menu li:hover a{
/*color: white;*/
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 1.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .15em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: 0;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: .45em; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
top:.45em;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/* End Menu styles */
.row > div:last-child .mobile-login-sub-menu{
right: 0px;
}
.header-signin-container{
display: inline-block;
}
.header-signin, .header-signin:hover{
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
height: 33px;
line-height: 33px;
padding-left: 1em;
padding-right: 1.2em;
position: relative;
}
li.signin dd{
font-size: 13px;
display: inline;
position: static;
font-weight: normal;
}
.header-signin .sf-sub-indicator{
display: none;
}
.row > div:last-child .mobile-login-sub-menu{
right: 0px;
}
.header-signin .icon-author { font-size: 16px; }
.row > .columns:last-child .cosmo-icons ul li.signin > ul {
left: auto;
right: 0;
}
.cosmo-icons ul li.signin:hover > ul, .row > .columns:last-child .cosmo-icons ul li.signin:hover > ul { display: block; }
.cosmo-icons ul li.signin li a:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
color: inherit;
}
.header-user-menu{ float: right;}
.mobile-select-sub-menu, .select-menu, .mobile-select-top-sub-menu{display: none;}
/* Responsive menu */
@media only screen and (min-width: 240px) and (max-width: 480px){
.main-menu-top, .mobile-login-menu li.signin{display: none;}
.mobile-select-sub-menu, .select-menu, .mobile-select-top-sub-menu {display: inline-block;width: 100%;}
.sf-menu{display: none;}
nav.main-menu .sf-menu{display: block;}
}
/* Footer menu */
.footer-menu{margin: 0;}
.footer-menu li{
display: inline-block;
padding: 0 10px;
}
.footer-menu li:first-child{
padding-left: 0px;
}
.footer-menu li .children, .footer-menu li.more-menu-item{
display: none;
}
a.format-video {
position: absolute;
top: 0%;
left: 0%;
z-index: 9;
display: block;
width: 100%;
height: 100%;
background: url('../../images/button.play.png') no-repeat 50% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
/* Cosmo buttons */
p.submit{ display: inline-block;font-family: Arial;}
p.submit input{ float: left;}
p.submit input[type="submit"], p.submit input[type="button"], .inp_button{
border-radius: 0;
cursor: pointer;
height: 35px;
color: #555555;
border: 1px solid #d5d5d5;
padding: 0 10px;
text-transform: uppercase;
background: #f6f6f6;
background: -moz-linear-gradient( #f6f6f6 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(#f6f6f6 0%,#e6e6e6 100%);
background: -o-linear-gradient(#f6f6f6 0%,#e6e6e6 100%);
background: -ms-linear-gradient(#f6f6f6 0%,#e6e6e6 100%);
background: linear-gradient( #f6f6f6 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=1 );
-moz-box-shadow: inset 0 1px 1px #FFF;
-webkit-box-shadow: inset 0 1px 1px #FFF;
box-shadow: inset 0 1px 1px #FFF;
}
p.submit input[type="submit"]:hover, p.submit input[type="button"]:hover, .inp_button:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.widget input[type="submit"]{color: #555555 !important;}
p.submit.blue input[type="submit"],p.submit.blue input[type="button"]{
border: 1px solid #5aa0d1;
border-radius: 3px;
background: #71c2fb; /* Old browsers */
background: -moz-linear-gradient(top, #71c2fb 0%, #5aa0d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71c2fb), color-stop(100%,#5aa0d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* IE10+ */
background: linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* W3C */
text-shadow: 1px 1px 0px #5aa0d1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c2fb', endColorstr='#5aa0d1',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}
p.submit.blue input[type="submit"]:hover,p.submit.blue input[type="button"]:hover{
border: 1px solid #5aa0d1;
background: #61bcfc; /* Old browsers */
background: -moz-linear-gradient(top, #61bcfc 0%, #4796cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61bcfc), color-stop(100%,#4796cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* IE10+ */
background: linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* W3C */
text-shadow: 1px 1px 0px #5aa0d1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61bcfc', endColorstr='#4796cd',GradientType=0 ); /* IE6-9 */
}
p.submit.red input[type="submit"],p.submit.red input[type="button"]{
border: 1px solid #d15252;
border-radius: 3px;
background: #004385; /* Old browsers */
background: -moz-linear-gradient(top, #004385 0%, #d24545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004385), color-stop(100%,#d24545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #004385 0%,#d24545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #004385 0%,#d24545 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #004385 0%,#d24545 100%); /* IE10+ */
background: linear-gradient(top, #004385 0%,#d24545 100%); /* W3C */
text-shadow: 1px 1px 0px #d15252;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004385', endColorstr='#d24545',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}
p.submit.red input[type="submit"]:hover,p.submit.red input[type="button"]:hover{
border: 1px solid #d15252;
background: #fd4b4b; /* Old browsers */
background: -moz-linear-gradient(top, #fd4b4b 0%, #ce3232 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd4b4b), color-stop(100%,#ce3232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* IE10+ */
background: linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* W3C */
text-shadow: 1px 1px 0px #d15252;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4b4b', endColorstr='#ce3232',GradientType=0 ); /* IE6-9 */
}
p.submit.dark-gray input[type="submit"],p.submit.dark-gray input[type="button"]{
border: 1px solid #2f2424;
border-radius: 3px;
background: #181818; /* Old browsers */
background: -moz-linear-gradient(top, #181818 0%, #4f5f66 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(100%,#4f5f66)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #181818 0%,#4f5f66 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #181818 0%,#4f5f66 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #181818 0%,#4f5f66 100%); /* IE10+ */
background: linear-gradient(to bottom, #181818 0%,#4f5f66 100%); /* W3C */
color: #FFF;
text-shadow: 1px 1px 0px #2f2424;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#4f5f66',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}
p.submit.dark-gray input[type="submit"]:hover,p.submit.dark-gray input[type="button"]:hover{
border: 1px solid #2f2424;
background: #3a3a3a; /* Old browsers */
background: -moz-linear-gradient(top, #3a3a3a 0%, #717b80 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#717b80)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3a3a3a 0%,#717b80 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3a3a3a 0%,#717b80 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3a3a3a 0%,#717b80 100%); /* IE10+ */
background: linear-gradient(to bottom, #3a3a3a 0%,#717b80 100%); /* W3C */
color: #FFF;
text-shadow: 1px 1px 0px #2f2424;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#717b80',GradientType=0 ); /* IE6-9 */
}
p.button-small a{display: block;padding: 0px 8px;height:23px;-webkit-box-shadow: inset 0 1px 1px #FFF;-moz-box-shadow:inset 0 1px 1px #FFF;box-shadow:inset 0 1px 1px #FFF;color: white;font-weight: bold;font-size: 11px;line-height:23px;}
p.button-small.blue a, p.submit.blue input[type="submit"], p.submit.blue input[type="button"]{
border: 1px solid #5aa0d1;
border-radius: 3px;
background: #71c2fb; /* Old browsers */
background: -moz-linear-gradient(top, #71c2fb 0%, #5aa0d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71c2fb), color-stop(100%,#5aa0d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* IE10+ */
background: linear-gradient(top, #71c2fb 0%,#5aa0d1 100%); /* W3C */
text-shadow: 1px 1px 0px #5aa0d1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c2fb', endColorstr='#5aa0d1',GradientType=0 ); /* IE6-9 */
}
p.button-small.blue a:hover, p.submit.blue input[type="submit"]:hover, p.submit.blue input[type="button"]:hover{
border: 1px solid #5aa0d1;
background: #61bcfc; /* Old browsers */
background: -moz-linear-gradient(top, #61bcfc 0%, #4796cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61bcfc), color-stop(100%,#4796cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* IE10+ */
background: linear-gradient(top, #61bcfc 0%,#4796cd 100%); /* W3C */
text-shadow: 1px 1px 0px #5aa0d1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61bcfc', endColorstr='#4796cd',GradientType=0 ); /* IE6-9 */
}
p.button-small.red a, p.submit.red input[type="submit"], p.submit.red input[type="button"]{
border: 1px solid #d15252;
border-radius: 3px;
background: #fc5b5b; /* Old browsers */
background: -moz-linear-gradient(top, #fc5b5b 0%, #d24545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc5b5b), color-stop(100%,#d24545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc5b5b 0%,#d24545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc5b5b 0%,#d24545 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc5b5b 0%,#d24545 100%); /* IE10+ */
background: linear-gradient(top, #fc5b5b 0%,#d24545 100%); /* W3C */
text-shadow: 1px 1px 0px #d15252;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5b5b', endColorstr='#d24545',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}
p.button-small.red a:hover, p.submit.red input[type="submit"]:hover, p.submit.red input[type="button"]:hover{
border: 1px solid #d15252;
background: #fd4b4b; /* Old browsers */
background: -moz-linear-gradient(top, #fd4b4b 0%, #ce3232 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd4b4b), color-stop(100%,#ce3232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* IE10+ */
background: linear-gradient(top, #fd4b4b 0%,#ce3232 100%); /* W3C */
text-shadow: 1px 1px 0px #d15252;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4b4b', endColorstr='#ce3232',GradientType=0 ); /* IE6-9 */
}
/*Tour tooltips*/
.demo-tooltip { color: #000; position: absolute; top: 0; left:0; z-index: 99; padding: 15px 15px 0 15px; min-height: 140px; width: 260px; border: 1px solid #dbdbdb; background: white; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.demo-tooltip .arrow { position: absolute; top: 50px; width: 32px; height: 66px; }
.demo-tooltip .arrow.left { left:-32px; background: url(../../images/demo-tooltip.arrow.png) no-repeat 0 0;}
.demo-tooltip .arrow.right { right:-32px; background: url(../../images/demo-tooltip.arrow.png) no-repeat -32px 0;}
.demo-tooltip .arrow.top { top: -32px; left:113px; width: 66px; height: 32px; background: url(../../images/demo-tooltip.arrow.png) no-repeat -64px 0;}
.demo-tooltip .demo-steps { float: left; clear: both; margin-bottom: 10px; width: 100%; font-weight: bold; font-size: 14px; }
.demo-tooltip .demo-steps strong { width: 190px;}
.demo-tooltip .demo-content { position: relative; display: block; float: left; clear: both; min-height: 55px; width: 100%;font-size: 12px; line-height: 1.6; *float: none; *clear: none;}
.demo-tooltip .demo-buttons {position: relative; float: left; margin: 12px 0 0 -14px; padding: 15px; width: 258px; height: auto; background: #f8f8f8 url(../../images/demo-tooltip.bg.png) repeat-x left top; *float: none; *display: inline-block; }
.demo-tooltip .demo-content p.close{ clear: both; padding: 5px 0 0 0; width: 100%; text-align: right; font-size: 11px; }
.demo-tooltip .close { position:static; background:transparent;}
.demo-tooltip p { margin-bottom: 0px;}
/* Pagination */
.pag ul {
position: relative;
margin: 0 auto 30px auto;
text-align: center;
}
.pag ul li{
position: relative;
display: inline-block;
cursor: pointer;
margin: 0 0 5px 0;
zoom: 1;
*display:inline;
}
.pag ul li .page-numbers{
display: block;
margin-right: 5px;
padding: 0 15px;
height: 35px;
color: #888;
line-height: 35px;
-webkit-transition: .4s all;
-moz-transition: .4s all;
-ms-transition: .4s all;
-o-transition: .4s all;
transition: .4s all;
font-family: Arial, sans-serif;
border: 1px solid rgba(0,0,0,0.05);
font-size: 12px;
}
.pag ul li .page-numbers:not(.current):hover{
border: 1px solid rgba(0,0,0,0.15);
}
.pag ul li .current{
font-weight: bold;
color: #DB2B1E;
}
.oldie .pag ul li{float: left;}
/* Overlay */
.overlay {
position: absolute;
top: 0;
bottom: 0;
}
.cui_form{margin: 0;}
.cosmo_uploader_label{margin-bottom: 30px;}
.cosmo_uploader_label a{color: #333;text-decoration: none;}
.cosmo_uploader_label a:hover{color: #495769;text-decoration: none;}
.cosmo_uploader_label p.info{margin: 10px 0;font-size: 12px;font-family: Arial, sans-serif;}
.cosmo_uploader_label label h4 {
margin: 0 0 15px;
}
.cosmo_uploader_interface{margin-bottom: 15px;}
.admin-bar .cosmo_uploader_interface{margin-top: -28px}
.label_add_url h4{margin-bottom: 15px;font-size: 20px;}
.add_url_link{padding: 8px 15px;text-decoration: none;font-size: 12px;font-family: Arial;}
.front_post_input.add_url{padding: 5px 15px;width: 50%;}
#label_video_url .front_post_input.add_url{background: #FFF;border: 1px solid #ccc;color: #000;}
.st a {color: inherit;}
.field{clear: both;margin-bottom: 15px;}
blockquote { border-left: 1px solid; }
blockquote, blockquote p { color: inherit; }
.post .cosmo-blockquote p { color: inherit; }
.post-item-page{margin: 0;padding: 30px;width: 100%; border: 0 none; border-radius: 0 0 0 0; }
.post-item-page .cui_form{margin: 0;cursor: pointer;}
.post-item-page .cui_form .cui_upload_button_container.cui_add_button{cursor: pointer;}
.post-item-page .hidden_upload_iframe{position: absolute;margin: 0;height: 0;}
.post-item-page.cosmo-tabs .tabs-container{clear: both;padding: 0px;}
.post-item-page .cosmo_uploader_label{margin-bottom: 15px;}
.post-item-page .field{float: left;margin: 15px 0;width: 100%;}
.post-item-page .field .field{margin: 0;}
.post-item-page .field input{max-width: 98%;}
.post-item-page .button{text-align: left;}
.submit.button.gray > input {
color: #666666;
}
.post-item-page *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.post-item-page .row, .post-item-page .row form .row, .post-item-page .columns, .post-item-page .row form .row .column, .post-item-page .row form .row .columns{margin: 0;padding: 0 !important;}
.post-item-page .tabs-container { color: inherit; }
.tabs-container .cosmo_uploader_interface { width: 100%; padding: 2px 0; }
.bottom-separator.left.full {
width: 100%;
}
.gallery-single.portrait .row.bottom-separator{margin-bottom: 30px;}
.bottom-separator.left.full .tabs-nav { max-width: 100%; padding: 0 5px; }
.post-item-page .field input.front_post_input {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
border: 1px solid rgb(0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0.3);
}
.my-account-page .columns{position: static;}
.my-account-page .tabs-container{clear: both;overflow: hidden;margin: 15px 0;max-width: 100%;}
.my-account-page .tabs-container label{float: left;width: 25%;}
.my-account-page .tabs-container input{float: left;width: 75%; height: 30px;}
.my-account-page .tabs-container textarea{float: left;width: 75%; }
.my-account-page .tabs-container .pic{float: left;width: 75%;}
#adduser img.avatar {
float: left;
margin-right: 20px;
}
#adduser .form-submit.submit.button.gray {
padding: 0 0 30px;
}
.remove-avatar{float: none !important;margin-top: 15px;width: auto !important;}
#remove_avatar{float: none !important;width: auto !important; height: auto;margin: 0; vertical-align: top;}
.masonry .three { width:24.9799%; }
.width90 { width: 90px !important; }
.warning{color: #CE3D40;}
.invalid{border: 1px solid red !important;}
.lh { line-height: 0;}
.pp_inline .format-video { display: none !important; }
.cosmo-tabs.submit iframe { min-height:150px !important; }
.cosmo-tabs.submit select{
height: 25px;
-webkit-appearance: menulist-button;
border: 1px solid transparent;
}
body.OSX .cosmo-tabs.submit select{
border: 1px solid rgb(0,0,0);
border: 1px solid rgba(0,0,0,0.2);
}
.comment-subscription-form { padding: 0 15px; }
.pp_gallery { display: none !important;}
.masonry .two { width: 16.5%; }
.masonry .four { width: 33.3%; }
.cosmo-box h5 { margin-top: 0; }
.cosmo-box:last-child:after{}
.pagenumbers{clear:both;}
/* Widget Flickr */
.widget_flickr_photos .flickr_badge_image{float: left;margin-right: 5%;width: 30%;}
.widget_flickr_photos .flickr_badge_image img{width: 100%;}
.widget_flickr_photos .flickr_badge_image:nth-of-type(3n) {clear: right;margin-right: 0%;margin-bottom: 3%;width: 30%;}
.z_index_neg { z-index: -1 !important; }
.entry-meta-edit > ul {
list-style: none outside none;
margin: 0;
}
.entry-meta-edit ul li {
border-right: 1px solid #9C9C9C;
display: inline-block;
margin: 0;
color: inherit;
display: inline-block;
font-size: 12px;
line-height: 12px;
margin-right: 10px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
padding-right: 10px;
text-transform: uppercase;
}
.entry-meta-edit ul li:last-child { border: 0 none; }
.quicktags-toolbar input { color: #464646 !important;}
.wp-editor-area { color: #000 !important; background: #fff !important; }
.post-caption {
bottom: 0;
position: absolute;
width: 100%;
min-height: 40px;
line-height: 20px;
text-align: left;
padding: 15px 30px;
background: none repeat scroll 0 0 rgb(0, 0, 0);
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color: #FFF;
}
.widget .tabs-container {
color: inherit;
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled]{
background: #000000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.pp_description { color: #000; }
.hidden_upload_iframe { width: 90%; max-height: 100px; }
#content .hidden.hidden_upload_iframe { position: absolute; }
/*==================================================================================================================*/
/*---------- General ----------*/
.clear{
clear:both;
}
.relative{
position: relative;
}
body{
overflow-y:scroll;
}
/* Form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{
background: transparent;
color: inherit;
border: 1px solid #CFCFCF;
border-radius: 0;
box-shadow: none;
height: 30px;
line-height: 30px;
}
input[type="submit"], button, input[type="button"], input[type="submit"]:hover, button:hover, input[type="button"]:hover{
color: inherit;
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 0 0 0 0;
box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.7) inset;
color: #666666;
text-shadow: none;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.quick-contact textarea { min-height: 150px; }
/* Widget likes */
.widget .widget-meta .cosmo-comments{
background: none;
}
.widget .widget-meta .cosmo-comments i{
font-size: 16px;
color: #BFBFBF;
}
.widget .widget-meta .cosmo-comments span{
font-size: 12px;
}
.widget .widget-meta .thelike .meta-likes em{
background: none;
border: 0;
padding: 0;
font-size: 16px;
color: inherit;
line-height: 16px;
}
.widget .widget-meta .thelike .meta-likes em:before{
width: auto;
margin-right: 0;
}
.widget .widget-meta .thelike .meta-likes i{
background: none;
padding: 0;
border: 0;
font-style: normal;
font-size: 12px;
margin: 0;
line-height: 16px;
}
/* End of Widget Widgets */
/* End of widgets */
/* Social icons */
.socialicons{
}
.socialicons>ul.cosmo-social{
margin: 0;
padding: 0;
list-style-type: none;
}
.socialicons>ul.cosmo-social>li{
display: inline-block;
}
.socialicons>ul.cosmo-social>li>a{
text-align: center;
width: 35px;
display: block;
height: 35px;
line-height: 35px;
zoom: 1;
background-color: #FFF;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
color: white;
margin-bottom: 5px;
border: 1px solid rgba(0,0,0,0.08);
border-radius: 50%;
color: #999;
}
.socialicons>ul.cosmo-social>li>a:hover{
color: #FFF;
box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
}
.socialicons>ul.cosmo-social>li>a.rss:hover{
background-color: #f69400;
}
.socialicons>ul.cosmo-social>li a.twitter:hover{
background-color: #48c4d2;
}
.socialicons>ul.cosmo-social>li>a.facebook:hover{
background-color: #133783;
}
.socialicons>ul.cosmo-social>li>a.gplus:hover{
background-color: #d94a39;
}
.socialicons>ul.cosmo-social>li>a.dribbble:hover{
background-color: #ef5b92;
}
.socialicons>ul.cosmo-social>li>a.yahoo:hover{
background-color: #7b0099;
}
.socialicons>ul.cosmo-social>li>a.instagram:hover{
background-color: #634d40;
}
.socialicons>ul.cosmo-social>li>a.linkedin:hover{
background-color: #71C5EF;
}
.socialicons>ul.cosmo-social>li>a.skype:hover{
background-color: #18b7f1;
}
.socialicons>ul.cosmo-social>li>a.fb:hover{
background-color: #3b5998;
}
.socialicons>ul.cosmo-social>li>a.yt:hover{
background-color: #C4302B;
}
.socialicons>ul.cosmo-social>li>a.vimeo:hover{
background-color: #44bbff;
}
.socialicons>ul.cosmo-social>li>a.delicious:hover{
background-color: #3274d1;
}
.socialicons>ul.cosmo-social>li>a.tumblr:hover{
background-color: #3a5976;
}
.socialicons>ul.cosmo-social>li>a.pinterest:hover{
background-color: #cb2027;
}
.socialicons>ul.cosmo-social>li>a.flickr:hover{
background-color: #FF0084;
}
.socialicons>ul.cosmo-social>li>a.email:hover{
background-color: #0bac03;
}
.socialicons>ul.cosmo-social>li>a>i{
}
.socialicons>ul.cosmo-social>li>a>i:before{
line-height: inherit;
}
/* End of social icons*/
/*---------- End - General ----------*/
/*---------- Header ---------- */
header #header-container{
/*padding-top: 30px;*/
}
header #header-container .logo{
/*margin-bottom: 30px;*/
}
header #header-container .logo>a>.logo-image{
width: 100%;
text-align: center;
}
header #header-container .logo>a>img{
}
header #header-container .logo>a>h1{
font-family: Arial;
text-transform: uppercase;
white-space:nowrap;
width: 100%;
display: block;
margin: 0;
line-height: 0.8;
}
/* Search style */
header #header-container .search-btn-container>a.search-btn{
font-size: 24px;
color: inherit;
}
header #header-container .search-btn-container>a.search-btn:hover{
color: inherit;
}
/* End - Search style */
/* Header separator */
header #header-container .header-separator{
width: 100%;
height: 3px;
background-color: #eb4c4c;
margin-bottom: 30px;
}
/* End - Header separator */
/* ---------- Menu Navigation ---------- */
.modal-menu ul#menu-main-menu li{
line-height: 1.2;
padding: 0;
}
.modal-menu ul#menu-main-menu li a{
line-height: 1.2;
display: block;
padding: 15px 0;
}
.modal-menu { display: none;}
.modal-menu ul li{
list-style-type: none;
line-height: 55px;
border-top: 1px dotted rgba(255,255,255,0.35);
}
.modal-menu ul li:first-child{
border-top: 0 none;
}
.modal-menu ul li a{
color: white;
font-size: 16px;
margin: 0;
line-height: 55px;
}
.modal-menu ul li ul{
margin: 0;
}
.modal-menu ul li ul li{
border-top: 1px dotted rgba(255,255,255,0.35) !important;
}
nav.main-menu{
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
nav.main-menu .logo{
margin: 0 20px;
}
nav.main-menu .logo:after{
border: 0;
}
nav.main-menu>ul{
margin: 0;
padding: 0;
list-style-type: none;
}
nav.main-menu>ul:after{
display: block;
clear: both;
content: '';
}
nav.main-menu>ul>li{
margin: 0;
padding: 0;
display: block;
line-height: 25px;
padding: 4px 10px;
display: inline-block;
margin-bottom: 5px;
margin-right: 5px;
vertical-align: middle;
}
nav.main-menu > ul > li:before {
display: block;
content: '';
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(0,0,0,0.05);
position: absolute;
top: 0;
left: 48%;
-webkit-transition: .3s border-color linear, .3s top linear;
-moz-transition: .3s border-color linear, .3s top linear;
-o-transition: .3s border-color linear, .3s top linear;
-ms-transition: .3s border-color linear, .3s top linear;
transition: .3s border-color linear, .3s top linear;
}
nav.main-menu > ul > li:after {
content: "";
display: block;
height: 3px;
left: auto;
right: 0;
margin-top: -1px;
position: absolute;
bottom: 0;
width: 100%;
}
nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
content: "";
display: block;
height: 0;
width: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #DB2B1E;
position: absolute;
left: 48%;
top: 0;
}
nav.main-menu > ul.sf-menu li:hover:before, nav.main-menu > ul.sf-menu li.sfHover:before{
border-top-color: #DB2B1E;
top: -5px;
}
nav.main-menu>ul>li:last-child:after{
display: block;
clear: both;
content: '';
}
nav.main-menu>ul>li>a{
padding: 0;
color: inherit;
}
nav.main-menu>ul>li.selected{
padding-left: 10px;
}
nav.main-menu>ul>li.selected a{
line-height: 25px;
}
.small-device-nav{
line-height: 50px;
display: none;
position: absolute;
}
.small-device-nav ul{
text-align: left;
}
.small-device-nav ul, .small-device-nav ul li{
margin: 0;
padding: 0;
}
.small-device-nav .small-device-logo{
display: inline-block;
list-style-type: none;
font-size: 16px;
height: 100%;
overflow: hidden;
float: right;
line-height: 50px;
}
.small-device-nav .small-device-logo a img{
max-height: 50px;
}
.small-device-nav .small-device-menu{
display: inline-block;
list-style-type: none;
font-size: 18px;
line-height: 50px;
}
.small-device-nav .small-device-menu a{
color: #444444;
display: block;
}
#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
overflow-y:scroll;
/* Specify the width of your pageslide here */
width: 70%;
padding: 20px;
/* These styles are optional, and describe how the pageslide will look */
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
}
ul.mobile-menu li{width: 100%;}
/* Top menu */
.top-menu a { font-size: 11px; }
/* Sticky menu */
header #header-container .sticky-menu-container{
position: fixed;
top:0;
left: 0;
width: 100%;
z-index: 999;
display: none;
max-width: 100%;
padding: 0px 15px 0 15px;
color: #000;
background: #FFF;
}
header #header-container .sticky-menu-container .sticky-content{
padding-top: 15px;
padding-bottom: 15px;
margin: 0 auto;
}
header #header-container .sticky-menu-container .header-separator{
margin-bottom: 0;
}
/* End - Sticky menu */
/* ---------- End - Menu Navigation ---------- */
/* ---------- End - Header ---------- */
/* ---------- Main Section ---------- */
/* Search box */
.search-container{
display: none;
margin-bottom:30px;
padding: 0 15px;
}
.search-container form{
margin: 0;
}
.search-container form fieldset, .widget_search form fieldset {
border: 0;
padding: 0;
margin: 0;
position: relative;
padding-right: 180px;
}
.search-container form fieldset input,
.searchbar form fieldset input,
.widget_search form fieldset input {
margin:0;
height: 30px;
border: 0;
box-shadow: none;
font-family:Arial;
line-height: 30px;
font-size: 12px;
color: #999;
}
.search-container form fieldset input.input,
.searchbar form fieldset input.input,
.widget_search form fieldset input.input {
border: 1px solid rgb(0,0,0);
border: 1px solid rgba(0,0,0,0.05);
}
.search-container form fieldset input.input:focus, .widget_search form fieldset input.input:focus {
border: 1px solid rgb(0,0,0);
border: 1px solid rgba(0,0,0,0.1);
}
.search-container form fieldset input.button,
.widget_search form fieldset input.button,
.searchbar form fieldset input.button,
.widget_search form fieldset input.button:hover {
position: absolute;
line-height: 30px;
right: 0;
top: 0;
width: 180px;
background-color: rgba(0,0,0,0.01);
border:1px solid rgba(0,0,0,0.09);
border-left: 1px solid rgba(0,0,0,0.1);
color: #444;
border: 0;
text-transform: uppercase;
padding: 0;
font-size: 12px;
font-family: Arial, sans-serif;
}
.search-container input[type="text"] {
width: 100%;
}
/* End - Search box */
.single-gallery footer#colophon{
}
section#main>.main-container{
position: relative;
}
.featimg { line-height: 0; }
.featimg img{
width: 100%;
max-width: none;
}
.featimg.video-post{
text-align: center;
}
.single-format-gallery .featimg.resized-img{
opacity: 0;
}
.featimg .featbg.resized-img{
text-align: center;
display: inline-block;
position: relative;
max-width: 100%;
}
.featimg .featbg.resized-img img{
width: auto;
max-width: 100%;
}
.featimg a{
line-height: 0;
}
.new-post-label{
right: 5px;
position: absolute;
top: 5px;
line-height: 16px;
font-size: 16px;
z-index: 10;
color: inherit;
padding: 2px 5px;
font-size: 10px;
}
.thumb-view article div.entry-content,.team-view article div.entry-content, .list-view article div.list-wrapper, .grid-view article div.entry-content{
background-color: inherit;
color: inherit;
}
.thumb-view article div.entry-content a, .team-view article div.entry-content a,.list-view article div.list-wrapper a, .grid-view article.white-style div.entry-content a{
color:inherit;
}
.thumb-view article div.entry-content, .team-view article div.entry-content, .list-view article div.list-wrapper,.grid-view article div.entry-content{
background-color: inherit;
color: inherit;
}
.thumb-view article div.entry-content a,.team-view article div.entry-content a, .list-view article div.list-wrapper a,.grid-view article div.entry-content a{
color:inherit;
}
article.white-style{
background: #FFF;
color: #000;
}
article.black-style{
background: #000;
color: #FFF;
}
/* ---- Thumb view style ---- */
/*.thumb-view{
padding: 0 15px;
}*/
.thumb-view a{
color: inherit;
}
.thumb-view .thumb-hover-link{
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
top:0;
left:0;
}
/*.thumb-view > .row > .columns{
padding: 0;
}*/
.thumb-view .thumb-elem{
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.thumb-view .thumb-elem.hovermove header.thumb-elem-header .featimg img.the-thumb{
width: 130%;
height: 130%;
position: absolute;
top: -15%;
left: -15%;
}
@media only screen and (max-width: 767px){
.thumb-view .thumb-elem.hovermove header.thumb-elem-header .featimg img.the-thumb{
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.testimonials-list .testimonials-elem-wrapper > .three.columns {
padding: 0;
padding-bottom: 15px;
}
.testimonials-list .testimonials-elem-wrapper > .three.columns ~ .nine.columns {
padding: 0;
}
}
.thumb-view .thumb-elem .thumb-elem-section{
display: none;
position: absolute;
height: 100%;
width: 100%;
text-align: center;
color: white;
-webkit-box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
background-color: rgba(0,0,0,0.4);
top:0px;
left: 0px;
}
.thumb-view .thumb-elem .thumb-elem-section.no-feat-img, .grid-view .grid-elem .grid-elem-section.no-feat-img{
display: block;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin: 18% auto 0 auto;
max-width: 80%;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li{
margin-bottom: 15px;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-category{
position: absolute;
bottom: 0;
width: 80%;
text-align: center;
margin: 0;
}
.thumb-view.related-posts .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-category{
display: none;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 18px;
color: white;
margin: 0;
line-height: 1.4;
font-family: 'Lato', sans-serif;
font-weight: 300;
letter-spacing: -0.3px;
}
.layout-960 .three.columns .thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 16px;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-delimiter{
width: 40px;
height: 13px;
margin: 0 auto 15px auto;
background: url('../../images/view-delimiter.png') no-repeat;
background-size: 100% 100%;
display: none;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-category ul.entry-content-category-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-category ul.entry-content-category-list li{
display: inline-block;
font-size: 12px;
font-family: 'Lato', sans-serif;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta{
position: relative;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta:before{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta:after{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes{
cursor: pointer;
display: inline-block;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes em{
display: block;
font-size: 25px;
line-height: 20px;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes:hover em,
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes.voted em{
color: #DB2B1E;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes.voted:hover em{
color: #F47069;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes i{
font-style: normal;
font-size: 12px;
}
/* ---- End Thumb view style ---- */
/* ==== List view ==== */
.list-view a{
color: inherit;
}
.list-view .list-hover-link{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
}
/*.thumb-view > .row > .columns{
padding: 0;
}*/
.list-view .list-elem{
position: relative;
overflow: hidden;
margin-bottom: 30px;
background-color: white;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
}
.list-view .list-elem header.list-elem-header{
position: relative;
overflow: hidden;
}
.list-view .list-elem:nth-child(odd) header.list-elem-header:hover .featimg img{
-webkit-transform: scale(1.1) rotate(-2deg);
-moz-transform: scale(1.1) rotate(-2deg);
-o-transform: scale(1.1) rotate(-2deg);
-ms-transform: scale(1.1) rotate(-2deg);
transform: scale(1.1) rotate(-2deg);
}
.list-view .list-elem:nth-child(even) header.list-elem-header:hover .featimg img{
-webkit-transform: scale(1.1) rotate(2deg);
-moz-transform: scale(1.1) rotate(2deg);
-o-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
}
.list-view .list-elem:nth-child(odd) header.list-elem-header.simple-hover:hover .featimg img{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.list-view .list-elem:nth-child(even) header.list-elem-header.simple-hover:hover .featimg img{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.list-view .list-elem header.list-elem-header .featimg img{
width: auto;
max-width: 100%;
height: auto;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.list-view .list-elem header.list-elem-header.simple-hover .featimg img{
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.list-view .list-elem header.list-elem-header .hover-effect{
position: absolute;
height: 100%;
width: 100%;
color: white;
padding: 30px;
-webkit-box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
background-color: rgba(0,0,0,0.4);
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.list-view .list-elem header.list-elem-header:hover .hover-effect{
opacity: 1;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin-top: 30px;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta > li{
margin-bottom: 15px;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta > li.hover-effect-meta-category{
position: absolute;
bottom: 15px;
width: 100%;
left: 0;
text-align: center;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li ul.entry-content-category-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-category ul.hover-effect-meta-category-list li{
display: inline-block;
font-size: 12px;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-category ul.hover-effect-meta-category-list{
margin: 0;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-delimiter{
width: 40px;
height: 13px;
margin: 0 auto 15px auto;
background: url('../../images/view-delimiter.png') no-repeat;
background-size: 100% 100%;
display: none;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta{
margin-bottom: 15px;
position: relative;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta:before{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta:after{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes{
cursor: pointer;
display: inline-block;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes em{
display: block;
font-size: 25px;
line-height: 20px;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes:hover em{
color: #DB2B1E;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes i{
font-style: normal;
font-size: 12px;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes:hover em,
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes.voted em{
color: #DB2B1E;
}
.list-view .list-elem header.list-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes.voted:hover em{
color: #F47069;
}
.list-view .list-elem .list-elem-section{
padding: 30px 30px 0 0;
}
.list-view .list-elem.list-large-image .list-elem-section, .list-view .list-elem.list-no-image .list-elem-section {
padding-left: 30px;
padding-bottom: 30px;
}
.list-view .list-elem .list-elem-section ul.entry-content-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li{
margin-bottom: 15px;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li:last-child{
margin-bottom: 0;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 24px;
margin: 0;
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
color: #333;
font-family: 'Lato', sans-serif;
font-weight: 300;
letter-spacing: -0.3px;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-title h2:hover{
opacity:0.8;
}
.list-view .list-elem .list-elem-section.gallery-full-thumb ul.entry-content-list li.entry-content-title h2 {
text-align: center;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list li{
display: inline-block;
margin-bottom: 5px;
color: #999999;
font-size: 12px;
font-family: 'Lato',sans-serif;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-excerpt{
line-height: 1.8;
font-family: 'Lato', sans-serif;
font-weight: 400px;
color: #444;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-excerpt p{
margin: 0;
}
/* ---- large list view ---- */
.list-view .list-elem .list-elem-section h2 {
text-align: center;
}
.list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list {
text-align: center;
}
.list-view .list-elem.list-large-image .list-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list li {
margin-bottom: 10px;
}
/* ---- EOF list view ---- */
/* ---- Testimonials view style ---- */
.testimonials-view, .testimonials {
position: relative;
}
.testimonials-view ul.testimonials-carousel, .widget ul.testimonials-carousel{
margin: 0 0 30px 0;
padding: 0;
list-style-type: none;
/*background-color: white;*/
color: inherit;
}
.widget ul.testimonials-carousel{
margin-bottom: 0;
}
.testimonials-view ul.testimonials-carousel > li.testimonials-carousel-elem,
.widget ul.testimonials-carousel > li.testimonials-carousel-elem{
display: none;
}
.testimonials-view ul.testimonials-carousel > li.testimonials-carousel-elem.active,
.widget ul.testimonials-carousel > li.testimonials-carousel-elem.active{
display: block;
}
.testimonials-view ul.testimonials-carousel-nav, .widget ul.testimonials-carousel-nav{
position: absolute;
list-style-type: none;
bottom: 50px;
margin: 0;
right: 15px;
}
.widget ul.testimonials-carousel-nav {
bottom: -15px;
right: 0;
}
.testimonials-view ul.testimonials-carousel-nav > li, .widget ul.testimonials-carousel-nav > li{
height: 26px;
width: 48px;
background-color: white;
display: inline-block;
cursor: pointer;
text-align: center;
color: #666;
font-size: 18px;
line-height: 22px;
border: 1px solid rgba(0,0,0,0.05);
}
.testimonials-view ul.testimonials-carousel-nav > li > i:before, .widget ul.testimonials-carousel-nav > li > i:before{
line-height: inherit;
}
.testimonials-view ul.testimonials-carousel-nav > li:hover, .widget ul.testimonials-carousel-nav > li:hover{
border-color: rgba(0,0,0,0.1);
}
.testimonials-view > .testimonials-elem{
}
.widget .testimonials-carousel article.testimonials-elem > .testimonials-elem-wrapper{
padding: 0;
}
.testimonials-view .testimonials-list article.testimonials-elem > .testimonials-elem-wrapper{
padding: 0 0 30px;
list-style-type: none;
margin: 0;
}
.testimonials-elem-wrapper .three.columns {
padding-left: 0;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content, .testimonials-list .entry-content{
margin-bottom: 35px;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content-excerpt,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content-excerpt {
margin-bottom: 30px;
color: #444444;
font-family: 'Lato',sans-serif;
line-height: 1.8em;
margin-top: 30px;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > div.featimg,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > div.featimg{
position: relative;
max-width: 100px;
float: left;
padding-right: 30px;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list{
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
}
.testimonials-list ul.entry-content-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list:after,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list:after, .testimonials-list ul.entry-content-list:after{
content: '';
display: block;
clear:both;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-name h4,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-name h4, .testimonials-list li.entry-content-name h4{
font-size: 24px;
margin: 0;
color: inherit;
color: #444444;
font-family: 'Lato',sans-serif;
margin-bottom: 5px;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-function,
.widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-function, .testimonials-list li.entry-content-function {
font-size: 12px;
color: inherit;
color: #999;
font-family: 'Lato',sans-serif;
}
.testimonials-list .entry-content-excerpt {
color: #444444;
font-family: 'Lato',sans-serif;
line-height: 1.8em;
margin-top: 20px;
}
/* ---- End Testimonials style ---- */
/* Grid view */
.grid-view a{
color: inherit;
}
.grid-view .grid-hover-link{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}
.grid-view .grid-elem{
position: relative;
overflow: hidden;
margin-bottom: 30px;
background-color: white;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
}
.grid-view .grid-elem header.grid-elem-header{
position: relative;
overflow: hidden;
}
.grid-view .grid-elem.hovermove header.grid-elem-header .featimg img.the-thumb{
width: 130%;
height: 130%;
position: absolute;
top: -15%;
left: -15%;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect{
position: absolute;
height: 100%;
width: 100%;
color: white;
padding: 30px;
-webkit-box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
box-shadow: inset 0px 0px 45px 0px rgba(0, 0, 0, 0.45);
background-color: rgba(0,0,0,0.4);
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.grid-view .grid-elem header.grid-elem-header:hover .hover-effect{
opacity: 1;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin-top: 15%;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta > li{
margin-bottom: 15px;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta > li.hover-effect-meta-category{
position: absolute;
bottom: 15px;
width: 100%;
left: 0;
text-align: center;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-category ul.hover-effect-meta-category-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-category ul.hover-effect-meta-category-list li{
display: inline-block;
font-size: 12px;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.hover-effect-meta-delimiter{
width: 40px;
height: 13px;
margin: 0 auto 15px auto;
background: url('../../images/view-delimiter.png') no-repeat;
background-size: 100% 100%;
display: none;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta{
margin-bottom: 15px;
position: relative;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta:before{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta:after{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes{
cursor: pointer;
display: inline-block;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes em{
display: block;
font-size: 25px;
line-height: 20px;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes:hover em{
color: #DB2B1E;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes i{
font-style: normal;
font-size: 12px;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes:hover em,
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes.voted em{
color: #DB2B1E;
}
.grid-view .grid-elem header.grid-elem-header .hover-effect ul.hover-effect-meta li.entry-content-meta span.meta-likes.voted:hover em{
color: #F47069;
}
.grid-view .grid-elem .grid-elem-section{
padding: 15px;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li{
margin-bottom: 15px;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-title{
line-height: 1.4;
font-family: 'Lato', Helvetica, sans-serif;
margin-bottom: 10px;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-meta{
margin-bottom: 10px;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-excerpt{
line-height: 1.8;
font-family: 'Lato', Helvetica, sans-serif;
color: #444;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li:last-child{
margin-bottom: 0;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 18px;
line-height: 1.4em;
margin: 0;
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
letter-spacing: -0.3px;
font-family: 'Lato',sans-serif;
font-weight: 300;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-title h2:hover{
opacity:0.8;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list li{
margin-bottom: 0;
color: #999999;
display: inline-block;
margin-right: 5px;
font-size: 12px;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-meta ul.entry-content-meta-list li:last-child{
margin-right: 0;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-excerpt p{
margin: 0;
font-size: 13px;
}
.grid-view .grid-elem .cart-options{
border-top: 1px solid #f2f2f2;
}
.grid-view .grid-elem .cart-options ul{
list-style-type: none;
margin: 0;
text-align: center;
padding: 15px 10px;
position: relative;
}
.grid-view .grid-elem .cart-options ul > li{
width: 49%;
display: inline-block;
text-align: right;
line-height: 40px;
}
@media only screen and (max-width: 768px){
.grid-view .grid-elem .cart-options ul > li{
width: 100%;
text-align: center;
}
.grid-view .grid-elem .cart-options ul > li a {
margin-left: 0
}
}
.grid-view .grid-elem .cart-options ul > li a{
height: 30px;
display: block;
line-height: 30px;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
text-align: center;
padding: 0 10px;
}
.grid-view .grid-elem .cart-options ul > li a.add-to-wishlist{
text-align: right;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.grid-view .grid-elem .cart-options ul > li a.add_to_cart_button, .grid-view .grid-elem .cart-options ul > li a.product_type_simple{
color: #FFF;
background: #222;
padding: 0;
}
.grid-view .grid-elem .cart-options ul > li a.add_to_cart_button:hover, .grid-view .grid-elem .cart-options ul > li a.product_type_simple:hover{
background: #444;
}
.grid-view .grid-elem .cart-options ul > li:first-child{
text-align: left;
}
.grid-view .grid-elem .cart-options ul > li .safe-for-later a{
display: inline-block;
font-size: 12px;
height: 20px;
line-height: 20px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price ins, .grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price {
color: #3e4956;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price span.from{
color: #9099a3;
font-size: 12px;
text-transform: uppercase;
}
.grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price del{
text-decoration: line-through;
color: #9099a3;
font-size: 14px;
font-weight: bold;
font-style: normal;
}
/* EOF Grid view */
/* ---- Box view style ---- */
.box-view{
}
.box-view article.box{
margin-bottom:30px;
}
.box-view article.box a{
color: inherit;
}
.box-view article.box.white-style{
background-color: white;
color: black;
}
.box-view article.box.black-style{
background-color: black;
color: white;
}
.box-view article.box header>div.featimg{
text-align: center;
}
.box-view article.box header>div.featimg img{
width: auto;
max-width: 100%;
margin-top: 50px;
margin-bottom: 30px;
}
.box-view article.box div.entry-content{
}
.box-view article.box div.entry-content>ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.box-view article.box div.entry-content>ul>li{
text-align: center;
margin: 0;
padding: 0;
}
.box-view article.box div.entry-content>ul>li.entry-content-title h4{
font-size: 24px;
font-family: Arial;
padding: 0 20px 20px 20px;
margin: 0;
color: inherit;
}
.box-view article.box div.entry-content>ul>li.entry-content-excerpt{
font-size: 14px;
font-family: Arial;
padding: 0 20px 30px 20px;
}
/* ---- End Box view style ---- */
/* ---- Carousel style ---- */
.carousel-wrapper{
overflow: hidden;
}
.carousel-wrapper .carousel-container{
overflow: hidden;
transition: margin-left .2s, max-height .9s, opacity .5s;
-moz-transition: margin-left .2s, max-height .9s, opacity .5s;
-webkit-transition: margin-left .2s, max-height .9s, opacity .5s;
-ms-transition: margin-left .2s, max-height .9s, opacity .5s;
-o-transition: margin-left .2s, max-height .9s, opacity .5s;
max-height: 0px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.carousel-wrapper .carousel-container>div.columns{
}
.carousel-wrapper ul.carousel-nav{
list-style-type: none;
margin: 0 0 15px 0;
}
.carousel-wrapper ul.carousel-nav:after{
display: block;
content: '';
clear: both;
}
.carousel-wrapper ul.carousel-nav > li{
height: 30px;
width: 48px;
background-color: white;
display: inline-block;
cursor: pointer;
text-align: center;
color: #888;
font-size: 18px;
line-height: 26px;
display: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.carousel-wrapper ul.carousel-nav > li.carousel-nav-left{
margin-left: 15px;
float:left;
}
.carousel-wrapper ul.carousel-nav > li.carousel-nav-right{
margin-right: 15px;
float:right;
}
.carousel-wrapper ul.carousel-nav > li > i:before{
line-height: inherit;
}
.carousel-wrapper ul.carousel-nav > li:hover{
background-color: rgba(0,0,0,0.05);
}
/* ---- End of Carousel style ---- */
/* Delimiters */
/* Simple delimiter */
.delimiter-type{
display: block;
clear: both;
height: 1px;
margin-bottom: 30px;
width: 100%;
}
/* Pointed delimiter */
.delimiter-type.pointed{
border-top: 1px dotted rgb(0,0,0);
border-top: 1px dotted rgba(0,0,0,0.11);
}
/* Doublepointed delimiter */
.delimiter-type.doublepointed{
border-top: 1px dotted rgb(0,0,0);
border-top: 1px dotted rgba(0,0,0,0.11);
border-bottom: 1px dotted rgb(0,0,0);
border-bottom: 1px dotted rgba(0,0,0,0.35);
height: 8px;
}
/* Line delimiter */
.delimiter-type.line{
border-top: 1px solid rgb(0,0,0);
border-top: 1px solid rgba(0,0,0,0.11);
}
/* Doubleline delimiter */
.delimiter-type.doubleline{
border-top: 1px solid rgb(0,0,0);
border-top: 1px solid rgba(0,0,0,0.11);
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.35);
height: 8px;
}
/* End of delimiters */
/* Delimiters */
/* Simple delimiter */
.delimiter-type{
display: block;
clear: both;
height: 1px;
margin-bottom: 30px;
width: 100%;
}
/* Pointed delimiter */
.delimiter-type.pointed{
border-top: 1px dotted rgb(0,0,0);
border-top: 1px dotted rgba(0,0,0,0.11);
}
/* Doublepointed delimiter */
.delimiter-type.doublepointed{
border-top: 1px dotted rgb(0,0,0);
border-top: 1px dotted rgba(0,0,0,0.11);
border-bottom: 1px dotted rgb(0,0,0);
border-bottom: 1px dotted rgba(0,0,0,0.35);
height: 8px;
}
/* Line delimiter */
.delimiter-type.line{
border-top: 1px solid rgb(0,0,0);
border-top: 1px solid rgba(0,0,0,0.11);
}
/* Doubleline delimiter */
.delimiter-type.doubleline{
border-top: 1px solid rgb(0,0,0);
border-top: 1px solid rgba(0,0,0,0.11);
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.35);
height: 8px;
}
/* End of delimiters */
/* ---- Team style ---- */
.row.team-view article{
margin-bottom: 30px;
line-height: 0;
}
.team-view .featimg > .socialicons{
position: absolute;
bottom: 0;
padding: 5px 5px 0 5px;
width: 100%;
}
.team-view .featimg > .socialicons > ul.cosmo-social{
margin: 0;
padding: 0;
}
.team-view .featimg > .socialicons > ul.cosmo-social > li{
float: right;
padding-left: 5px;
}
.team-view article{
position: relative;
}
.team-view div.entry-content{
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.team-view .team-text-main > header{
border: 1px solid rgba(0,0,0,0.05);
}
article.team-text-main .featimg{
-webkit-transition: opacity .2s ease 0s;
-moz-transition: opacity .2s ease 0s;
-o-transition: opacity .2s ease 0s;
-ms-transition: opacity .2s ease 0s;
transition: opacity .2s ease 0s;
z-index: 5;
position: relative;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.team-view div.entry-content>ul{
position: absolute;
list-style-type: none;
margin: 0;
padding: 20% 10% 10% 10%;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.team-view div.entry-content ul>li.entry-content-name{
margin-bottom: 15px;
}
.team-view div.entry-content ul>li.entry-content-name h4{
font-size: 24px;
text-align: center;
word-wrap: break-word;
margin: 0;
color: inherit;
font-family: 'Lato', Helvetica, Arial, sans-serif;
letter-spacing: -0.3px;
font-weight: 300;
}
.team-view div.entry-content ul>li.entry-content-function{
font-size: 14px;
text-align: center;
color: #888;
}
/* Team view text main hover style */
.team-text-main:hover .featimg{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* End - Team view text main hover style */
/* ---- End of Team style ---- */
/* Filters */
ul.thumbs-splitter{
text-align: center;
margin-bottom: 0;
list-style-type: none;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
ul.thumbs-splitter > li:first-child{
padding-left: 0;
}
ul.thumbs-splitter > li {
display: inline-block;
line-height: 24px;
margin-bottom: 30px;
text-transform: uppercase;
font-size: 12px;
}
ul.thumbs-splitter > li > a{
color: #000;
display: block;
padding: 0px 10px;
font-weight: normal;
}
ul.thumbs-splitter > li > a.selected{
color: #DB2B1E;
}
/* End of Filters */
/* Tabbers */
.tabment ul.tabment-splitter{
margin-bottom: 30px;
list-style-type: none;
border-bottom: 1px solid #DB2B1E;
}
.tabment ul.tabment-splitter > li:first-child{
padding-left: 0;
}
.tabment ul.tabment-splitter > li {
display: inline-block;
line-height: 24px;
}
.tabment ul.tabment-splitter > li > a{
color: #000;
display: block;
padding: 2px 10px;
}
.tabment ul.tabment-splitter > li > a.selected{
color: #DB2B1E;
}
/* End of Tabbers */
/* Hide unwanted content */
.list-view article, .grid-view article, .thumb-view article{
overflow: hidden;
}
/* gallery single */
.gallery-single{
margin-bottom: 30px;
}
.gallery-single.portrait .featimg{
margin-left: -15px;
margin-top: -30px;
}
.gallery-title{
margin-bottom: 20px;
margin-top: 0;
}
.gallery-single .featimg img{
width: auto;
}
.gallery-single .featimg{
text-align: center;
}
/* ---- Single ---- */
.post-wrapper{
}
.post{
width: 100%;
color: #000;
}
.single #main >.featimg,
.page #main >.featimg {
margin-bottom: 30px;
position: relative;
line-height: 0;
max-height: 410px;
overflow: hidden;
text-align: center;
}
.single #main >.featimg.resized-img{
max-height: none;
}
/* .single #main >.featimg>.featmask{
position: absolute;
width: 140%;
height: 1000px;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
left: 0;
background: #FFF;
margin-top: -1400px;
}*/
.single #main >.featimg.video-post{
max-height: none;
height: auto;
}
.post .excerpt{
margin-bottom: 30px;
}
.post>.featimg img{
max-width: 100%;
width: 100%;
}
.post>.meta{
margin-bottom: 10px;
}
.post>.meta>ul.meta-list{
list-style-type: none;
margin: 0;
padding: 0;
}
.post>.meta>ul.meta-list>li{
display:inline-block;
}
.post>.meta>ul.meta-list>li.meta-likes-container{
margin-bottom: 4px;
margin-right: 4px;
}
.post>.meta>ul.meta-list>li.meta-post-type>a{
color: inherit;
position: relative;
background: black;
display: block;
}
.post>.meta>ul.meta-list>li.meta-post-type>a>i{
font-size: 19px;
display: block;
color: white;
line-height: 19px;
}
.post>.meta>ul.meta-list>li.meta-post-type>a>i:before{
line-height: 24px;
vertical-align: -8%;
padding: 0 3px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.post>.meta>ul.meta-list>li.meta-category>ul.meta-category-list{
list-style-type: none;
margin: 0;
padding: 0;
margin-right: 6px;
}
.post>.meta>ul.meta-list>li.meta-category>ul.meta-category-list>li{
display: inline-block;
margin-bottom: 4px;
}
.post>.meta>ul.meta-list>li.meta-category>ul.meta-category-list>li>a{
display: block;
text-transform: uppercase;
padding: 0 10px;
font-family: Helvetica;
font-size: 12px;
height: 24px;
line-height: 25px;
font-family: Arial, sans-serif;
}
.post>h1.post-title,
.single-gallery.mosaic h1.post-title,
.vertical-scroll h1.post-title
{
margin: 0 0 5px 0;
font-family: 'Lato',Helvetica, Arial, sans-serif;
font-weight: 300;
color: #444;
letter-spacing: -0.5px;
font-size: 32px;
color: inherit;
text-align: center;
}
.post.no-meta > h1.post-title{
margin: 0 0 30px 0;
}
.post>.meta-details{
margin-bottom: 30px;
clear: both;
text-align: center;
}
.post>.meta-details>ul.meta-details-list{
list-style-type: none;
margin: 0;
padding: 0;
color: #555;
font-family: 'Lato', Helvetica, sans-serif;
}
.post>.meta-details>ul.meta-details-list>li{
display: inline-block;
color: inherit;
padding-right:10px;
/*margin-right: 10px;
border-right: 1px solid #9c9c9c;*/
text-transform: uppercase;
font-size: 11px;
line-height: 12px;
margin-left: -4px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.post>.meta-details>ul.meta-details-list>li:before{
content: "- \00a0" ;
}
.post>.meta-details>ul.meta-details-list>li:first-child:before{
content: " "
}
.post>.meta-details>.meta-details-list>li i{
font-size: 14px;
}
.post>.meta-details>ul.meta-details-list>li:first-child{
padding-left: 0;
margin-left: 0;
}
.post>.meta-details>ul.meta-details-list>li:last-child{
border: 0;
}
.post>.meta-details>ul.meta-details-list>li > .meta-category-list{
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
font-size: inherit;
line-height: 1;
}
.post>.meta-details>ul.meta-details-list>li > .meta-category-list > li{
margin: 0;
padding: 0;
display: inline-block;
font-size: inherit;
}
.post>.meta-details>ul.meta-details-list>li > .meta-category-list > li:not(:last-child):after{
content: ', ';
}
.post>.meta-details>ul.meta-details-list>li>a{
color: inherit;
}
.post>.excerpt{
font-size: 14px;
font-family: Arial;
margin-bottom: 30px;
line-height: 24px;
color: inherit;
}
.post > .excerpt > div:last-child{
margin-bottom:0;
padding-bottom:0;
}
.post .attached-image-gallery{
}
.post .attached-image-gallery .attached-image-gallery-elem{
margin-bottom: 30px;
}
.post .attached-files{
margin-bottom: 30px;
}
.post .attached-files .attached-files-elem{
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.6);
padding: 20px 15px 10px 15px;
margin: 0 0 15px 0;
color: white;
}
.post .attached-files .attached-files-elem>a{
color: inherit;
}
.post .attached-files .attached-files-elem>a>.attached-files-elem-icon{
float:left;
padding: 0 15px 10px 0;
font-size: 24px;
margin-top: -4px;
}
.gallery-single.portrait .attached-files .attached-files-elem>a>.attached-files-elem-icon{
margin-top: -10px;
}
.post .attached-files .attached-files-elem>a>.attached-files-elem-title{
padding: 0 0 10px 0;
}
.single article.post .featimg {
line-height: 0;
text-align: center;
}
.single-gallery .meta-details{
width: 55%;
margin: 0 auto 20px auto;
}
.single-gallery .meta-details .meta-details-list{
list-style-type: none;
margin: 0;
padding: 0;
color: #888;
}
.single-gallery .meta-details .meta-details-list li{
font-size: 12px;
margin-bottom: 8px;
}
.single-gallery .meta-details .meta-details-list > li ul{
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
vertical-align: top;
}
.single-gallery .meta-details .meta-details-list li ul li{
margin-bottom: 0;
}
.single article.post .featimg .featbg { position: relative; max-width: 100%; display: block; }
.single-like-container{
text-align: center;
margin-top: -10px;
margin-bottom: 20px;
position: relative;
}
.single-like-container:before{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(71%,rgba(0,0,0,0.14)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
width: 40%;
top: 40%;
height: 1px;
left: 5%;
}
.single-like-container:after{
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.14) 29%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(29%,rgba(0,0,0,0.14)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
width: 40%;
top: 40%;
height: 1px;
right: 5%;
}
.single-gallery .single-like-container:after, .single-gallery .single-like-container:before{
width: 35%;
}
.single-like-container span.like em{
font-size: 32px;
display: block;
content: '';
}
.single-like-container span.like{
margin-bottom: 20px;
}
.single-like-container .like-count {
color: #666666;
font-family: 'Lato', Helvetica, sans-serif;
font-size: 18px;
font-weight: 300;
}
/* ---- END Single ---- */
/* ---------- End - Main Section ---------- */
/* ---------- Footer ---------- */
/* ---------- End - Footer ---------- */
/*.overview .relative img{
max-height: 100%;
width: auto;
float:left;
}
.overview .relative{
height: 100%;
width: auto;
}*/
/* ---------- Different Viewports Style ---------- */
/* > 1440px width */
@media only screen and (min-width: 1171px) and (max-width: 1441px){
.single #main >.featimg>.featmask{
margin-top: -1200px;
}
.main-container .hotkeys-meta .nav-next a:before{
right: 15px;
}
.main-container .hotkeys-meta .nav-previous a:before{
left: 15px;
}
}
@media only screen and (max-width: 1250px){
.hotkeys-meta{
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1440px){
body:nth-of-type(1) .masonry_elem.two.columns{
margin-left: -0.5px;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list{
margin: 10% auto 0 auto;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-title h2{
font-size: 16px;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-category{
margin: 0;
bottom: 0;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes em{
font-size: 16px;
}
.thumb-view .thumb-elem .thumb-elem-section ul.entry-content-list li.entry-content-meta span.meta-likes i{
font-size: 10px;
}
}
/* between 1170px and 1024px width */
@media only screen and (min-width: 1024px) and (max-width: 1170px){
.list-view article.list-medium-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-3{
display: none;
}
.single #main >.featimg>.featmask{
margin-top: -1400px;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.thumb-view div.entry-content ul > li.entry-content-title h4{
font-size: 16px;
}
.grid-view article.grid-elem > .entry-content > ul > li.entry-content-title h4{
font-size: 16px;
}
}
/* between 1024px and 768px width */
@media only screen and (min-width: 768px) and (max-width: 1023px){
.single #main >.featimg>.featmask{
display: none;
}
.hotkeys-meta{
display: none;
}
.thumb-view div.entry-content ul > li.entry-content-title h4{
font-size: 16px;
}
.grid-view article.grid-elem > .entry-content > ul > li.entry-content-title h4{
font-size: 16px;
}
.list-view article.list-medium-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-3{
display: none;
}
.sticky-menu-container{
display: none !important;
}
.list-view article.list-medium-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-3{
display: none;
}
.list-view article.list-medium-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-2{
display: none;
}
.list-view article.list-small-image .entry-content>ul>li.entry-content-date{
display: none;
}
.list-view article.list-medium-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-3{
display: none;
}
.list-view article.list-large-image .entry-content>ul>li.entry-content-excerpt>span.excerpt-3{
display: none;
}
.post>h2.post-title{
font-size: 32px;
}
}
/* <768px width */
@media only screen and (max-width: 767px){
.align-middle, .align-bottom{
margin: 0 !important;
}
.collapse-btn{
display: none;
}
.content-title:after{
display: block;
content: '';
position: absolute;
height: 3px;
width: 13%;
border-bottom: 2px dotted rgba(0,0,0,0.1);
top: 50%;
right: 0;
z-index: 1;
}
.content-title:before{
display: block;
content: '';
position: absolute;
height: 3px;
width: 13%;
border-bottom: 2px dotted rgba(0,0,0,0.1);
top: 50%;
left: 0;
z-index: 1;
}
.content-title span{
padding: 10px 15px 0 15px;
position: relative;
display: inline-block;
z-index: 2;
border-radius: 10px;
width: 74%;
}
.gallery-info{
display: none;
}
.single-gallery .entry-header{
margin-left: 0 !important;
}
.single #main >.featimg>.featmask{
display: none;
}
.hotkeys-meta{
display: none;
}
.search-container form fieldset input.button, .widget_search form fieldset input.button {
width: 90px;
}
.search-container form fieldset, .widget_search form fieldset{
padding-right:90px;
}
.list-view article.list-small-image .entry-content>ul{
padding: 25px 15px 25px 15px;
}
.sticky-menu-container{
display: none !important;
}
.list-view article.list-small-image .featimg .video-post>a>i, .list-view article.list-medium-image .featimg .video-post>a>i, .list-view article.list-large-image .featimg .video-post>a>i{
font-size: 120;
margin-top: -60px;
margin-left: -84px;
}
.post > .attached-files .attached-files-elem > a > .attached-files-elem-icon{
width: 100%;
text-align: center;
}
.post > .attached-files .attached-files-elem > a > .attached-files-elem-title{
width: 100%;
text-align: center;
color: inherit;
}
.testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > div.featimg img{
margin-bottom: 30px;
}
.post>h2.post-title{
font-size: 32px;
}
.small-device-nav{
display: block;
min-height: 50px;
top: 50%;
margin-top: -25px;
}
nav.main-menu ul li.logo{
display: inline-block;
}
nav.main-menu ul li{display: none;}
div.modal-menu nav.main-menu ul li{display: block;}
.main-container .wp-availability .wp-availability-month{
width: 100%;
}
.masonry.row .three, .filter-on.row .three{width:100% !important;}
.masonry.row .six, .filter-on.row .six{ width:100% !important; }
.masonry.row .two, .filter-on.row .two { width:100% !important; }
}
/* ---------- End - Different Viewports Style ---------- */
.thumb-view blockquote, .list-view blockquote, .grid-view blockquote, .mosaic-view blockquote{
margin-bottom: 0;
}
.mosaic-view .mosaic-hover-link{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left:0;
z-index: 99;
}
/* Masonry related styles */
.masonry .masonry_elem article{width:100%}
/* End - Masonry related styles */
.no-padding { padding: 0; }
.no_gutter > .columns{
padding: 0;
}
.row.no_gutter{
margin: 0 0 30px 0;
}
.full_width_row .row.no_gutter{
margin-bottom: 30px;
}
.no_gutter > .columns > .thumb-elem{
margin-bottom: 0;
}
/*for masonry we need to make columns a bit smaller*/
.masonry.row .three, .filter-on.row .three{width:24.78%;}
.masonry.row .six, .filter-on.row .six{ width: 49.79%; }
.masonry.row .two, .filter-on.row .two { width: 16.66567%; }
/*==================== Start: Recommended Isotope styles =======================*/
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* ===================End: Recommended Isotope styles =========================*/
/*==========================Loader=========================*/
#fountainG {
display: none;
height: 45px;
left: 40%;
margin-bottom: 30px;
position: relative;
width: 240px;
}
.fountainG{
position:absolute;
top:0;
background-color:#000000;
width:29px;
height:29px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:1.5s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-moz-border-radius:19px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-webkit-border-radius:19px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:1.5s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:19px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:1.5s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
-o-border-radius:19px;
animation-name:bounce_fountainG;
animation-duration:1.5s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
border-radius:19px;
}
#fountainG_1{
left:0;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}
#fountainG_2{
left:30px;
-moz-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-o-animation-delay:0.75s;
animation-delay:0.75s;
}
#fountainG_3{
left:60px;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}
#fountainG_4{
left:90px;
-moz-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-o-animation-delay:1.05s;
animation-delay:1.05s;
}
#fountainG_5{
left:120px;
-moz-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-o-animation-delay:1.2s;
animation-delay:1.2s;
}
#fountainG_6{
left:150px;
-moz-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-o-animation-delay:1.35s;
animation-delay:1.35s;
}
#fountainG_7{
left:180px;
-moz-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}
#fountainG_8{
left:210px;
-moz-animation-delay:1.65s;
-webkit-animation-delay:1.65s;
-ms-animation-delay:1.65s;
-o-animation-delay:1.65s;
animation-delay:1.65s;
}
@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:#000000;
}
100%{
-moz-transform:scale(.3);
background-color:#FFFFFF;
}
}
@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:#000000;
}
100%{
-webkit-transform:scale(.3);
background-color:#FFFFFF;
}
}
@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:#000000;
}
100%{
-ms-transform:scale(.3);
background-color:#FFFFFF;
}
}
@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:#000000;
}
100%{
-o-transform:scale(.3);
background-color:#FFFFFF;
}
}
@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:#000000;
}
100%{
transform:scale(.3);
background-color:#FFFFFF;
}
}
/*==========================End Loader=========================*/
/* No pages background style */
body.no_background_color .post, body.no_background_color .widget, body.no_background_color .post-item-page{
background: none !important;
}
body.no_background_color .post-item-page{
padding: 0;
}
body.no_background_color .post{
padding: 0;
}
body.no_background_color .post > .featimg {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
body.no_background_color .gallery-single.portrait .featimg{
margin-left: 0;
margin-top: 0;
}
body.no_background_color .widget{
padding: 0;
}
body.no_background_color .widget h5.widget-title{
margin: 0 0 10px 0;
}
body.no_background_color .widget ul.testimonials-carousel-nav{
bottom: 0;
right: 0;
}
/* End of No pages background style */
/* Short code contact form */
form.contactform input, .widget form.b_contact input{
height: 30px;
background: #FFF;
}
form.contactform textarea{
min-height: 130px;
background: #FFF;
}
form.contactform label{
font-size: 12px;
color: #888;
}
/* End of Short code contact form */
/* End of Short code contact form */
/*Start Audio player html5*/
.audio-player {
margin-bottom: 10px;
}
.audio-player > p {
margin: 0;
}
div.mejs-audio, audio{display: block; margin: 10px auto;}
div.mejs-audio {max-width: 100%; }
/*End Audio player html5 */
.addthis_button_facebook_like iframe.fb_iframe_widget_lift { z-index: 6; }
.mejs-video {margin: 30px auto;background: #dedede;}
@media only screen and (max-width: 767px){
.mejs-video , .mejs-video .mejs-layer, .mejs-video video{max-width: 100%;}
.mejs-audio{max-width: 100%;}
.sly .zoom-image {
display:none;
}
.vertical-scroll .zoom-image {
display:none;
}
}
/*---------------------------------scrollbar----------------------------------*/
.frame {
overflow: hidden;
}
.frame ul {
font-size: 50px;
height: 100%;
list-style: none outside none;
margin: 0;
padding: 0;
}
.frame ul li {
color: #DDDDDD;
cursor: move;
float: left;
height: 100%;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
}
/*.frame ul li img {
opacity: 0.6;
}
.frame ul li.active img {
opacity: 1;
}*/
.frame ul li.active {
color: #FFFFFF;
}
.frame ul li.relative img {
max-height: 100%;
max-width: none;
width: auto;
}
.frame ul li:hover .zoom-image {
opacity: 1;
}
.scrollbar {
background: none repeat scroll 0 0 #CCCCCC;
height: 5px;
line-height: 0;
}
.single-format-gallery .scrollbar{
height: 5px;
margin-top: -6px;
}
.scrollbar .handle {
background: #DB2B1E;
cursor: pointer;
height: 100%;
width: 100px;
}
.scrollbar .handle .mousearea {
height: 20px;
left: 0;
position: absolute;
top: -9px;
width: 100%;
}
.pages {
list-style: none outside none;
margin: 20px 0;
padding: 0;
text-align: center;
}
.pages li {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 4px;
overflow: hidden;
text-indent: -999px;
width: 14px;
}
.pages li:hover {
background: none repeat scroll 0 0 #AAAAAA;
}
.pages li.active {
background: none repeat scroll 0 0 #666666;
}
.controls {
width: 100%;
}
.controls .btn.prev, .controls .btn.next {
border-radius: 50% 50% 50% 50%;
cursor: pointer;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
margin-top: -20px;
}
.controls .btn.prev {
margin-left: 5px;
}
.controls .btn.next {
right: 5px;
}
.single-format-gallery .controls .btn.prev {
left: 0;
}
.oneperframe {
height: 300px;
line-height: 300px;
}
.oneperframe ul li {
width: 1140px;
}
.oneperframe ul li.active {
background: none repeat scroll 0 0 #333333;
}
.crazy ul li:nth-child(2n) {
margin: 0 4px 0 20px;
width: 100px;
}
.crazy ul li:nth-child(3n) {
margin: 0 10px 0 5px;
width: 300px;
}
.crazy ul li:nth-child(4n) {
margin: 0 30px 0 2px;
width: 400px;
}
.effects {
height: 200px;
line-height: 200px;
perspective: 800px;
perspective-origin: 50% 50%;
}
.effects ul {
transform-style: preserve-3d;
}
.effects ul li {
margin: 0 -20px;
position: relative;
transform: rotateY(60deg) scale(0.9);
transition: transform 300ms ease-out 0s;
}
.effects ul li.active {
transform: scale(1);
z-index: 10;
}
.effects ul li.active ~ li {
transform: rotateY(-60deg) scale(0.9);
}
/*---------------------------------EOF scrollbar----------------------------------*/
.hotkeys-meta{
max-width: 1400px;
position: relative;
margin: 0 auto;
}
.hotkeys-meta .nav-next a:before, .hotkeys-meta .nav-previous a:before{
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
-ms-transition: color .2s linear;
transition: color .2s linear;
margin-top: 30px;
text-shadow: -1px 1px 1px #FFF;
}
.hotkeys-meta .nav-next a.fixed:before,
.hotkeys-meta .nav-previous a.fixed:before{
position: fixed;
top: 50px;
}
.hotkeys-meta .nav-next a.absbottom:before,
.hotkeys-meta .nav-previous a.absbottom:before{
bottom: 20px;
position: absolute;
top: auto;
}
.hotkeys-meta .nav-next a:before{
display: block;
position: absolute;
right: 0;
top: 73px;
content: '\e75e';
font-family: 'fontello';
font-style: normal;
font-weight: normal;
color: rgba(0,0,0,0.08);
font-size: 50px;
line-height: 0;
}
.hotkeys-meta .nav-previous a:before{
display: block;
position: absolute;
left: 0;
top: 72px;
content: '\e75e';
font-family: 'fontello';
font-style: normal;
font-weight: normal;
color: rgba(0,0,0,0.08);
font-size: 50px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
line-height: 0;
}
.hotkeys-meta .nav-previous a:hover:before, .hotkeys-meta .nav-next a:hover:before{
color: #DB2B1E;
}
p.copyright{
color: #444;
font-size: 11px;
text-transform: uppercase;
line-height: 40px;
}
p.copyright a{
}
/*================ Gallery ==============*/
.gallery-info {
left: 0;
position: absolute;
top: 0;
width: 300px;
padding: 0 30px;
overflow-y: auto;
height: 100%;
}
.protected-gallery .single-like-container,
.protected-gallery .meta-details{
display: none;
}
.protected-gallery .password-center{
text-align: center;
}
.protected-gallery .password-center .icon-password{
font-size: 140px;
color: #f2f2f2;
}
.gallery-info .content > p {
font-family: 'Lato', Helvetica, sans-serif;
font-size: 13px;
color: #444;
}
.gallery-info h1.post-title {
text-align: center;
margin: 0 0 30px;
font-size: 26px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: -0.3px;
}
.single-gallery .main-container{ opacity: 0; }
.single-gallery .entry-header {
margin-left: 300px;
}
.single-gallery .no-gallery-sidebar .entry-header {
margin-left: 0;
}
.collapse-btn {
background: #f2f2f2;
color: #888;
bottom: 30px;
height: 30px;
left: 75px;
line-height: 30px;
position: absolute;
text-align: right;
width: 150px;
z-index: 99;
cursor: pointer;
}
.collapse-btn > span {
margin-right: 15px;
}
.single-gallery.sly{
overflow: hidden;
}
.gallery-info .hotkeys-meta {
width: 60%;
margin-top: 30px;
text-align: center;
}
.gallery-info .hotkeys-meta > span {
display: inline-block;
width: 28px;
height: 22px;
line-height: 22px;
background: #f2f2f2;
color: #888;
margin-left: 5px;
font-size: 12px;
}
.gallery-info .hotkeys-meta > span a {
vertical-align: middle;
}
.gallery-info .hotkeys-meta > span:first-child {
margin-left: 0;
}
.main-container .wp-availability-month{
padding: 3px;
margin: 0;
width: 25%;
border: 0;
}
.main-container .wp-availability-month > table{
width: 100%;
margin: 0;
}
.main-container .wp-availability-month table tbody td{
border: 0;
}
.main-container .wp-availability-month table tbody tr:nth-child(odd){
background: #f9f9f9;
}
.main-container .wp-availability-month table tbody tr:nth-child(even),
.main-container .wp-availability-month table tbody tr:nth-child(even) td{
}
.main-container .wp-availability-month table thead th{
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
color: black;
background:white;
}
#availability_year{
width: 100px;
}
.align-middle, .align-bottom{
-webkit-transition: margin-top .5s ease-in-o;
-moz-transition: margin-top .5s ease-in;
-o-transition: margin-top .5s ease-in;
-ms-transition: margin-top .5s ease-in;
transition: margin-top .5s ease-in;
}
.entry-header.noimages h3{width: 100% !important;}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.header-collapser{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
z-index: 9999;
background: #FFF;
display: none;
}
.header-collapser.animated{
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 5;
-moz-animation-iteration-count: 5;
-ms-animation-iteration-count: 5;
-o-animation-iteration-count: 5;
animation-iteration-count: 5;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
backface-visibility: hidden;
}
@media only screen and (max-width : 767px){
.header-collapser{
display: block;
}
}
.password-protected-content{
width: 300px;
margin: 30px auto 0 auto;
font-size: 14px;
color: #444;
z-index: 99;
position: relative;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.password-protected-content label{
color: #9099A3;
font-size: 11px;
text-transform: uppercase;
}
.password-protected-content input, .password-protected-content input:focus, .password-protected-content input:active{
height: 35px;
line-height: 35px;
border: 1px solid rgba(0,0,0,0.05);
background: #FFF;
}
.password-protected-content input[type="submit"]{
background: #FCFCFC;
border: 1px solid rgba(0,0,0,0.08);
font-size: 14px;
color: #9099A3;
padding: 0 15px;
box-shadow: inset 0 0 2px rgba(255,255,255,0.2);
cursor: pointer;
}
.password-protected-content input[type="submit"]:hover{
border: 1px solid rgba(0,0,0,0.12);
}
.single-format-gallery .frame{
height: 410px;
}
#main.folio #galleria{overflow: hidden;}
#main.folio .no-gallery-sidebar #galleria, #main.clasic .no-gallery-sidebar #galleria, #main.image_flow .no-gallery-sidebar #cosmoImageFlow {
margin-left: 0;
}
#instagram_widget li {
margin-bottom: 3%!important;
border-bottom: 0px;
float: left;
margin-right: 5%;
width: 30%;
margin-top: 0px;
padding-bottom: 0px;
line-height: 14px;
}
#instagram_widget .widget-delimiter {
display: none;
}
#instagram_widget li:nth-of-type(3n) {
margin-right: 0px;
clear: right;
}
#instagram_widget li {
margin-bottom: 3%!important;
border-bottom: 0px;
float: left;
margin-right: 5%;
width: 30%;
margin-top: 0px;
padding-bottom: 0px;
line-height: 14px;
}
#instagram_widget .widget-delimiter {
display: none;
}
#instagram_widget li:nth-of-type(3n) {
margin-right: 0px;
clear: right;
}
/*adding a stage height for classic gallery*/
body.single-gallery.clasic .galleria-container.touch {
min-height: 320px;
}
body.single-gallery.clasic .galleria-container {
min-height: 320px;
}
.single-gallery.mosaic .meta-details .meta-details-list,
.single-gallery.vertical-scroll .meta-details .meta-details-list
{
display: block;
text-align: center;
}
.single-gallery.mosaic .meta-details .meta-details-list li,
.single-gallery.vertical-scroll .meta-details .meta-details-list li
{
display: inline-block;
}
.single-gallery.mosaic .content,
.single-gallery.vertical-scroll .content
{
margin-bottom: 30px;
clear: both;
}
.single-gallery .mosaic .meta-details .meta-details-list > li ul,
.single-gallery.vertical-scroll .meta-details .meta-details-list > li ul
{
position: relative;
top: -3px;
}
.single-gallery .mosaic .meta-details .meta-details-list > li ul>li:before,
.single-gallery.vertical-scroll .meta-details .meta-details-list > li ul>li:before
{
content: "- \00a0" ;
}
.single-gallery .mosaic .meta-details .meta-details-list > li ul>li:first-child:before,
.single-gallery.vertical-scroll .meta-details .meta-details-list > li ul>li:first-child:before
{
content: " "
}
.single-post .excerpt a {
color:#DB2B1E;
}
.single-post .excerpt a:hover {
text-decoration: underline;
}
/*we'll hide, from now on, header and footer, on single galleries, on opening, by default. Use right-arrow to show them.
That will also solve the "Gallery cannot load images" issue
*/
@media only screen and (max-width: 767px){
.single.single-gallery #header-container,
.single.single-gallery footer#colophon
{
display:none;
}
}
/*fix for masonry and animation*/
.grid-view .masonry .grid-elem header.grid-elem-header .featimg img {
display:none;
}
.grid-view .masonry .grid-elem header.grid-elem-header .featimg img.the-thumb {
height: auto;
position: relative!important;
top: 0%;
display:block;
}
.grid-view .masonry .grid-elem:not(.hovermove) header.grid-elem-header .featimg img.the-thumb {
width: 100%;
height: auto;
position: relative!important;
top: 0%;
left: 0%;
display:block;
}
.thumb-view .thumb-elem:not(.hovermove) header.thumb-elem-header .featimg img.the-thumb {
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.hotkeys-meta {
z-index: 10;
}
.modal-menu ul li ul.children {padding-left:30px;}
.fb-comments, .fb-comments iframe[style],
.fb_iframe_widget > span[style],
.fb_iframe_widget > span[style] > iframe[style],
.fb_iframe_widget,
.fb_iframe_widget > span[style] > iframe ._li > div > div
{
width: 100% !important;
}
/* Pretty Photo fix for Chrome*/
div.pp_overlay {
background: #000!important;
left: 0!important;
position: absolute!important;
top: 0!important;
width: 100%!important;
height: 100%!important;
display:block!important;
z-index: 9500!important;
opacity: 0.8!important;
}
.relative .sly-caption {
position: absolute;
top: 0;
left: 5px;
background: rgba(0,0,0,0.5);
padding: 0px 5px 0px 5px;
}
/*accordion responsive fix*/
h2.cosmo-acc-trigger {
height: auto;
min-height: 39px;
position: relative;
}
h2.cosmo-acc-trigger a {height: auto; background: none;}
h2.cosmo-acc-trigger a:before {
content: '';
border: 6px solid transparent;
border-left: 8px solid #9c9c9c;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
margin-left: 17px;
}
h2.cosmo-acc-trigger.active a:before {
content: '';
border: 6px solid transparent;
border-top: 8px solid #9c9c9c;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
margin-left: 14px;
}
/* vertical slider */
.vertical-gallery.columns {
width: 100%;
}
.vertical-gallery .verticalslider img{
position: relative;
width: auto;
float: none;
max-width: 100%;
display: block;
margin: auto;
}
.vertical-gallery .verticalslider {
position: relative;
width: 100%;
height: auto;
line-height: 0;
text-align: center;
}
.vertical-gallery.columns, .vertical-gallery .verticalslider, .vertical-gallery .image-container {
max-width: 100%;
}
.vertical-scroll .single-like-container {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
.vertical-scroll .vertical-image {
position: relative;
width: 100%;
}
.vertical-scroll .vertical-image:hover .zoom-image {
opacity: 1;
}
body.vertical-scroll {
height: auto;
}
.verticalslider div.image-container {
display: inline-block;
position: relative;
}
/*
** Here is starting styling for black version hhh...
*/
.black_version {
background-color: #000;
color: #fff;
}
.black_version ul.thumbs-splitter > li > a {
color: #fff;
}
.black_version .content-title {
color: #d1d1d1;
}
.black_version .carousel-wrapper ul.carousel-nav > li {
background-color: #1D1D1D;
}
.black_version p.copyright {
color: #A7A7A7;
}
.black_version .socialicons>ul.cosmo-social>li>a {
background-color: #1D1D1D;
}
.black_version .content-title:before {
border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
}
.black_version .content-title:after {
border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
}
.black_version .single-like-container:before {
background: -moz-linear-gradient(right, rgba(255,255,255,255) 0%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(255,255,255,255)), color-stop(71%,rgba(0,0,0,0.14)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to left, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* W3C */
}
.black_version .single-like-container:after {
background: -moz-linear-gradient(left, rgba(255,255,255,255) 0%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,255)), color-stop(71%,rgba(0,0,0,0.14)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,255) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%); /* W3C */
}
.black_version .widget h5.widget-title {
color: #D1D1D1;
}
.black_version header #header-container .sticky-menu-container {
color: #FFF;
background: #000;
}
.black_version nav.main-menu > ul > li:before {
border-top: 4px solid rgba(255,255,255,0.2);
}
.black_version .widget input[type="submit"] {
color: #D1D1D1;
}
.black_version .search-container form fieldset input.input, .black_version .searchbar form fieldset input.input, .black_version .widget_search form fieldset input.input {
border: 1px solid rgba(255, 255, 255, 0.2);
}
.black_version .search-container form fieldset input.input:focus, .black_version .widget_search form fieldset input.input:focus {
border: 1px solid rgba(255, 255, 255, 0.4);
}
.black_version input[type="submit"], .black_version button, .black_version input[type="button"], .black_version input[type="submit"]:hover, .black_version button:hover, .black_version input[type="button"]:hover {
box-shadow: none;
}
.black_version .search-container form fieldset input.button, .black_version .widget_search form fieldset input.button, .black_version .searchbar form fieldset input.button, .black_version .widget_search form fieldset input.button:hover {
color: #D1D1D1;
}
.black_version .widget_recent_entries > ul > li, .black_version .widget_calendar > ul > li, .black_version .widget_archive > ul > li, .black_version .widget_categories > ul > li, .black_version .widget_meta > ul > li, .black_version .widget_recent_comments > ul > li, .black_version .widget_pages > ul > li, .black_version .widget_tag_cloud > ul > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.black_version .widget h5.widget-title:before {
border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
}
.black_version .widget h5.widget-title:after {
border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
}
.black_version .post>h1.post-title, .black_version .single-gallery.mosaic h1.post-title, .black_version .vertical-scroll h1.post-title {
color: #fff;
}
.black_version .single-like-container .like-count {
color: #aaa;
}
.black_version .gallery-info .content > p {
color: #aaa;
}
.black_version .gallery-info .hotkeys-meta > span {
background-color: #1d1d1d;
}
.black_version .collapse-btn {
background-color: #1d1d1d;
}
.black_version .post>.excerpt {
color: #fff;
}
.black_version .post>.meta-details>ul.meta-details-list>li {
color: #d1d1d1;
}
.black_version pre, code {
border: 1px solid rgba(255,255,255,0.5);
background-color: #1d1d1d;
}
.black_version .related-title {
color: #d1d1d1;
}
.black_version #reply-title, .black_version #comments-title, .black_version .related-title {
color: #d1d1d1;
}
.black_version .tabs-container a.tag {
border: 1px solid #1d1d1d;
}
.black_version #respond textarea, .black_version #respond input {
border: 1px solid #d1d1d1;
color: #d1d1d1;
background-color: #1d1d1d;
}
.black_version form#commentform {
color: white;
}
.black_version input[type="submit"], .black_version button, .black_version input[type="button"], .black_version input[type="submit"]:hover, .black_version button:hover, .black_version input[type="button"]:hover {
background-color: #1d1d1d;
color: #d1d1d1;
border: 1px solid #1d1d1d;
}
.black_version .contact-form form.contactform input, .black_version .widget form.b_contact input {
background-color: #1d1d1d;
color: #d1d1d1;
border: 1px solid #d1d1d1;
}
.black_version .contact-form form.contactform textarea {
background-color: #1d1d1d;
color: #d1d1d1;
border: 1px solid #d1d1d1;
}
.black_version .contact-form form.contactform label {
color: #d1d1d1;
}
.black_version p.submit input[type="submit"], .black_version p.submit input[type="button"], .black_version .inp_button {
background: #1d1d1d;
box-shadow: none;
-web-kit-box-shadow: none;
}
.black_version #reply-title:before, .black_version #comments-title:before, .black_version .related-title:before {
border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
}
.black_version #reply-title:after, .black_version #comments-title:after, .black_version .related-title:after {
border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
}
.black_version .mejs-container .mejs-controls {
background-color: #1d1d1d;
}
.thumb-view .thumb-elem .thumb-elem-section{
color: white;
-webkit-box-shadow: inset 0px 0px 45px 0px rgba(255, 255, 255, 0.45);
box-shadow: inset 0px 0px 45px 0px rgba(255, 255, 255, 0.45);
background-color: rgba(0,0,0,0.4);
}
.black_version table {
background: #000;
}
/* DARK VERSION MENU */
.black_version .sf-menu li li a:hover{
color: #DB2B1E;
}
.black_version .sf-menu li li {
background: rgb(0,0,0);
background: rgba(0,0,0,0.95);
color: #fff;
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(255,255,255,0.4);
border-left: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4);
}
.black_version .sf-menu li li:first-child {
border-top: 1px solid rgba(255,255,255,0.4);
}
.black_version .sf-menu li li li {
background: rgb(0,0,0);
background: rgba(0,0,0,0.95);
color: #fff;
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(255,255,255,0.4);
}
.black_version .sf-menu li li ul {
border-left: 1px solid rgb(0,0,0);;
border-left: 1px solid rgba(255,255,255,0.1);
}
/* END of MENU */
.black_version .grid-view .grid-elem{
background-color: black;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.4);
}
.black_version .grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price ins,
.black_version .grid-view .grid-elem .grid-elem-section ul.entry-content-list li.entry-content-price {
color: #D6DFE9;
}
.black_version .list-view .list-elem {
background-color: #000;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.4);
}
.black_version .list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-title h2,
.black_version .list-view .list-elem .list-elem-section ul.entry-content-list li.entry-content-excerpt
{
color: white;
}
.black_version .list-view .list-elem header.list-elem-header .hover-effect{
color: black;
-webkit-box-shadow: inset 0px 0px 45px 0px rgba(255, 255, 255, 0.45);
box-shadow: inset 0px 0px 45px 0px rgba(255, 255, 255, 0.45);
background-color: rgba(255, 255, 255,0.4);
}
.black_version .search-container form fieldset input.button,
.black_version .widget_search form fieldset input.button,
.black_version .searchbar form fieldset input.button,
.black_version .widget_search form fieldset input.button:hover {
background-color: rgba(255, 255, 255, 0.6);
}
.black_version table thead tr th, .black_version table tfoot tr td {
color: white;
}
.black_version .sf-menu > li:hover > ul:before, .black_version .sf-menu > li.sfHover > ul:before {
border-bottom: 6px solid rgba(255,255,255,0.4);
}
.black_version .tabment-view .tabment .tabment-tabs > li a {
color: white;
}
.black_version .testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content-excerpt,
.black_version .widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content-excerpt,
.black_version .testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-function,
.black_version .widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-function,
.black_version .testimonials-list li.entry-content-function,
.black_version .testimonials-view article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-name h4,
.black_version .widget article.testimonials-elem > .testimonials-elem-wrapper > .entry-content > ul.entry-content-list > li.entry-content-name h4,
.black_version .testimonials-list li.entry-content-name h4
{
color: white;
}
.black_version .post{
color: white;
}
body.single-gallery.vertical-scroll .main-container {
opacity: 1;
}
/*
DEFAULT WORDPRESS GALLERY STYLING
*/
dl.gallery-item a {
display: block;
line-height: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
dl.gallery-item a:hover {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
-webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
dl.gallery-item a img {
width: 100%;
height: auto;
}
dl.gallery-item {
padding-left: 5px;
padding-right: 5px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**/
.sly .video-container {
padding-left: 56.25%;
padding-right: 30px;
height: 100%;
overflow: hidden;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
}
.sly .video-container iframe,
.sly .video-container object,
.sly .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-gallery .custom-link, .single-gallery .custom-link a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
}
.single-gallery .custom-link .icon-link {
width: 100%;
height: 100%;
text-align: center;
position: absolute;
opacity: 0;
background-color: transparent;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.single-gallery .custom-link:hover .icon-link {
opacity: 1;
background-color: rgba(255, 255, 255, 0.7);
}
.single-gallery .custom-link .icon-link:before {
top: 50%;
width: 100%;
left: 0;
position: absolute;
margin-top: -25px;
font-size: 50px;
color: black;
}
.single-gallery.sly .frame ul li {
overflow: hidden;
}
.collapse-btn.collapsed {
margin-left: -60px;
}
.single-gallery .entry-header {
z-index: 11;
position: relative;
}
.slideshow-gal-full {
display: none;
}
.slideshow-gal-full {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
background: black;
}
.slideshow-gal-full .mc-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.single-gallery.sly #show-gal-slideshow {
position: absolute;
margin-top: -24px;
right: 50%;
top: -13px;
}
#show-gal-slideshow {
background: rgba(255,255,255,1);
z-index: 10;
font-size: 16px;
font-family: Lato;
cursor: pointer;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#show-gal-slideshow:hover {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: 1;
}
#show-gal-slideshow:before {
font-size: 40px;
color: white;
margin-left: 5px;
margin-top: 2px;
}
#show-gal-slideshow {
border-radius: 50%;
border: 3px solid white;
height: 50px;
width: 50px;
text-align: center;
}
.single-gallery.sly .entry-header {
overflow: hidden;
}
.single-gallery.sly #show-gal-slideshow:hover {
top: 24px;
}
.animated {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.next-slide-image, .prev-slide-image, .slide-close, .slide-playpause {
color: white;
z-index: 1000;
position: absolute;
font-size: 30px;
cursor: pointer;
opacity: 0.7
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slide-playpause.icon-pause:before {
font-weight: 700;
padding-top: 2px;
}
.slide-playpause {
right: 50px;
top: 10px;
}
.slide-close {
top: 10px;
right: 10px;
}
.next-slide-image {
right: 0;
top: 50%;
margin-top: -15px;
}
.prev-slide-image {
left: 0;
top: 50%;
margin-top: -15px;
}
div.mc-image {
/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
If you are using fading transitions, use 'opacity: */
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
/*If you are using horizontal slide transitions, use the following CSS:
-webkit-transition: left 1s ease-in-out;
-moz-transition: left 1s ease-in-out;
-o-transition: left 1s ease-in-out;
transition: left 1s ease-in-out;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center center;
background-repeat:no-repeat;
height:100%;
overflow:hidden;
width:100%;
}
.mc-old-browser .mc-image {
overflow: hidden;
}
.single-gallery #show-gal-slideshow:before {
color: black;
}
.single-gallery #show-gal-slideshow {
position: absolute;
top: 10px;
left: calc(50% + 150px);
border: solid black;
margin-left: -25px;
z-index: 100;
}
.single-gallery .no-gallery-sidebar #show-gal-slideshow {
position: absolute;
top: 10px;
left: 50%;
border: solid black;
margin-left: -25px;
}
.single-gallery.folio #show-gal-slideshow:before {
/*color: black;*/
}
.single-gallery.folio #show-gal-slideshow {
position: absolute;
top: 10px;
left: calc(50% + 150px);
/*border: solid black;*/
margin-left: -25px;
}
.single-gallery.folio .no-gallery-sidebar #show-gal-slideshow {
position: absolute;
top: 10px;
left: 50%;
/*border: solid black;*/
margin-left: -25px;
}
.mosaic-view.gallery-mosaic-view {
position: relative;
}
.single-gallery.mosaic #show-gal-slideshow,
.single-gallery.vertical-scroll #show-gal-slideshow
{
position: relative;
margin: auto;
left: initial;
top: initial;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px){
.slide-playpause {
left: 50px;
}
.slide-close {
left: 10px;
}
.sly #show-gal-slideshow {
left: 4px;
top: 30px;
height: 40px;
width: 40px;
}
.sly #show-gal-slideshow:before {
font-size: 30px;
}
.single-gallery #show-gal-slideshow {
left: 50%;
}
.single.single-gallery.folio #show-gal-slideshow {
left: 50%;
}
}
.single-gallery.vertical-scroll .single-gallery-bottom, .single-gallery.folio .single-gallery-bottom,
.single-gallery.clasic .single-gallery-bottom
{
margin-top: 30px;
}