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; } #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; }