/*
Theme Name: Primered
Theme URI: jellywp.com/theme/primered/demo/
Description: WordPress Blog Magazine Theme
Author: Jellywp
Author URI: https://themeforest.net/user/jellywp
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: two-columns
Text Domain: primered
*/
/*-------------------------------------------------------------------------------------
} + CSS Reset
+ Header slider and carousel post
+ Menu and megamenu
+ Header (Mobile Menu, Top-search, Main Menu Menu)
+ Blog large layout with sidebar (Feature-two-column, Three columns, Tab, Image feature, Pagination, widget)
+ woocommerce
+ Audio player
+ Justified Gallery
+ Animation CSS
+ Go to top
+ Magnific Popup CSS
+ Footer
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
CSS Reset
-------------------------------------------------------------------------------------*/
.container{
width: 100%;
max-width: 1300px;
}
.demo_view_display_link{
float: left;
width: 100%;
padding: 0px;
margin: 0px;
margin-bottom: 40px;
}
.demo_view_display_link ul{
padding: 0px;
margin: 0px;
}
.demo_view_display_link li{
list-style: none;
}
.demo_view_display_link .demo_carousel_link_title{
width: 33.33333333%;
float: left;
padding-right: 15px;
padding-left: 15px;
}
.demo_view_display_link .demo_carousel_link_title strong{
padding: 0px !important;
float: left;
width: 100%;
background: #b10d0d;
color: #fff;
height: 40px;
line-height: 40px;
margin-bottom: 10px !important;
text-align: center;
border-radius: 40px;
}
.demo_view_display_link a{
padding: 0px !important;
float: left;
width: 100%;
background: #222;
color: #fff;
height: 40px;
line-height: 40px;
margin-bottom: 10px !important;
text-align: center;
border-radius: 40px;
}
.demo_view_display_link a:hover{
background: #11b99e !important;
text-decoration: none !important;
color: #fff !important;
}
body {
font-family: Arial, Helvetica, sans-serif;
overflow-x: hidden;
width: 100%;
}
html, body {
-moz-osx-font-smoothing: grayscale;
}
body,
p {
font-size: 15px;
line-height: 1.7;
font-weight: 400;
color: #555;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
font-weight: 700;
color: #000;
letter-spacing: -0.03em;
} ::selection {
background-color: #ff3400;
color: #FFF;
}
blockquote.quote_content {
border-left: 3px solid;
border-color: #ddd;
padding: 0 18px;
font-size: 18px;
line-height: 28px;
font-style: italic;
color: #888;
}
blockquote{
font-style: italic;
border-left: 3px solid #000000;
}
blockquote p{
font-size: 18px;
font-family: Georgia !important;
font-weight: bold;
}
table{
width: 100%;
margin-bottom: 20px;
}
#gallery-1 img{
border: 0px !important;
}
.dropcap_style{
font-size: 60px;
line-height: 73px;
float: left;
padding: 5px 10px;
text-align: center;
display: block;
background-color: #0D1217;
color: #fff;
margin: 8px 15px 0 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a:hover {
text-decoration: underline !important;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
footer .widget ul {
float: left;
padding: 0px;
}
.flickr_badge_image {
float: left;
margin-right: 1.81818%;
margin-bottom: 1.81818%;
width: 32.12121%;
}
.admin-bar .menu_sticky.stick{ top: 32px !important;}
#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9, #flickr_badge_image12, #flickr_badge_image15, #flickr_badge_image18{
margin-right: 0px;
}
.flickr_badge_image img{
width: 100%;
}
#sidebar select {
width: 90%;
}
.wp-caption.alignnone {
width: 100% !important;
}
.wp-caption {
max-width: 96%;
margin-bottom: 20px;
padding: 0px;
background: none;
font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
color: #000;
font-style: italic;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 16px;
font-style: italic;
color: #888;
line-height: 17px;
margin: 8px 0 0;
}
.wp-caption-text {} .gallery-caption {} .bypostauthor {} a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.alignleft {
display: block;
float: left;
margin: 5px 20px 20px 0;
}
.alignright {
display: block;
float: right;
margin: 5px 0 20px 20px;
}
.aligncenter {
display: block;
margin: auto;
}
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.page_error_404 {
text-align: center;
margin-bottom: 150px;
}
.page_error_404 h1 {
font-size: 240px;
line-height: 1.2;
font-weight: 600;
color: #222;
}
.grid_no_margin {
margin-top: -30px;
}
.jp-type-playlist {
opacity: 0.7;
}
.breadcrumbs_options{
font-size: 12px;
color: #555;
font-weight: 400;
float: left;
width: 100%;
text-transform: none;
letter-spacing: 0px;
margin-bottom: 5px;
}
.breadcrumbs_options a{
color: #555 !important;
}
.breadcrumbs_options i{
margin: 0px 5px;
}
.breadcrumbs_options a:hover{
color: #ff3400;
text-decoration: none !important;
}
.main_content {
margin-bottom: 0px !important;
}
.content_single_page {
margin-bottom: 50px !important;
float: left;
width: 100%;
}
.content_single_page.type-page .single_section_comment{
margin-top: 30px;
}
.content_single_page.type-page .single_section_comment a{
color: #222;
}
.content_single_page.type-page .single_section_comment{}
.content_single_page .image-post-thumb {
margin-bottom: 20px;
}
.content_single_page a,
.content_single_page a:hover {
color: #ff3400;
}
.page-full {
padding-bottom: 20px;
}
.content_page_padding {
margin-bottom: 50px !important;
width: 100%;
display: inline-block;
vertical-align: top;
}
.assistive-text.section-heading{
float: left;
width: 100%;
font-size: 20px;
margin: 0px;
line-height: 40px;
}
#comment-nav-below{
float: left;
width: 100%;
}
#comment-nav-below .nav-previous{
float: left;
margin: 10px 0px 2px 0px;
}
#comment-nav-below .nav-next{
float: right;
margin: 10px 0px 2px 0px;
}
/*-------------------------------------------------------------------------------------
font
-------------------------------------------------------------------------------------*/
#mainmenu li > a,
.header_layout_style3_custom .navigation_wrapper > ul > li > a, .header_magazine_full_screen .navigation_wrapper .jl_main_menu > li > a,
body, p, .date_post_large_display, #search_block_top #search_query_top, .tagcloud a, .format-quote a p.quote_source,
.footer_carousel .meta-comment ,.item_slide_caption h1 a, .tickerfloat, .box-1 .inside h3, .detailholder.medium h3, .feature-post-list .feature-post-title, .widget-title h2, .image-post-title, .grid.caption_header h3, ul.tabs li a, h1, h2, h3, h4, h5, h6, .carousel_title, .postnav a, .format-aside a p.aside_title, .date_post_large_display, .social-count-plus span,
.sf-top-menu li a, .large_continue_reading span, #commentform #submit, .wpcf7-form-control.wpcf7-submit, .meta-category-small a, .banner-container .meta-category-small a, .meta-category-small-builder a, .full-slider-wrapper .banner-carousel-item .banner-container .more_btn a, .single-item-slider .banner-carousel-item .banner-container .more_btn a,
.item_slide_caption .post-meta.meta-main-img, .post-meta.meta-main-img, .post-meta-bot-in, .post-meta span, .single-post-meta-wrapper span, .comment time, .comment-meta .comment-author-name, .post_large_footer_meta, .blog_large_post_style .large_post_content .jelly_read_more_wrapper a, .love_post_view_header a, .header_date_display,
.blog_large_post_style .large_post_content .jelly_read_more_wrapper a, .blog_grid_post_style .jelly_read_more_wrapper a, .blog_list_post_style .jelly_read_more_wrapper a{font-family: 'Poppins';} /*
JL custom menu
*/
.jl_menu_side_gradient.header-wraper.jl_top_header{
background: -moz-linear-gradient(45deg, rgb(44, 215, 215) 0%, rgb(0, 63, 212) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgb(44, 215, 215)), color-stop(100%, rgb(0, 63, 212))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgb(44, 215, 215) 0%, rgb(0, 63, 212) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgb(44, 215, 215) 0%, rgb(0, 63, 212) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgb(44, 215, 215) 0%, rgb(0, 63, 212) 100%); /* ie10+ */
background: linear-gradient(45deg, rgb(44, 215, 215) 0%, rgb(0, 63, 212) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cd7d7', endColorstr='#ff3400',GradientType=1 ); /* ie6-9 */
}
.jl_menu_side_gradient.header-wraper.jl_top_header .navigation_wrapper > ul > li > a, .jl_menu_side_gradient .jl_menu_footer .jl_menu_copyright, .jl_menu_side_gradient .jl_menu_footer .jl_social_icon_header_top li a{ color: #fff;}
.jl_menu_side_white.header-wraper.jl_top_header{
background: #fff;
}
.jl_menu_side_white.header-wraper.jl_top_header .navigation_wrapper > ul > li > a, .jl_menu_side_white .jl_menu_footer .jl_menu_copyright, .jl_menu_side_white .jl_menu_footer .jl_social_icon_header_top li a{ color: #000;}
.jl_audio_blank{
display: none;
}
/*-------------------------------------------------------------------------------------
black sections
-------------------------------------------------------------------------------------*/
.jl_header_top_feaure_post{
float: left;
width: 100%;
padding: 50px 0px;
background: #f3f3f3;
border-bottom: 1px solid #e8e8e8;
}
.jl_header_top_feaure_post .row{
margin-bottom: 0px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_image{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
background-size: cover;
opacity: 1;
backface-visibility: hidden;
background-position: 50% center;
-webkit-transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
-webkit-transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out,0.5s -webkit-transform ease-in-out;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_grid_post{
margin-bottom: 0px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item{
position: relative;
float: left;
width: 100%;
padding-bottom: 70%;
overflow: hidden;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .link_grid_header_absolute{
background: #000;
opacity: 0.3;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item:hover .link_grid_header_absolute{
opacity: 0.5;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption{
position: absolute;
top: 20px;
left: 20px;
right: 20px;
z-index: 2;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption .meta-category-small{
float: left;
width: 100%;
margin-bottom: 10px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption .meta-category-small a{
margin: 0px !important;
margin-right: 5px !important;
float: left !important;
background: #000;
background-color: rgba(0,0,0,.7);
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption h4{
font-size: 22px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption h4 a{
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .item_caption h4 a:hover{
color: #fff !important;
opacity: 0.8;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .post-meta-bot{
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
color: #fff;
font-size: 12px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
z-index: 2;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .post-meta-bot i{
margin-right: 5px;
}
.jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .post-meta-bot a, .jl_header_top_feaure_post .jl_news_post_small_wrapper .header_top_post_item .post-meta-bot .post-date{
color: #fff !important;
}
.jl_header_top_feaure_post .header_tops_small_item{
width: 50%;
float: left;
margin-top: 20px;
}
.jl_header_top_feaure_post .header_tops_small_item img{
}
.jl_header_top_feaure_post .header_tops_small_item.small_grid_2, .jl_header_top_feaure_post .header_tops_small_item.small_grid_5, .jl_header_top_feaure_post .header_tops_small_item.small_grid_8{
padding-right: 10px;
}
.jl_header_top_feaure_post .header_tops_small_item.small_grid_3, .jl_header_top_feaure_post .header_tops_small_item.small_grid_6, .jl_header_top_feaure_post .header_tops_small_item.small_grid_9{
padding-left: 10px;
}
.jl_header_top_feaure_post .header_tops_small_item .item_caption h4{
font-size: 15px;
margin-bottom: 0px;
}
.jl_header_top_feaure_post .header_tops_small_item .item_caption h4 a{
color: #000;
}
.jl_top_header_fix{
background: #fff;
}
.header-wraper.jl_top_header.jl_top_header_fix{
position: fixed !important;
-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
background: #fff;
background-color: rgba(256,256,256,0.95) !important;
}
.header-wraper.jl_top_header.jl_top_header_fix .navigation_wrapper > ul > li > a, .header-wraper.jl_top_header.jl_top_header_fix .search_header_menu i.fa-search, .header-wraper.jl_top_header.jl_top_header_fix .search_header_menu .menu_mobile_icons .fa-bars{
color: #000;
}
.header-wraper.jl_top_header.jl_black_feature_img{
background: #fff;
border-bottom: 1px solid #ddd;
}
.header-wraper.jl_top_header.jl_black_feature_img.jl_top_header_fix{
border-bottom: 0px solid #ddd;
}
.header-wraper.jl_top_header.jl_black_feature_img .menu_wrapper img{
display: none;
}
.header-wraper.jl_top_header.jl_black_feature_img .logo_small_wrapper_table .logo_black{
display: inherit;
}
.header-wraper.jl_top_header.jl_black_feature_img .navigation_wrapper > ul > li > a{
color: #000;
}
.header-wraper.jl_top_header.jl_black_feature_img .search_header_menu i, .header-wraper.jl_top_header.jl_black_feature_img .search_header_menu i:hover{
color: #000;
}
.admin-bar .header-wraper.jl_top_header{
top: 32px;
}
.header-wraper.jl_top_header{
position: fixed;
width: 100%;
height: 80px;
top: 0;
left: 0;
padding: 0px;
z-index: 999;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.header-wraper.jl_top_header .search_header_menu{
float: right;
}
.header-wraper.jl_top_header #menu_wrapper{
float: left;
width: 100%;
}
.header-wraper.jl_top_header .menu_wrapper img{
width: 200px;
}
.header-wraper.jl_top_header .logo_small_wrapper_table{
margin: 0px 0px 0px 50px;
height: 80px;
line-height: 80px;
float: left;
}
.header-wraper.jl_top_header.jl_top_header_fix .logo_small_wrapper_table .logo_white{
display: none;
}
.header-wraper.jl_top_header .logo_small_wrapper_table .logo_black{
display: none;
}
.header-wraper.jl_top_header.jl_top_header_fix .logo_small_wrapper_table .logo_black{
display: inherit;
}
.header-wraper.jl_top_header .navigation_wrapper > ul > li{
float: left;
position: static;
text-align: left;
}
.header-wraper.jl_top_header .navigation_wrapper > ul > li > a{
color: #fff;
float: left;
width: 100%;
}
.jl_top_header .navigation_wrapper .jl_main_menu li > a{
letter-spacing: -.01em;
font-weight: 400;
font-size: 14px;
}
.jl_menu_footer{
padding: 0px 30px 30px 30px;
position: absolute;
bottom: 0;
left: 0;
}
.jl_menu_footer .jl_social_icon_header_top{
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.jl_menu_footer .jl_social_icon_header_top li{
list-style: none;
float: left;
margin-right: 15px;
}
.jl_menu_footer .jl_social_icon_header_top li a{
color: #cacaca;
font-size: 15px;
}
.jl_menu_footer .jl_menu_copyright{
color: #cacaca;
float: left;
width: 100%;
margin-bottom: 0px;
font-size: 12px;
}
/*-------------------------------------------------------------------------------------
header fullscreen post
-------------------------------------------------------------------------------------*/
.home_post_feature_fullscreen_wrapper{
float: left;
width: 100%;
position: relative;
background-color: #000;
}
#home_fullscreen_post{
background: #000;
opacity: 0.3;
}
.home_post_feature_fullscreen{
width: 100%;
float: left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
}
.home_post_feature_fullscreen_wrapper .banner-container{
top: 50%;
background: none;
left: 27%;
right: 27%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
}
.home_post_feature_fullscreen_wrapper .banner-container .post-category-color-text{
display: inline-block;
float: none;
}
.home_post_feature_fullscreen_wrapper .banner-container h5 a{
text-transform: none;
font-weight: 500;
font-size: 45px;
}
.single_post_entry_content .post-category-color-text:hover{
text-decoration: none !important;
color: #fff !important;
}
.single_post_entry_content .meta-category-small{
margin-bottom: 15px;
}
.single_post_entry_content .reactions_img_wrapper .reactions_img_bg{
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0);
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0);
box-shadow: 1px 2px 2px rgba(0,0,0,0);
}
/*-------------------------------------------------------------------------------------
Dark Skin
-------------------------------------------------------------------------------------*/
.options_dark_skin .header_magazine_full_screen.dark_header_menu .menu_wrapper, .options_dark_skin .header_magazine_full_screen .menu_wrapper{
background-color: #ff3400 !important;
}
.options_layout_wrapper.options_dark_skin .options_layout_container{
background: none;
}
.options_layout_wrapper.options_dark_skin{
background: #151414;
color: #999
}
.options_dark_skin blockquote{
border-left: 3px solid #999;
}
.options_dark_skin .single_captions_aboves_image_full_width_wrapper .row .col-md-12{
background: #151414;
}
.options_dark_skin h1, .options_dark_skin h2, .options_dark_skin h3, .options_dark_skin h4, .options_dark_skin h5, .options_dark_skin h6, .options_dark_skin h1 a, .options_dark_skin h2 a, .options_dark_skin h3 a, .options_dark_skin h4 a, .options_dark_skin h5 a, .options_dark_skin h6 a, .options_dark_skin a, .options_dark_skin a:hover{
color: #fff;
}
.options_dark_skin .wp-caption, .options_dark_skin .single-post-meta-wrapper span a, .options_dark_skin .single-post-meta-wrapper span, .options_dark_skin .breadcrumbs_options a, .options_dark_skin .breadcrumbs_options, .options_dark_skin .grid_post_share .mashsbcount, .options_dark_skin p, .options_dark_skin .post_grid_more_meta_wrapper .grid_post_share, .options_dark_skin .post_grid_more_meta_wrapper .meta-comment a, .options_dark_skin .grid_meta_bottom_wrapper .post-date, .options_dark_skin .grid_meta_bottom_wrapper .author-avatar-link a, .options_dark_skin .auto_image_with_date .post-date{
color: #999 !important;
}
.options_dark_skin .cfs_from_container{
background: #212121;
}
.options_dark_skin .widget .widget-title h2, .options_dark_skin .panel-grid-cell .widget .widget-title{
color: #fff;
border-bottom: 1px solid #353333;
}
.options_dark_skin .feature-post-list li, .options_dark_skin .recent_post_large_widget, .options_dark_skin .comment-content{
border-bottom: 1px solid #353333;
}
.options_dark_skin .footer_top_small_carousel_5{
border-bottom: 1px solid #353535;
background: #151414;
border-top: 1px solid #353333;
}
.options_dark_skin .main_title_wrapper .categories-title.title, .options_dark_skin .comments-area .comments-title, .options_dark_skin .comment-respond .comment-reply-title, .options_dark_skin .comment-meta .comment-author-name, .options_dark_skin .related-posts h4, .options_dark_skin .related-posts h3 a, .options_dark_skin .single_post_entry_content .single_post_title_main, .options_dark_skin .author-avatar-link a, .options_dark_skin .cfs_from_wrapper .cfs_label_message, .options_dark_skin .cfs_from_wrapper .cfs_form_title, .options_dark_skin .banner-container .post-meta span, .banner-container .post-meta span i, .options_dark_skin .footer_top_small_carousel_5 .jl_footer_car_title, .options_dark_skin .footer_top_small_carousel_5 .jl_footer_car_desc, .options_dark_skin .footer_top_small_carousel_5 .popular-item-caption h4 a{
color: #fff !important;
}
.options_dark_skin .blog_grid_post_style .post-entry-content .post-entry-content-wrapper, .options_dark_skin .main-grid-post-display .blog_grid_post_style .post-entry-content .post-entry-content-wrapper, .options_dark_skin .grid_home_3col .blog_grid_post_style .post-entry-content .post-entry-content-wrapper{
background: none;
}
.options_dark_skin .single_post_arrow_content a{
color: #000;
}
.options_dark_skin .auth{
border: 4px solid #353333;
}
.options_dark_skin .related-posts{
border-bottom: 1px solid #353333;
}
.options_dark_skin .related-posts{
border-top: 0px;
}
.options_dark_skin .comment-form-author input, .options_dark_skin .comment-form-email input, .options_dark_skin .comment-form-url input, .options_dark_skin #content input[type="text"], .options_dark_skin #content input[type="password"], .options_dark_skin #content input[type="email"], .options_dark_skin #content textarea, .options_dark_skin #content select, .options_dark_skin .comment-form-comment textarea{
background: #353333;
border: solid 1px #353333;
}
.options_dark_skin .single_post_share_wrapper, .options_dark_skin .search_form_menu_personal{
background-color: rgba(14, 14, 14, 0.97);
}
.search_form_menu.not_fount_result .searchform_theme{
height: 45px;
}
.search_form_menu.not_fount_result .button{
line-height: 37px !important;
}
.search_form_menu.not_fount_result .not_found_text_search{}
.options_dark_skin .searchform_theme #s, .options_dark_skin .searchform_theme #sbtn, .options_dark_skin .searchform_theme .s{
background: none;
color: #fff;
}
.options_dark_skin .searchform_theme #s::-webkit-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #s::-moz-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #s:-ms-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #s:-moz-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #sbtn::-webkit-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #sbtn::-moz-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #sbtn:-ms-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme #sbtn:-moz-placeholder{color: #fff;}
.options_dark_skin .searchform_theme .s::-webkit-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme .s::-moz-placeholder{color: #fff;}
.options_dark_skin .searchform_theme .s:-ms-input-placeholder{color: #fff;}
.options_dark_skin .searchform_theme .s:-moz-placeholder{color: #fff;}
.options_dark_skin .container_grid4_home .post_grid_content_wrapper{
background: #2d2b2b;
}
.options_dark_skin #content_nav, .options_dark_skin .container_grid4_home, .options_dark_skin .header_main_wrapper{
background: #151414;
}
.options_dark_skin #content_nav .search_form_menu #s{
border: 1px solid #353333;
}
.options_dark_skin #content_nav .search_form_menu .button{
color: #fff !important;
}
.options_dark_skin #content_nav .menu_moble_slide li a{
color: #fff;
}
.options_dark_skin #content_nav .menu_moble_slide > li, .options_dark_skin #content_nav .sub-menu li{
border-top: 1px solid #353333;
}
.options_dark_skin .menu_moble_slide{
border-bottom: 1px solid #353333;
}
.options_dark_skin .single_post_tag_layout li a{
background: #353333 !important;
}
.options_dark_skin #commentform #submit, .options_dark_skin .wpcf7-form-control.wpcf7-submit{
background: #353333;
}
.options_dark_skin .blog_large_post_style .post-entry-content .post-entry-content-wrapper{
background: none;
}
.options_dark_skin .jellywp_pagination ul li a{
background: #353333;
}
/*-------------------------------------------------------------------------------------
header slider and carousel post
-------------------------------------------------------------------------------------*/
.options_layout_wrapper{
float: left;
width: 100%;
background-color: #ececec;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.options_layout_wrapper .options_layout_container{
background: #fff;
}
.options_layout_wrapper .options_layout_container.box_layout_enable_front{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 1260px;
overflow: hidden;
background: #fff;
}
.slick-slider *:active, .slick-slider *:focus{
outline: none !important;
}
/*fixed slide issue*/
.full_screen_slider_home_height:before,
.slick-slider .background_color_absolute_1, .slick-slider .background_color_absolute_2, .slick-slider .background_color_absolute_3, .slick-slider .background_color_absolute_4,
.slick-slider .background_color_absolute_5, .slick-slider .background_color_absolute_6, .slick-slider .background_color_absolute_7, .slick-slider .background_color_absolute_8,
.slick-slider .background_color_absolute_9, .slick-slider .background_color_absolute_10, .slick-slider .background_color_absolute_11, .slick-slider .background_color_absolute_12,
.slick-slider .link_grid_header_absolute, .slick-slider .love_post_view_header, .slick-slider .banner-container, .slick-slider .jelly_main_post_large, .slick-slider .jelly_main_post_small, .slick-slider .slick-slide, .slick-slider .slick-arrow, .slick-slider .jelly_post_entry_content, .slick-slider .jelly_main_post_small:before, .slick-slider .jelly_main_post_small:after, .slick-slider .jelly_main_post_large:after{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
/*-------------------------------------------------------------------------------------
header grid 2 post header
-------------------------------------------------------------------------------------*/
.home_grid_2_post_header_wrapper .jelly_pro_post_arrow_left, .home_grid_2_post_header_wrapper .jelly_pro_post_arrow_right{
color: #000;
background: #fff;
cursor: pointer;
z-index: 1;
font-size: 14px;
line-height: 1;
width: 45px;
height: 45px;
line-height: 45px;
position: absolute;
text-align: center;
top: 50%;
margin-top: -20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.home_grid_2_post_header .banner-container .meta-category-small a, .home_grid_3_post_header .banner-container .meta-category-small a, .magazine_3_grid_slider .banner-container .meta-category-small a, .header_slider_and_feaure_post_options .banner-container .meta-category-small a{
margin: 0px !important;
margin-right: 5px !important;
float: left !important;
background: #000;
background-color: rgba(0,0,0,.7);
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.home_grid_2_post_header .banner-container .meta-category-small a:hover, .home_grid_3_post_header .banner-container .meta-category-small a:hover, .magazine_3_grid_slider .banner-container .meta-category-small a:hover, .header_slider_and_feaure_post_options .banner-container .meta-category-small a:hover{
color: #fff !important;
opacity: 0.8;
}
.home_grid_2_post_header_wrapper .jelly_pro_post_arrow_left {
left: 50px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.home_grid_2_post_header_wrapper .jelly_pro_post_arrow_right {
right: 50px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.love_post_view_header{
position: absolute;
right: 15px;
z-index: 9;
top: 10px;
bottom: auto !important;
font-size: 10px;
display: inline-block;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.4);
height: auto;
line-height: 10px;
padding: 5px 8px 5px;
letter-spacing: 0.03em !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page_slider_grid_3_pop .love_post_view_header{
display: none;
}
.page_slider_grid_5_style .love_post_view_header a,
.page_slider_grid_6_style .love_post_view_header a{
font-size: 10px !important;
}
.love_post_view_header a{
color: #fff !important;
font-size: 12px !important;
opacity: 1;
text-shadow: 0px 0px 3px rgba(0,0,0,.3);
}
.love_post_view_header a:hover{
color: #e0e0e0;
}
.love_post_view_header a i{
margin-right: 5px;
}
.home_grid_2_post_header_wrapper{
float: left;
width: 100%;
position: relative;
text-align: center;
margin-top: 0px;
}
.home_grid_2_post_header_wrapper .container{
width: 100%;
padding: 0px;
max-width: 100%;
}
.col3_homepost_carosel{
margin-top: 0px;
}
.slider_for_menu_full .container{
width: 100%;
padding: 0px;
}
.home_grid_2_post_header_wrapper.slider_for_menu_box .container{
margin-top: 30px;
}
.first_two_col_home_post{
border-right: 3px solid #fff;
}
.home_grid_2_post_header_wrapper .row{
margin-bottom: 0px;
}
.link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: #000;
opacity: 0.2;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style{
float: left;
width: 100%;
position: relative;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .slick-list{
margin: 0px -1px;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .large_main_image_header{
float: left;
width: 100%;
height: 600px;
position: relative;
background: #000;
overflow: hidden;
text-align: left;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .image_grid_header_absolute{
width: 100%;
height: 600px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .large_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 3px 0px;
line-height: 1.2;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .large_main_image_header .banner-container h1>a{
color: #fff;
font-size: 30px;
font-weight: 700 !important;
float: left;
width: 100%;
text-transform: none;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .large_main_image_header .banner-container h1>a:hover{
color: #fff !important;
opacity: 0.8;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .small_main_image_header{
float: left;
width: 25%;
height: 250px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .image_grid_small_header_absolute{
width: 100%;
height: 250px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .small_main_image_header:before{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .small_main_image_header:after{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 3px;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .small_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 7px 0px;
line-height: 0;
}
.home_grid_2_post_header_wrapper .home_grid_2_post_header_style .small_main_image_header .banner-container h1>a{
color: #fff;
font-size: 17px !important;
text-transform: none;
font-weight: 500;
line-height: 1.2;
}
.home_grid_2_post_header_style .link_grid_header_absolute{
opacity: 0.2;
}
.home_grid_2_post_header_style .large_main_image_header:hover .link_grid_header_absolute{
opacity: 0.5;
}
.home_grid_2_post_header_style .banner-container{
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(220%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
padding: 50px;
text-align: left;
top: auto;
bottom: 0px;
width: 100%;
left: 0px;
right: 0px;
}
.home_grid_2_post_header_style .banner-container .post-meta{
font-size: 12px;
color: #fff;
margin: 0px;
float: left;
text-transform: none;
width: 100%;
margin-top: -3px;
font-style: normal;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.home_grid_2_post_header_style .banner-container .post-meta span a{
color: #fff;
}
/*-------------------------------------------------------------------------------------
header grid 3 post header
-------------------------------------------------------------------------------------*/
.home_grid_3_post_header_wrapper{
float: left;
width: 100%;
position: relative;
margin-top: 30px;
}
.home_grid_3_post_header_wrapper .row{
margin-bottom: 0px;
}
.link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header{
float: left;
width: 100%;
position: relative;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .large_main_image_header{
float: left;
width: 760px;
height: 500px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_3_post_header .banner-container{
padding: 50px !important;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 120%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(120%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 120%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 120%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 120%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}
.home_grid_3_post_header .banner-container .meta-category-small a{
color: #fff;
}
.home_grid_3_post_header .banner-container .meta-category-small a:hover{
color: #fff !important;
}
.home_grid_3_post_header .banner-container h1{
margin: 10px 0px 7px 0px !important;
}
.home_grid_3_post_header .banner-container h1 a{
font-size: 25px !important;
text-shadow: 1px 1px 3px rgba(0,0,0,0) !important;
font-weight: 600 !important;
}
.large_main_image_header.small_static_grid_3{
width: 380px !important;
height: 250px !important;
}
.large_main_image_header.small_static_grid_3 .image_grid_header_absolute{
height: 250px !important;
}
.large_main_image_header.small_static_grid_3 .banner-container h1>a{
font-size: 17px !important;
text-transform: none;
}
.large_main_image_header.large_static_grid_3:before{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 5px;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .image_grid_header_absolute{
width: 100%;
height: 500px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .large_main_image_header:after{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 5px;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .large_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 5px 0px;
line-height: 0;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .large_main_image_header .banner-container h1>a{
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
text-transform: none;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .small_main_image_header{
float: left;
width: 25%;
height: 250px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .image_grid_small_header_absolute{
width: 100%;
height: 250px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .small_main_image_header:before{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .small_main_image_header:after{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 3px;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .small_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 7px 0px;
line-height: 0;
}
.home_grid_3_post_header_wrapper .home_grid_3_post_header .small_main_image_header .banner-container h1>a{
color: #fff;
font-size: 17px !important;
text-transform: none;
font-weight: 500;
line-height: 1.2;
}
/*-------------------------------------------------------------------------------------
header grid 5 post header
-------------------------------------------------------------------------------------*/
.home_grid_post_header_wrapper{
float: left;
width: 100%;
position: relative;
margin-top: 40px;
}
.home_grid_post_header_wrapper .row{
margin-bottom: 0px;
}
.link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.home_grid_post_header_wrapper .home_grid_post_header{
float: left;
width: 100%;
position: relative;
}
.home_grid_post_header_wrapper .home_grid_post_header .large_main_image_header{
float: left;
width: 50%;
height: 500px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_post_header_wrapper .home_grid_post_header .featured_thumbnail_link{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
z-index: 2;
}
.home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_1, .home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_2, .home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_3, .home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_4{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.6;
}
.jelly_gradient_color_enable .background_color_absolute_1, .jelly_gradient_color_enable .background_color_absolute_2, .jelly_gradient_color_enable .background_color_absolute_3, .jelly_gradient_color_enable .background_color_absolute_4,
.jelly_gradient_color_enable .background_color_absolute_5, .jelly_gradient_color_enable .background_color_absolute_6, .jelly_gradient_color_enable .background_color_absolute_7, .jelly_gradient_color_enable .background_color_absolute_8,
.jelly_gradient_color_enable .background_color_absolute_9, .jelly_gradient_color_enable .background_color_absolute_10, .jelly_gradient_color_enable .background_color_absolute_11, .jelly_gradient_color_enable .background_color_absolute_12{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.5;
}
.jelly_gradient_color_enable .background_color_absolute_1{
background: -moz-linear-gradient(45deg, rgba(226,0,255,1) 0%, rgba(44,205,215,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(226,0,255,1)), color-stop(100%, rgba(44,205,215,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(226,0,255,1) 0%, rgba(44,205,215,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(226,0,255,1) 0%, rgba(44,205,215,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(226,0,255,1) 0%, rgba(44,205,215,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(226,0,255,1) 0%, rgba(44,205,215,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ccdd7', endColorstr='#e200ff',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_2{
background: -moz-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(87,128,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(87,128,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(87,128,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(87,128,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(87,128,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(87,128,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578000', endColorstr='#FF0000',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_3{
background: -moz-linear-gradient(45deg, rgba(247,254,38,1) 0%, rgba(230,134,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(247,254,38,1)), color-stop(100%, rgba(230,134,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(247,254,38,1) 0%, rgba(230,134,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(247,254,38,1) 0%, rgba(230,134,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(247,254,38,1) 0%, rgba(230,134,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(247,254,38,1) 0%, rgba(230,134,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68600', endColorstr='#f7fe26',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_4{
background: -moz-linear-gradient(45deg, rgba(0,251,255,1) 0%, rgba(81,0,255,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,251,255,1)), color-stop(100%, rgba(81,0,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(0,251,255,1) 0%, rgba(81,0,255,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(0,251,255,1) 0%, rgba(81,0,255,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(0,251,255,1) 0%, rgba(81,0,255,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(0,251,255,1) 0%, rgba(81,0,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5100FF', endColorstr='#00FBFF',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_5{
background: -moz-linear-gradient(45deg, rgba(68,23,124,1) 0%, rgba(63,255,232,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(68,23,124,1)), color-stop(100%, rgba(63,255,232,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(68,23,124,1) 0%, rgba(63,255,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(68,23,124,1) 0%, rgba(63,255,232,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(68,23,124,1) 0%, rgba(63,255,232,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(68,23,124,1) 0%, rgba(63,255,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fffe8', endColorstr='#44177c',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_6{
background: -moz-linear-gradient(45deg, rgba(239,213,110,1) 0%, rgba(26,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(239,213,110,1)), color-stop(100%, rgba(26,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(239,213,110,1) 0%, rgba(26,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(239,213,110,1) 0%, rgba(26,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(239,213,110,1) 0%, rgba(26,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(239,213,110,1) 0%, rgba(26,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A8080', endColorstr='#efd56e',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_7{
background: -moz-linear-gradient(45deg, rgba(223,255,43,1) 0%, rgba(0,179,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(223,255,43,1)), color-stop(100%, rgba(0,179,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(223,255,43,1) 0%, rgba(0,179,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(223,255,43,1) 0%, rgba(0,179,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(223,255,43,1) 0%, rgba(0,179,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(223,255,43,1) 0%, rgba(0,179,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B380', endColorstr='#DFFF2B',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_8{
background: -moz-linear-gradient(45deg, rgba(0,255,255,1) 0%, rgba(255,0,255,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,255,255,1)), color-stop(100%, rgba(255,0,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(0,255,255,1) 0%, rgba(255,0,255,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(0,255,255,1) 0%, rgba(255,0,255,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(0,255,255,1) 0%, rgba(255,0,255,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(0,255,255,1) 0%, rgba(255,0,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00ff', endColorstr='#00ffff',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_9{
background: -moz-linear-gradient(45deg, rgba(0,221,255,1) 0%, rgba(255,3,3,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,221,255,1)), color-stop(100%, rgba(255,3,3,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(0,221,255,1) 0%, rgba(255,3,3,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(0,221,255,1) 0%, rgba(255,3,3,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(0,221,255,1) 0%, rgba(255,3,3,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(0,221,255,1) 0%, rgba(255,3,3,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0303', endColorstr='#00DDFF',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_10{
background: -moz-linear-gradient(45deg, rgba(255,0,179,1) 0%, rgba(255,195,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,0,179,1)), color-stop(100%, rgba(255,195,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,0,179,1) 0%, rgba(255,195,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,0,179,1) 0%, rgba(255,195,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,0,179,1) 0%, rgba(255,195,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,0,179,1) 0%, rgba(255,195,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC300', endColorstr='#FF00B3',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_11{
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,255,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
}
.jelly_gradient_color_enable .background_color_absolute_12{
background: -moz-linear-gradient(45deg, rgba(255,225,0,1) 0%, rgba(255,3,226,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,225,0,1)), color-stop(100%, rgba(255,3,226,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,225,0,1) 0%, rgba(255,3,226,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,225,0,1) 0%, rgba(255,3,226,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,225,0,1) 0%, rgba(255,3,226,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,225,0,1) 0%, rgba(255,3,226,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF03E2', endColorstr='#FFE100',GradientType=1 ); /* ie6-9 */
}
.home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_1{
background: #4db2ec;
background: -moz-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#4db2ec),color-stop(100%,#4a8f5e));
background: -webkit-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -o-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -ms-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1);
}
.home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_2{
background: #d760b7;
background: -moz-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0%,#d760b7),color-stop(100%,#3b78b4));
background: -webkit-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -o-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -ms-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: linear-gradient(135deg,#d760b7 0%,#3b78b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1);
}
.home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_3{
background: #007808;
background: -moz-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#007808),color-stop(100%,#fff940));
background: -webkit-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -o-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -ms-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: linear-gradient(20deg,#007808 0%,#fff940 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#fff940', GradientType=1);
}
.home_grid_post_header_wrapper .home_grid_post_header .background_color_absolute_4{
background: rgba(244,208,63,.97);
background: -moz-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(244,208,63,.97)),color-stop(100%,#f27a35));
background: -webkit-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -o-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -ms-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: linear-gradient(135deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1);
}
.home_grid_post_header_wrapper .home_grid_post_header .image_grid_header_absolute{
width: 100%;
height: 500px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_post_header_wrapper .home_grid_post_header .large_main_image_header:after{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 1px solid #fff;
z-index: 9;
background: #fff;
height: 3px;
}
.home_grid_post_header_wrapper .home_grid_post_header .large_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px;
line-height: 0;
}
.home_grid_post_header_wrapper .home_grid_post_header .large_main_image_header .banner-container h1>a{
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
text-transform: none;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.home_grid_post_header_wrapper .home_grid_post_header .large_main_image_header .banner-container h1>a:hover{
color: #fff !important;
opacity: 0.8;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header{
float: left;
width: 25%;
height: 250px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_post_header_wrapper .home_grid_post_header .image_grid_small_header_absolute{
width: 100%;
height: 250px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header:before{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 2px;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header:after{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 9;
background: #fff;
width: 2px;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px;
line-height: 0;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header .banner-container h1>a{
color: #fff;
font-size: 16px !important;
text-transform: none;
font-weight: 500;
line-height: 1.2;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header .banner-container h1>a:hover{
color: #fff !important;
opacity: 0.8;
}
.home_grid_post_header_wrapper .home_grid_post_header .banner-container .meta-category-small a{
float: left;
margin: 0px 10px 0px 0px;
}
.home_grid_post_header_wrapper .home_grid_post_header .banner-container .post-meta, .home_grid_post_header_wrapper .home_grid_post_header .banner-container .post-meta a{
color: #fff;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header.full_small_size_post{
width: 50%;
}
.home_grid_post_header_wrapper .home_grid_post_header .small_main_image_header.full_small_size_post .banner-container h1>a{
font-size: 25px !important;
}
.home_grid_post_header_wrapper .home_grid_post_header .banner-container{
position: absolute;
left: 0px;
top: auto;
z-index: 9;
bottom: 0px;
color: #fff;
width: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
transform: none !important;
-webkit-transform: none !important;
}
/*-------------------------------------------------------------------------------------
header grid 5 post header style 2
-------------------------------------------------------------------------------------*/
.home_grid_5_post_header_wrapper{
float: left;
width: 100%;
position: relative;
margin-top: 30px;
}
.home_grid_5_post_header_wrapper .row{
margin-bottom: 0px;
}
.link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header{
float: left;
width: 100%;
position: relative;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .large_main_image_header{
float: left;
width: 50%;
height: 500px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .image_grid_header_absolute{
width: 100%;
height: 500px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .large_main_image_header:after{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .large_main_image_header:before{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 3px;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .large_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 5px 0px;
line-height: 0;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .large_main_image_header .banner-container h1>a{
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
text-transform: none;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .small_main_image_header{
float: left;
width: 25%;
height: 250px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .image_grid_small_header_absolute{
width: 100%;
height: 250px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .small_main_image_header:before{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .small_main_image_header:after{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 3px;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .small_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 7px 0px;
line-height: 0;
}
.home_grid_5_post_header_wrapper .home_grid_5_post_header .small_main_image_header .banner-container h1>a{
color: #fff;
font-size: 17px !important;
text-transform: none;
font-weight: 500;
line-height: 1.2;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.large_main_image_header.large_static_grid_5{
width: 50% !important;
height: 360px !important;
}
.large_main_image_header.large_static_grid_5 .image_grid_header_absolute{height: 400px !important;}
.small_main_image_header.small_static_grid_5{
width: 33.33333333% !important;
height: 250px !important;
}
.small_main_image_header.small_static_grid_5 .image_grid_small_header_absolute{ height: 250px !important;}
/*-------------------------------------------------------------------------------------
header grid 5 post header
-------------------------------------------------------------------------------------*/
.home_grid_main_5_post_header_wrapper{
float: left;
width: 100%;
margin-top: 40px;
}
.home_grid_main_5_post_header_wrapper .row{
margin-bottom: 0px;
}
.home_grid_main_5_post_header{
float: left;
width: 100%;
padding: 10px !important;
background-image: repeating-linear-gradient(135deg, #eaeaea, #eaeaea 1px, #FFF 0px, #FFF 3px, #e0e0e0 0px, #eaeaea 1px, #FFF 0px, #FFF 1px) !important;
background-image: repeating-linear-gradient(135deg, #eaeaea, #eaeaea 1px, #FFF 0px, #FFF 3px, #e0e0e0 0px, #eaeaea 1px, #FFF 0px, #FFF 1px) !important;
background-image: repeating-linear-gradient(135deg, #eaeaea, #eaeaea 1px, #FFF 0px, #FFF 3px, #e0e0e0 0px, #eaeaea 1px, #FFF 0px, #FFF 1px) !important;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_wraper_in{
background: #fff;
padding: 25px 25px 5px 25px !important;
float: left;
position: relative;
}
.home_grid_main_5_post_header_wraper_in_bg{
background: #f00a71;
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_small_post_wrapper, .home_grid_main_5_post_header .home_grid_main_5_post_header_small_post_last{
width: 20%;
float: left;
position: relative;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_large_post{
width: 60%;
float: left;
position: relative;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_large_post .wrapper_in_main_post{
float: left;
width: 100%;
padding: 0px 30px;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_large_post .image_grid_small_header_absolute{
width: 100%;
height: 400px;
float: left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_small_post .image_grid_header_absolute,
.home_grid_main_5_post_header .home_grid_main_5_post_header_small_post_last .image_grid_small_header_absolute{
width: 100%;
height: 160px;
float: left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_small_post .heading_title_post_5,
.home_grid_main_5_post_header .home_grid_main_5_post_header_small_post_last .heading_title_post_5{
font-size: 16px;
float: left;
width: 100%;
text-align: center;
margin: 13px 0px 5px 0px;
text-align: left;
text-transform: none;
}
.home_grid_main_5_post_header .home_grid_main_5_post_header_large_post .heading_title_post_5_main{
font-size: 23px;
float: left;
width: 100%;
text-align: center;
margin: 10px 0px 10px 0px;
text-transform: none;
}
.home_grid_main_5_post_header .meta-category-small{
text-align: center;
text-align: center;
margin-top: 10px;
float: left;
width: 100%;
}
.home_grid_main_5_post_header .meta-category-small a{
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
}
.home_grid_main_5_post_header .post-meta.meta-main-img{
float: left;
width: 100%;
text-align: left;
}
.home_grid_main_5_post_header .post-meta.meta-main-img, .home_grid_main_5_post_header .post-meta.meta-main-img a{
color: #999;
font-size: 11px !important;
text-transform: none;
letter-spacing: 0px;
font-weight: 500;
}
.home_grid_main_5_post_header .post-meta.meta-main-img .post-author {
margin-right: 10px;
}
.home_grid_main_5_post_header .post-meta.meta-main-img span i {
margin-right: 5px;
}
.home_grid_main_5_post_header_small_post, .home_grid_main_5_post_header_small_post_last{
float: left;
margin-bottom: 20px;
}
.post_title_container{
float: left;
}
.home_grid_main_5_post_header_large_post .post_title_container{
margin: 0px 40px;
padding: 8px 20px 20px 20px;
margin-top: -50px;
background: #fff;
text-align: center;
position: relative;
}
.home_grid_main_5_post_header_large_post .post_title_container .post-meta.meta-main-img{
text-align: center;
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader{
position: relative;
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .featured_thumbnail_link{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .background_color_absolute_1{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.5;
background: -moz-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,0,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#FFFF00',GradientType=1 ); /* ie6-9 */
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .background_color_absolute_2{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.5;
background: -moz-linear-gradient(53deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(153,218,255,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(53deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(53deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(53deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(37deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#99DAFF',GradientType=0 ); /* ie6-9 */
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .background_color_absolute_3{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.5;
background: -moz-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,0,255,1)), color-stop(100%, rgba(0,255,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ff00ff',GradientType=1 ); /* ie6-9 */
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .background_color_absolute_4{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.5;
background: -moz-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#FF0000',GradientType=1 ); /* ie6-9 */
}
.home_grid_main_5_post_header .image_main_wrapper_5_hader .background_color_absolute_5{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.5;
background: -moz-linear-gradient(45deg, rgba(0,47,255,1) 0%, rgba(255,255,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,47,255,1)), color-stop(100%, rgba(255,255,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(0,47,255,1) 0%, rgba(255,255,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(0,47,255,1) 0%, rgba(255,255,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(0,47,255,1) 0%, rgba(255,255,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(0,47,255,1) 0%, rgba(255,255,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#002FFF',GradientType=1 ); /* ie6-9 */
}
.home_grid_main_5_post_header .home_page_front_view{
top: 10px;
bottom: auto;
}
/*-------------------------------------------------------------------------------------
header grid 8 post header
-------------------------------------------------------------------------------------*/
.home_grid_8_post_header_wrapper{
float: left;
width: 100%;
position: relative;
margin-top: 30px;
}
.home_grid_8_post_header_wrapper .row{
margin-bottom: 0px;
}
.link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header{
float: left;
width: 100%;
position: relative;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .large_main_image_header{
float: left;
width: 50%;
height: 500px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .image_grid_header_absolute{
width: 100%;
height: 500px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .large_main_image_header:after{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .large_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 5px 0px;
line-height: 0;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .large_main_image_header .banner-container h1>a{
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
text-transform: none;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .small_main_image_header{
float: left;
width: 25%;
height: 250px;
position: relative;
background: #000;
overflow: hidden;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .image_grid_small_header_absolute{
width: 100%;
height: 250px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .small_main_image_header:before{
content: '';
display: block;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
height: 3px;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .small_main_image_header:after{
content: '';
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 999;
background: #fff;
width: 3px;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .small_main_image_header .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 7px 0px;
line-height: 0;
}
.home_grid_8_post_header_wrapper .home_grid_8_post_header .small_main_image_header .banner-container h1>a{
color: #fff;
font-size: 17px !important;
text-transform: none;
font-weight: 500;
line-height: 1.2;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.spr-number {
text-align: center;
display: inline-block;
float: left;
width: 65px;
height: 65px;
line-height: 60px;
position: relative;
background: #eaeaea;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border: 2px solid #ff3400;
color: #FFF;
font-weight: 400;
font-size: 35px;
}
.spr-number:hover {
color: #333;
text-decoration: none !important;
}
.spr-number span {
position: relative;
z-index: 1;
}
.spr-number:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: -2px;
left: -2px;
padding: 2px;
background: #ff3400;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.feature-post-list li:hover .spr-number {
color: #333;
}
.feature-post-list li:hover .spr-number:after {
}
.banner-banner-carousel-item .bubble {
display: block;
overflow: hidden;
position: relative;
}
.banner-container {
position: absolute;
top: 50%;
background: none;
left: 22%;
right: 22%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
z-index: 9;
}
.banner-container .meta-category-small, .meta-category-small-builder {
float: left;
width: 100%;
}
.meta-category-small-builder{
margin-bottom: 5px;
}
.margin_small_category_grid{
margin-bottom: -3px;
margin-top: 13px;
}
.margin_small_category_carousel_builder{
margin-bottom: 5px;
margin-top: 13px;
}
.margin_small_category_two_col_builder{
margin-bottom: 0px;
margin-top: 13px;
}
.single_post_category_top{
margin-bottom: 6px;
margin-top: 0px;
}
.margin_small_category_right_col_builder{
margin-top: 0px;
margin-bottom: 5px;
}
.banner-container .meta-category-small a, .meta-category-small-builder a{
float: none;
margin-right: 0px;
margin-top: 0px;
padding: 0px 10px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
background: #000000;
color: #fff;
letter-spacing: 0.05em;
}
.banner-container .meta-category-small .category-color-have-options:hover{
text-decoration: none !important;
}
.banner-container .meta-category-small .post_type_icon {
height: 20px;
line-height: 20px;
background: #FFF;
color: #000;
float: none;
width: 20px;
text-align: center;
display: inline-block;
font-size: 13px;
border-radius: 2px;
margin-right: 5px;
}
.meta_category_text_small{
float: left;
width: 100%;
margin-top: -3px;
}
.meta_category_text_small a{
font-size: 10px;
position: relative;
color: #ff3400;
float: left;
margin-right: 8px;
letter-spacing: 0px;
text-transform: none;
font-weight: 700;
}
.banner-container h5 {
float: left;
margin: 10px 0px 10px 0px;
width: 100%;
text-transform: none;
}
.banner-container h5 a {
font-size: 25px;
color: #fff;
line-height: 1.2;
text-transform: none;
}
.banner-container .post-meta {
font-size: 12px;
color: #fff;
margin: 0px;
float: left;
text-transform: none;
float: left;
width: 100%;
margin-top: -3px;
font-style: normal;
}
.banner-container .post-meta span{
float: none;
display: inline-block;
margin-right: 5px !important;
letter-spacing: 0px;
color: #fff;
}
.banner-container .post-meta span.meta-comment{
margin-right: 0px;
}
.banner-container .post-meta span,
.banner-container .post-meta span i {
margin-right: 5px;
}
.banner-container .post-meta span a {
color: #fff !important;
font-weight: 500;
float: none !important;
text-decoration: none !important;
}
.banner-container .post-meta span a img{
width: 30px;
height: 30px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin: 0px;
margin-right: 5px;
display: inline;
}
.banner-container .post-meta span a:hover {
text-decoration: none !important;
color: #fff !important;
}
.banner-carousel-item-style .bubble {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.banner-carousel-item-style .captions_carousel_style_main .meta-category-small,
.banner-carousel-item-style .captions_carousel_style .meta-category-small {
float: left;
width: 100%;
}
.banner-carousel-item-style .captions_carousel_style_main .meta-category-small a,
.banner-carousel-item-style .captions_carousel_style .meta-category-small a {
height: 22px;
margin-top: 5px;
line-height: 22px;
font-size: 10px;
color: #000;
background: #ff3400;
float: none;
padding: 0px 12px;
margin-right: 2px;
letter-spacing: 1px;
text-transform: none;
}
.banner-carousel-item-style .captions_carousel_style_main .meta-category-small a:before, .banner-carousel-item-style .captions_carousel_style .meta-category-small a:before{ border-top: 20px solid rgba(255,255,255,0);}
.banner-carousel-item-style .captions_carousel_style_main .meta-category-small a:after, .banner-carousel-item-style .captions_carousel_style .meta-category-small a:after{ border-bottom: 20px solid rgba(255,255,255,0);}
.banner-carousel-item-style .captions_carousel_style_main .meta-category-small .post_type_icon,
.banner-carousel-item-style .captions_carousel_style .meta-category-small .post_type_icon {
height: 23px;
line-height: 23px;
background: #000;
color: #FFF;
float: none;
width: 23px;
text-align: center;
display: inline-block;
font-size: 13px;
margin-right: 5px;
}
.carousel-item-slider-4 .jelly_pro_post_arrow_right {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 25px;
line-height: 1;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
text-align: center;
left: -45px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.carousel-item-slider-4 .jelly_pro_post_arrow_left {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 25px;
line-height: 1;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
position: absolute;
right: -45px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.carousel-item-slider-4:hover .jelly_pro_post_arrow_right:hover, .carousel-item-slider-4:hover .jelly_pro_post_arrow_left:hover{
background: #ff3400;
opacity: 1;
}
.carousel-item-slider-4:hover .jelly_pro_post_arrow_right {
left: 10px;
opacity: 0.7;
}
.carousel-item-slider-4:hover .jelly_pro_post_arrow_left {
right: 10px;
opacity: 0.7;
}
.banner-carousel-item-style .captions_carousel_style_main h5,
.banner-carousel-item-style .captions_carousel_style h5 {
float: left;
margin: 10px 0px;
width: 100%;
line-height: 1.1;
text-transform: none;
}
.banner-carousel-item-style .captions_carousel_style_main h5 a,
.banner-carousel-item-style .captions_carousel_style h5 a {
font-size: 20px;
color: #333;
text-transform: none;
font-weight: 600;
letter-spacing: -0.03em;
}
.banner-carousel-item-style .captions_carousel_style_main .post-meta,
.banner-carousel-item-style .captions_carousel_style .post-meta {
font-size: 12px;
margin: 0px;
color: #777;
float: left;
width: 100%;
margin-bottom: 5px;
text-transform: none;
}
.banner-carousel-item-style .captions_carousel_style_main .post-meta a,
.banner-carousel-item-style .captions_carousel_style .post-meta a{
color: #777;
} .banner-carousel-item-style .captions_carousel_style_main .post-meta span,
.banner-carousel-item-style .captions_carousel_style_main .post-meta i,
.banner-carousel-item-style .captions_carousel_style .post-meta span,
.banner-carousel-item-style .captions_carousel_style .post-meta i {
margin-right: 5px;
}
.banner-carousel-item-style .captions_carousel_style_main p.content_carousel,
.captions_border_style .content_carousel {
margin-top: 10px;
margin-bottom: 0px;
}
.carousel-item-slider .jelly_pro_post_arrow_right,
.carousel-item-slider .jelly_pro_post_arrow_left {
margin: -30px 0 0;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 9;
font-size: 0;
color: #fff;
text-align: center;
font-size: 25px;
border-radius: 100%;
}
.carousel-item-slider .jelly_pro_post_arrow_right {
background: #000;
background: rgba(0, 0, 0, 0.5);
left: 10px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.carousel-item-slider .jelly_pro_post_arrow_left {
background: #000;
background: rgba(0, 0, 0, 0.5);
right: 10px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.carousel-item-slider .jelly_pro_post_arrow_right:hover {
background: #ff3400;
}
.carousel-item-slider .jelly_pro_post_arrow_left:hover {
background: #ff3400;
}
.carousel-item-slider .jelly_pro_post_arrow_right {
left: -60px;
}
.carousel-item-slider:hover .jelly_pro_post_arrow_right {
left: 20px;
}
.carousel-item-slider .jelly_pro_post_arrow_left {
right: -60px;
}
.carousel-item-slider:hover .jelly_pro_post_arrow_left {
right: 20px;
}
.carousel-item-slider .top-view-love {
z-index: 1;
display: none;
}
.full-static-post-header {
float: left;
background: #000;
}
.main-static-post-header {
float: left;
width: 33.33%;
position: relative;
overflow: hidden;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.main-static-post-header h5 a, .main-static-post-header .post-meta, .main-static-post-header .post-meta a{ color: #FFF !important;}
.small-static-post-header h5 a, .small-static-post-header .post-meta, .small-static-post-header .post-meta a{ color: #FFF !important;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.333);}
.main-static-post-header .meta-category-small a:before, .small-static-post-header .meta-category-small a:before{ border-top: 20px solid rgba(255,255,255,0);}
.main-static-post-header .meta-category-small a:after, .small-static-post-header .meta-category-small a:after{ border-bottom: 20px solid rgba(255,255,255,0);}
.main-static-post-header h5 a{
font-size: 28px;
line-height: 1.1;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.333);
line-height: 1.1;
}
.main-static-post-header:hover,
.small-static-post-header:hover {
background: #222;
}
.small-static-post-header h5{
line-height: 1.1;
}
.small-static-post-header h5 a{ font-size: 20px;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.333);}
.main-static-post-header,
.small-static-post-header{
overflow: hidden;
}
.main-static-post-header .wp-post-image,
.small-static-post-header .wp-post-image {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.small-static-post-header {
width: 33.33%;
float: left;
position: relative;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.top-view-love {
position: absolute;
top: 15px;
right: 15px;
z-index: 99;
}
.top-view-love .love_post_view.like_post {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0px 5px;
float: left;
border-radius: 2px;
margin-right: 5px;
}
.top-view-love .love_post_view {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0px 5px;
float: right;
border-radius: 2px;
}
.top-view-love .love_post_view i,
.top-view-love .love_post_view.like_post i {
margin-right: 2px;
}
.top-view-love .love_post_view.like_post a,
.top-view-love .love_post_view {
color: #FFF;
}
.clear_line_3col_home{
float: left;
width: 100%;
height: 1px;
margin-top: -1px;
}
.blog_grid_post_style .image-post-title {
float: left;
width: 100%;
font-size: 18px;
line-height: 1.2;
margin-top: 7px;
text-transform: none;
}
.blog_grid_post_style .owl-controls {
margin-top: 0px !important;
}
.owl-theme .owl-controls .owl-buttons div {
font-size: 0px !important;
}
.blog_grid_post_style .jelly_pro_post_arrow_right,
.blog_grid_post_style .jelly_pro_post_arrow_left {
margin: -18px 0 0;
width: 28px;
height: 50px;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 9;
font-size: 0;
color: #fff;
text-align: center;
font-size: 15px;
line-height: 50px;
}
.blog_grid_post_style .jelly_pro_post_arrow_right {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 15px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
right:10px;
top: 50%;
opacity: 0.7;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.blog_grid_post_style .jelly_pro_post_arrow_left {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 15px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
left: 10px;
top: 50%;
opacity: 0.7;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.blog_list_post_style .jelly_pro_post_arrow_right {
background: #000;
left: 10px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.blog_list_post_style .jelly_pro_post_arrow_left {
background: #000;
right: 10px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.blog_list_post_style .jelly_pro_post_arrow_left,
.blog_list_post_style .jelly_pro_post_arrow_right {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 15px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -10px;
opacity: 0.7;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.large_center_slider_wrapper, .large_center_slider_wrapper .item{
width: 100%;
float: left;
height: 600px;
position: relative;
}
.jl_post_large img{
float: left;
width: 100%;
}
.large_center_slider_wrapper .image_grid_header_absolute{
width: 100%;
height: 600px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.large_center_slider_wrapper .link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: #000 !important;
}
.large_center_slider_wrapper:hover .link_grid_header_absolute{
opacity: 0.5;
}
.large_center_slider_container{
float: left;
width: 100%;
}
.large_center_slider_container .banner-carousel-item>a{
float: left;
width: 100%;
}
.large_center_slider_container .banner-carousel-item>a>img{
opacity: 1;
}
.large_center_slider_container .owl-stage-outer:before {
right: 100%;
}
.large_center_slider_container .owl-stage-outer:after {
left: 100%;
}
.large_center_slider_container .banner-container{
background: none;
left: 50px;
right: 50%;
width: auto;
padding: 0;
bottom: 50px;
top: auto;
text-align: left;
}
.large_center_slider_container .banner-container h5 a{
font-size: 40px !important;
text-transform: none;
font-weight: 700 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.large_center_slider_container .banner-container h5 a:hover{
color: #fff !important;
opacity: 0.8;
}
.large_center_slider_container .banner-container .post-meta span{
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.large_center_slider_container .jelly_pro_post_arrow_left, .large_center_slider_container .jelly_pro_post_arrow_right{
color: #000;
background: #fff;
z-index: 1;
cursor: pointer;
font-size: 14px;
width: 45px;
height: 45px;
line-height: 45px;
position: absolute;
text-align: center;
top: 50%;
margin-top: -50px;
transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
opacity: 0 !important;
}
.large_center_slider_container .jelly_pro_post_arrow_left{
left: 0px;
}
.large_center_slider_container:hover .jelly_pro_post_arrow_left{
left: 50px;
opacity: 1 !important;
}
.large_center_slider_container .jelly_pro_post_arrow_right{
right: 0px;
}
.large_center_slider_container:hover .jelly_pro_post_arrow_right{
right: 50px;
opacity: 1 !important;
}
.large_center_slider_container .banner-container .meta-category-small{
float: left;
width: 100%;
text-align: left;
}
.large_center_slider_container .banner-container .meta-category-small a{
float: none !important;
display: inline-block; }
/*-------------------------------------------------------------------------------------
Reactions menu
-------------------------------------------------------------------------------------*/
[class^="icon-jl"], [class*=" icon-jl"] {
font-family: 'jl_cusfont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jl_fire:before {
content: "\e900";
}
.icon-jl_flash:before {
content: "\e901";
}
.icon-jl_star:before {
content: "\e902";
}
.reactions_menu_wrapper .reactions_img_wrapper a{
float: left;
margin-left: 20px;
}
.reactions_menu_wrapper .reactions_img_wrapper .reactions_img_bg{
width: 50px;
height: 50px;
line-height: 50px;
}
.reactions_menu_wrapper .reactions_img_wrapper a .reactions_img_bg{
display: inline-block;
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0);
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0);
box-shadow: 1px 2px 2px rgba(0,0,0,0);
}
.reactions_menu_wrapper .reactions_img_wrapper a .category_image_link, .menu_icons_custom .icons_text{
display: block;
text-transform: none;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.03em;
}
.reactions_menu_wrapper .reactions_img_wrapper a .category_style_item_image{
margin-left: 0px;
}
.reactions_menu_wrapper .reactions_img_wrapper{
float: right;
position: inherit;
}
.menu_icons_custom a{
margin-left: 0px !important;
}
.menu_icons_custom a:hover{
text-decoration: none !important;
}
.menu_icons_custom .icons_menus{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
padding: 0px;
font-size: 24px;
background-color: #ffe041;
background: -moz-radial-gradient(center, ellipse cover, #ffe041 0%, #ffc965 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffe041 0%,#ffc965 100%);
background: radial-gradient(ellipse at center, #ffe041 0%,#ffc965 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe041', endColorstr='#ffc965',GradientType=1 );
color: #000;
}
.menu_icons_custom .icons_menus.icons_popular{
background: #ff9300;
color: #fff;
}
.menu_icons_custom .icons_menus.icons_trending{
background: #009cff;
color: #fff;
}
.menu_icons_custom .icons_menus.icon_recent{
background: #f30000;
color: #fff;
}
.menu_icons_custom{
float: left;
margin-left: 20px;
text-align: center;
}
.add_menu_mobile{
}
.add_menu_mobile li{
list-style: none;
}
.mobile_menu_reactions{
display: none;
}
.mobile_menu_reactions a i{
margin-right: 0px !important;
}
.mobile_menu_reactions{
float: left;
width: 100%;
margin-bottom: 20px;
}
.mobile_menu_reactions .reactions_img_wrapper a{
margin-left: 10px;
margin-right: 10px;
float: none;
display: inline-block;
}
.mobile_menu_reactions .menu_icons_custom{
margin-left: 10px;
margin-right: 10px;
float: none;
display: inline-block;
}
.mobile_menu_reactions .menu_icons_custom a{
margin-right: 0px !important;
}
.mobile_menu_reactions.reactions_menu_wrapper .reactions_img_wrapper{
padding: 0px 20px;
text-align: center;
}
/*-------------------------------------------------------------------------------------
Header menu style 3
-------------------------------------------------------------------------------------*/
.header_top_bar_wrapper{
background: #000;
float: left;
width: 100%;
}
.header_top_bar_wrapper .navigation_wrapper #jl_top_menu > li > a{
color: #fff !important;
}
.header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper .jl_main_menu > li:hover > a, .header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper .jl_main_menu > .current-menu-item > a, .header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper .jl_main_menu > .current-menu-parent > a, .header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper .jl_main_menu > .current-menu-ancestor > a{
color: #fff;
}
.header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper > ul > li > a{
color: #fff;
height: 43px;
line-height: 43px;
font-size: 12px !important;
font-weight: 400 !important;
text-transform: none;
}
.header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper > ul > li{
float: left;
}
.header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper > ul{
margin-left: 50px !important;
float: left;
width: auto;
z-index: 222;
}
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu{
width: auto;
top: 0px;
margin-right: 50px;
margin-top: 0px;
}
.header_layout_style3_custom .header_top_bar_wrapper .social_icon_header_top{}
.header_layout_style3_custom .header_top_bar_wrapper .social_icon_header_top li{
list-style: none;
float: left;
padding:0px;
margin: 0px;
}
.header_layout_style3_custom .header_top_bar_wrapper .social_icon_header_top{
margin-right: 15px;
}
.header_layout_style3_custom .header_top_bar_wrapper .social_icon_header_top li a{
margin-left: 15px;
height: 43px;
line-height: 43px;
float: left;
}
.header_layout_style3_custom .header_top_bar_wrapper .social_icon_header_top li a i{
font-size: 18px;
color: #fff !important;
}
.header_layout_style3_custom .header_top_bar_wrapper .menu_mobile_icons i, .header_layout_style3_custom .header_top_bar_wrapper .search_header_wrapper i{
color: #fff !important;
font-size: 15px;
}
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .search_header_wrapper{
margin-right: 1px;
height: 43px;
line-height: 43px;
width: 43px;
background: #ff3400;
text-align: center;
cursor: pointer;
}
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .search_header_wrapper i{
line-height: 43px;
float: none !important;
}
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .menu_mobile_icons{
height: 43px;
line-height: 43px;
width: 43px;
background: #ff3400;
text-align: center;
}
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .menu_mobile_icons i{
line-height: 43px;
float: none !important;
}
.header_layout_style3_custom{
background: #fff;
}
.header_layout_style3_custom .logo_position_wrapper{
text-align: left;
}
.header_layout_style3_custom .menu_wrapper{
background: #fff;
border: 0px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.header_layout_style3_custom.top_bar_menu_black .menu_wrapper{
background: #1f1f1f;
border: 0px;
}
.header_layout_style3_custom .navigation_wrapper > ul > li{
float: none;
margin-right: 25px;
}
.header_layout_style3_custom .navigation_wrapper > ul > li > a{
padding: 0px;
height: 60px;
line-height: 60px;
font-size: 17px;
font-weight: 600;
letter-spacing: 0px;
text-transform: none;
color: #000;
}
.header_layout_style3_custom.top_bar_menu_black .navigation_wrapper > ul > li > a{
height: 45px;
line-height: 45px;
font-size: 14px;
}
.header_layout_style3_custom .navigation_wrapper .jl_main_menu > li:hover > a, .header_layout_style3_custom .navigation_wrapper .jl_main_menu > .current-menu-item > a, .header_layout_style3_custom .navigation_wrapper .jl_main_menu > .current-menu-parent > a, .header_layout_style3_custom .navigation_wrapper .jl_main_menu > .current-menu-ancestor > a{
color: #ff3400;
}
.header_layout_style3_custom .search_header_menu{
overflow: visible;
margin: auto;
margin-right: 15px;
position: absolute;
bottom: auto;
right: 0;
height: auto;
width: 207px;
top: 50%;
margin-top: -12px;
z-index: 999;
}
.header_layout_style3_custom .search_header_menu .menu_mobile_icons i, .header_layout_style3_custom .search_header_menu .search_header_wrapper i,
.header_layout_style3_custom .search_header_menu .menu_mobile_icons:hover i,
.header_layout_style3_custom .search_header_menu .menu_mobile_icons:hover i, .header_layout_style3_custom .search_header_menu .search_header_wrapper:hover i{
color: #000;
float: left;
}
.header_layout_style3_custom .search_header_menu i{
font-size: 24px;
}
.menu_mobile_share_wrapper .menu_mobile_share{
float: right;
margin-right: 18px;
padding-bottom: 11px;
}
.menu_mobile_share_wrapper .menu_mobile_share i{
color: #000;
}
.menu_mobile_share_wrapper .social_icon_header{
border-left: 1px solid #ececec;
border-bottom: 1px solid #ececec;
background: #fff;
left: auto;
right: 0px;
top: 19px;
bottom: auto;
width: 201px;
padding: 0px;
margin-left: 0px;
display: block;
position: absolute;
z-index: 1;
overflow: visible;
height: auto !important;
visibility: hidden;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transform: translate(0px, 20px);
-moz-transform: translate(0px, 20px);
-ms-transform: translate(0px, 20px);
-o-transform: translate(0px, 20px);
transform: translate(0px, 20px);
-webkit-transition: visibility 0s, opacity 0.375s ease-in-out, -webkit-transform 0.375s ease-in-out;
-webkit-transition-delay: 0.55s, 0.175s, 0.175s;
-moz-transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, -moz-transform 0.375s ease-in-out 0.175s;
-o-transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, -o-transform 0.375s ease-in-out 0.175s;
transition: visibility 0s 0.55s, opacity 0.375s ease-in-out 0.175s, transform 0.375s ease-in-out 0.175s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
}
.top_bar_menu_black .menu_mobile_share_wrapper .social_icon_header{
top: 14px !important;
}
.menu_mobile_share_wrapper:hover .social_icon_header{
visibility:visible;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
-webkit-transition:visibility 0s ease-in-out,
opacity 0.375s ease-in-out,
-webkit-transform 0.375s ease-in-out;
-webkit-transition-delay:0.175s,0.175s,0.175s;
-moz-transition:visibility 0s ease-in-out 0.175s,
opacity 0.375s ease-in-out 0.175s,
-moz-transform 0.375s ease-in-out 0.175s;
-o-transition:visibility 0s ease-in-out 0.175s,
opacity 0.375s ease-in-out 0.175s,
-o-transform 0.375s ease-in-out 0.175s;
transition:visibility 0s ease-in-out 0.175s,
opacity 0.375s ease-in-out 0.175s,
transform 0.375s ease-in-out 0.175s
}
.menu_mobile_share_wrapper{
float: right;
position: relative;
}
.menu_mobile_share_wrapper .social_icon_header li{
float: left;
margin: 0px;
}
.menu_mobile_share_wrapper .social_icon_header li a{
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
border: 1px solid #ececec;
border-left: 0px;
border-bottom: 0px;
}
.menu_mobile_share_wrapper .social_icon_header li a i{
color: inherit;
font-size: 15px;
}
.menu_mobile_share_wrapper .social_icon_header li a.facebook{
color: #3b5999;
}
.menu_mobile_share_wrapper .social_icon_header li a.google_plus{
color: #dd4b39;
}
.menu_mobile_share_wrapper .social_icon_header li a.behance{
color: #0b66ff;
}
.menu_mobile_share_wrapper .social_icon_header li a.vimeo{
color: #1ab7ea;
}
.menu_mobile_share_wrapper .social_icon_header li a.youtube{
color: #410093;
}
.menu_mobile_share_wrapper .social_icon_header li a.tumblr{
color: #34465d;
}
.menu_mobile_share_wrapper .social_icon_header li a.instagram{
color: #3f729b;
}
.menu_mobile_share_wrapper .social_icon_header li a.linkedin{
color: #0077B5;
}
.menu_mobile_share_wrapper .social_icon_header li a.pinterest{
color: #bd081c;
}
.menu_mobile_share_wrapper .social_icon_header li a.twitter{
color: #55acee;
}
.menu_mobile_share_wrapper .social_icon_header li a.deviantart{
color: #34465d;
}
.menu_mobile_share_wrapper .social_icon_header li a.dribble{
color: #ea4c89;
}
.menu_mobile_share_wrapper .social_icon_header li a.dropbox{
color: #007ee5;
}
.menu_mobile_share_wrapper .social_icon_header li a.rss{
color: #ff6600;
}
.menu_mobile_share_wrapper .social_icon_header li a.skype{
color: #00AFF0;
}
.menu_mobile_share_wrapper .social_icon_header li a.stumbleupon{
color: #eb4924;
}
.menu_mobile_share_wrapper .social_icon_header li a.wordpress{
color: #21759b;
}
.menu_mobile_share_wrapper .social_icon_header li a.yahoo{
color: #410093;
}
.menu_mobile_share_wrapper .social_icon_header li a.flickr{
color: #ff0084;
}
.menu_mobile_share_wrapper .social_icon_header li a.soundcloud{
color: #ff5700;
}
/*-------------------------------------------------------------------------------------
Menu
-------------------------------------------------------------------------------------*/
.navigation_wrapper {
float: right;
text-align: center;
color: #161616;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.09em;
text-transform: none;
-webkit-font-smoothing: subpixel-antialiased;
z-index: -1;
}
.navigation_wrapper > ul{
float: left;
}
.navigation_wrapper ul {
list-style: none;
position: relative;
padding: 0px !important;
margin: 0px !important;
}
.navigation_wrapper .jl_main_menu a:hover{
text-decoration: none !important;
}
.navigation_wrapper ul li {
display: inline-block;
float: none;
vertical-align: top;
}
.navigation_wrapper .jl_main_menu li > a {
float: left;
padding: 0;
color: inherit;
}
.navigation_wrapper .jl_main_menu > li > a {
padding: 0 15px;
height: 80px;
line-height: 80px;
}
.navigation_wrapper .menu-item-has-children > a:after, .navigation_wrapper .menupost > a:after {
display: inline-block;
content: "\f107";
margin-left: 8px;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 0.9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navigation_wrapper .jl_main_menu > li:hover > a,
.navigation_wrapper .jl_main_menu > .current-menu-item > a,
.navigation_wrapper .jl_main_menu > .current-menu-parent > a,
.navigation_wrapper .jl_main_menu > .current-menu-ancestor > a {
}
.navigation_wrapper li:hover > a:after,
.navigation_wrapper .current-menu-item > a:after,
.navigation_wrapper .current-menu-parent > a:after,
.navigation_wrapper .current-menu-ancestor > a:after {
}
.navigation_wrapper .jl_main_menu > li > ul,
.navigation_wrapper .jl_main_menu > li > .sub-menu {
top: 100%;
margin-top: -15px !important;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.jl_main_menu .sub-menu.menu_post_feature{
width: 100% !important;
float: left;
position: absolute;
left: 0px;
}
.navigation_wrapper .jl_main_menu ul, .navigation_wrapper .jl_main_menu .sub-menu{
position: absolute;
overflow: visible;
visibility: hidden;
display: block;
opacity: 0;
padding: 0;
background: #fff;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
z-index: 100;
line-height: 1.8666;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 1px !important;
}
.navigation_wrapper .jl_main_menu li li {
display: block;
}
.navigation_wrapper .jl_main_menu ul ul{
left: 100%;
top: 0;
margin-left: 0;
}
.navigation_wrapper .jl_main_menu li li{
display: block;
}
.navigation_wrapper .jl_main_menu ul li, .navigation_wrapper .jl_main_menu .sub-menu li {
float: none;
min-width: 190px;
max-width: 350px;
border-top: 0;
padding: 0;
position: relative;
}
.navigation_wrapper .jl_main_menu > li li a {
float: none;
text-align: left;
display: block;
text-decoration: none;
padding: 5px 22px;
border-top: 0px solid #efefef;
font-size: 13px;
letter-spacing: 0px;
pointer-events: none;
text-transform: none;
font-weight: 500;
}
.navigation_wrapper .jl_main_menu > li li:first-child > a{
padding-top: 15px;
}
.navigation_wrapper .jl_main_menu > li li a{
padding-bottom: 7px !important;
}
.navigation_wrapper .jl_main_menu > li li:last-child > a{
padding-bottom: 15px !important;
}
.navigation_wrapper .jl_main_menu > li:hover li a {
pointer-events: auto;
}
.navigation_wrapper .jl_main_menu ul li,
.navigation_wrapper .jl_main_menu .sub-menu li {
float: none;
min-width: 240px;
max-width: 350px;
border-top: 0;
padding: 0;
position: relative;
}
.navigation_wrapper .jl_main_menu > li li:first-child > a {
border-top: 0;
box-shadow: none;
}
.navigation_wrapper .sub-menu li:first-child > .sub-menu {
margin-top: 0px !important;
}
.navigation_wrapper .jl_main_menu ul,
.navigation_wrapper .jl_main_menu .sub-menu {
position: absolute;
overflow: visible;
visibility: hidden;
display: block;
opacity: 0;
padding: 0;
background: #fff;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
z-index: 100;
line-height: 1.8666;
}
.navigation_wrapper .jl_main_menu ul .menu-item-has-children > a:after {
line-height: 1;
content: "\f105";
position: absolute;
top: 50%;
margin-top: -6px;
right: 16px;
color: #000;
}
.navigation_wrapper .jl_main_menu ul ul {
left: 100%;
top: 0;
margin-left: 0;
}
.navigation_wrapper li:hover > ul,
.navigation_wrapper li:hover > .sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.navigation_wrapper .jl_main_menu li li:hover > a,
.navigation_wrapper .jl_main_menu li li.current-menu-item > a {
color: #ff3400;
}
.mobile-menu-container {
display: none;
}
.navigation_wrapper .mega-menu {
left: 0;
}
.navigation_wrapper .mega-menu .sub-cats {
display: table-cell;
float: none;
vertical-align: top;
padding: 12px 30px;
width: 19.5%;
height: 100%;
border-right: 1px solid #ebebeb;
}
.navigation_wrapper .mega-menu .sub-cats li {
min-width: initial;
max-width: initial;
}
.navigation_wrapper .mega-menu .sub-cats a {
padding: 11px 0;
font-weight: 600;
}
.navigation_wrapper .mega-menu .sub-cats li:last-child a {
border-bottom: 1px solid #ebebeb;
}
.navigation_wrapper .jl_main_menu .mega-menu {
display: table;
table-layout: fixed;
}
.navigation_wrapper .jl_main_menu > li:hover > a,
.navigation_wrapper .jl_main_menu > .current-menu-item > a,
.navigation_wrapper .jl_main_menu > .current-menu-parent > a,
.navigation_wrapper .jl_main_menu > .current-menu-ancestor > a {
color: #ff3400;
}
.navigation_wrapper li:hover > a:after,
.navigation_wrapper .current-menu-item > a:after,
.navigation_wrapper .current-menu-parent > a:after,
.navigation_wrapper .current-menu-ancestor > a:after {
}
/* Social Count Plus - 3rd party plugin support */
.social-count-plus ul a, .social-count-plus .default a {
background: transparent !important;
background-size: 0px !important;
display: inline-block;
vertical-align: middle;
width: 48px !important;
height: 48px !important;
position: relative !important;
-webkit-transform: translate3d(0, 0, 0);
}
.social-count-plus ul .count-comments a { color: #125688 !important; }
.social-count-plus ul .count-comments a:before { content: "\f075"; }
.social-count-plus ul .count-posts a { color: #00bf8f !important; }
.social-count-plus ul .count-posts a:before { content: "\f040"; }
.social-count-plus ul .count-users a { color: #32506d !important; }
.social-count-plus ul .count-users a:before { content: "\f007"; }
.social-count-plus ul .count-pinterest a { color: #ff3400 !important; }
.social-count-plus ul .count-pinterest a:before { content: "\f0d2"; }
.social-count-plus ul .count-github a { color: #000000 !important; }
.social-count-plus ul .count-github a:before { content: "\f09b"; }
.social-count-plus ul .count-soundcloud a { color: #f80 !important; }
.social-count-plus ul .count-soundcloud a:before { content: "\f1be"; }
.social-count-plus ul .count-twitter a { color: #00abe3 !important; }
.social-count-plus ul .count-twitter a:before { content: "\f099"; }
.social-count-plus ul .count-facebook a { color: #004088 !important; }
.social-count-plus ul .count-facebook a:before { content: "\f09a"; }
.social-count-plus ul .count-youtube a { color: #cd332d !important; }
.social-count-plus ul .count-youtube a:before { content: "\f167"; }
.social-count-plus ul .count-googleplus a { color: #dd4b39 !important; }
.social-count-plus ul .count-googleplus a:before { content: "\f0d5"; }
.social-count-plus ul .count-instagram a { color: #3f729b !important; }
.social-count-plus ul .count-instagram a:before { content: "\f16d"; }
.social-count-plus ul .count-steam a { color: #333 !important; }
.social-count-plus ul .count-steam a:before { content: "\f1b6"; }
.social-count-plus ul li {
width: 49.7% !important;
border: 1px solid #E4E4E4 !important;
margin-right: 0.3%;
margin-bottom: 0.3%;
padding: 5px 0px 15px 0px;
}
.social-count-plus span span {
font-size: 15px !important;
font-weight: normal !important;
line-height: 1.2 !important;
}
.social-count-plus .count {
font-size: 18px;
font-weight: normal;
line-height: 2;
} .social-count-plus .label {
font-size: 12px;
line-height: 2;
text-transform: none;
}
.social-count-plus ul li a:before {
font-family: FontAwesome;
position: absolute; top: 50%;
left: 0;
width: 100%;
margin-top: -21px;
font-size: 28px;
text-align: center;
}
/* Slider multi width */
.slider_multi_width_wrapper{
float: left;
width: 100%;
}
.intro-carousel.carousel_multi_width .item
{
background: #000 !important;
}
.intro-carousel.carousel_multi_width, .intro-carousel.carousel_multi_width .item, .intro-carousel.carousel_multi_width img{
height: 510px;
overflow: hidden;
}
.intro-carousel.carousel_multi_width .owl-controls{
cursor: pointer;
}
.intro-carousel.carousel_multi_width .album-info{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 40px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.intro-carousel.carousel_multi_width .album-info h3{
opacity: 0;
font-size: 18px;
line-height: 25px;
text-transform: none;
letter-spacing: 8px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.intro-carousel.carousel_multi_width .album-info h6{
opacity: 0;
font-size: 16px;
line-height: 23px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.intro-carousel.carousel_multi_width .album-info:hover h3, .intro-carousel.carousel_multi_width .album-info:hover h6{
margin: 5px 0px;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.intro-carousel.carousel_multi_width .owl-item .bubble{
float: left;
width: 100%;
background: #000;
}
.intro-carousel.carousel_multi_width .owl-item img{
width: auto !important;
}
.intro-carousel.carousel_multi_width .jelly_pro_post_arrow_right{
background: url('img/prev.png') center !important;
left: 20px !important;
position: absolute;
width: 60px;
height: 50px;
top: 50%;
margin-top: -25px;
z-index: 1;
}
.intro-carousel.carousel_multi_width .jelly_pro_post_arrow_left{
background: url('img/next.png') center !important;
right: 20px !important;
position: absolute;
width: 60px;
height: 50px;
top: 50%;
margin-top: -25px;
z-index: 1;
}
.carousel_multi_width .banner-container h5{ width: 300px;}
/* Grid slider */
.magazine_3_grid_slider{
float: left;
width: 100%;
}
.magazine_3_grid_slider .row{
margin-bottom: 0px;
}
.magazine_3_grid_slider:hover img{
}
.magazine_3_grid_slider .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 4px 0px;
line-height: 0;
text-transform: none;
}
.magazine_3_grid_slider .banner-container h1 a{
color: #fff;
line-height: 1.2;
}
.magazine_3_grid_slider .banner-container h1 a:hover{
color: #fff !important;
opacity: 0.8;
}
.magazine_3_grid_slider .banner-container .meta-category-small a{
float: left;
margin: 0px 10px 0px 0px;
}
.magazine_3_grid_slider .main-static-post-header{
width: 65%;
height: 440px;
float: left;
background: #ececec;
border-bottom: 1px solid #fff;
}
.magazine_3_grid_slider .main-static-post-header .feature-link, .magazine_3_grid_slider .small-static-post-header .feature-link{
float: left;
width: 100%;
background: #000;
}
.magazine_3_grid_slider .main-static-post-header img, .magazine_3_grid_slider .small-static-post-header img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
width: 100%;
}
.header_slider_and_feaure_post_options .featured_thumbnail_link{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.3;
}
.magazine_3_grid_slider .main-static-post-header .banner-container h1 a{
font-size: 35px !important;
letter-spacing: -0.02em;
text-transform: none;
font-weight: 500;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.magazine_3_grid_slider .small-static-post-header{
width: 35%;
height: 220px;
float: left;
background: #ececec;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.magazine_3_grid_slider .small-static-post-header .banner-container h1 a{
font-size: 20px !important;
text-transform: none;
font-weight: 500;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.header_slider_and_feaure_post_options .slider_grid_image_style{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.magazine_3_grid_slider:hover .slick-arrow{
opacity: 1 !important;
}
.magazine_3_grid_slider .jelly_pro_post_arrow_right, .magazine_3_grid_slider .jelly_pro_post_arrow_left{
position: absolute;
top: 0px;
z-index: 1;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px;
text-align: center;
color: #fff;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
cursor: pointer;
opacity: 0 !important;
}
.magazine_3_grid_slider .jelly_pro_post_arrow_right:hover, .magazine_3_grid_slider .jelly_pro_post_arrow_left:hover{
color: #fff !important;
}
.magazine_3_grid_slider .jelly_pro_post_arrow_left{
left: 0px;
}
.magazine_3_grid_slider .jelly_pro_post_arrow_right{
left: 50px;
}
.magazine_3_grid_slider .jelly_pro_post_arrow_right:hover, .magazine_3_grid_slider .jelly_pro_post_arrow_left:hover{
color: #000;
}
.magazine_3_grid_slider .banner-container{
position: absolute;
left: 0px;
top: auto;
z-index: 9;
bottom: 0px;
color: #fff;
width: 100%;
text-align: left;
padding: 25px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(220%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 220%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.header_small_4_carousel{
overflow: hidden;
position: relative;
}
.header_small_4_carousel .meta-category-small{
text-align: center;
}
.header_small_4_carousel .meta-category-small a{
margin: 0px 2.5px !important;
background: #000;
background-color: rgba(0,0,0,.7);
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0, 0);
font-size: 10px;
text-transform: none;
display: inline-block;
}
/*grid 3 style 2*/
.page_slider_grid_3_style_2{
margin-top: 40px;
float: left;
width: 100%;
}
.page_slider_grid_3_style_2 .row{ margin-bottom: 0px;}
.page_slider_grid_3_style_2 .main-static-post-header{
width: 46%;
height: 450px;
position: relative;
background: #ececec;
}
.page_slider_grid_3_style_2 .small-static-post-header{
width: 27%;
height: 450px;
border-left: 2px solid #fff;
}
.page_slider_grid_3_style_2 .jelly_pro_post_arrow_right, .page_slider_grid_3_style_2 .jelly_pro_post_arrow_left{
position: absolute;
top: 0px;
z-index: 1;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 15px;
text-align: center;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
cursor: pointer;
}
.page_slider_grid_3_style_2 .jelly_pro_post_arrow_left{left: 0px;}
.page_slider_grid_3_style_2 .jelly_pro_post_arrow_right{left: 31px;}
.page_slider_grid_3_style_2 .banner-container{
position: absolute;
left: 0px;
top: auto;
z-index: 9;
bottom: 0px;
color: #fff;
width: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(190%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.page_slider_grid_3_style_2 .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px;
line-height: 0;
text-transform: none;
}
.page_slider_grid_3_style_2 .banner-container h1 a{
font-size: 18px !important;
letter-spacing: -0.02em;
text-transform: none;
line-height: 1.2;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.page_slider_grid_3_style_2 .banner-container h1 a:hover{
color: #fff !important;
}
/*grid 5 style*/
.page_slider_grid_5_style{
float: left;
width: 100%;
}
.page_slider_grid_5_style .row{ margin-bottom: 0px;}
.page_slider_grid_5_style .main-static-post-header{
width: 50%;
height: 510px;
position: relative;
background: #ececec;
border-bottom: 1px solid #fff;
}
.page_slider_grid_5_style .small-static-post-header{
width: 25%;
height: 255px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
.page_slider_grid_5_style:hover .slick-arrow{
opacity: 1 !important;
}
.page_slider_grid_5_style .slick-arrow{
opacity: 0 !important;
}
.page_slider_grid_5_style .jelly_pro_post_arrow_right, .page_slider_grid_5_style .jelly_pro_post_arrow_left{
position: absolute;
top: 0px;
z-index: 1;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: center;
color: #000;
background: #fff;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.page_slider_grid_5_style .jelly_pro_post_arrow_left{left: 10px; top: 10px;}
.page_slider_grid_5_style .jelly_pro_post_arrow_right{left: 55px; top: 10px;}
.page_slider_grid_5_style .banner-container{
position: absolute;
left: 0px;
top: auto;
z-index: 9;
bottom: 0px;
color: #fff;
width: 100%;
text-align: left;
padding: 30px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(190%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.page_slider_grid_5_style .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px 3px 0px;
line-height: 0;
text-transform: none;
}
.page_slider_grid_5_style .banner-container h1 a{
font-size: 35px !important;
letter-spacing: -0.02em;
text-transform: none;
line-height: 1.2;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
float: left;
}
.page_slider_grid_5_style .banner-container h1 a:hover{
color: #fff !important;
opacity: 0.8;
}
.page_slider_grid_5_style .small-static-post-header .banner-container h1 a{
font-size: 20px !important;
float: left;
}
/*grid 6 style*/
.page_slider_grid_6_style{
margin-top: 40px;
float: left;
width: 100%;
}
.page_slider_grid_6_style .row{ margin-bottom: 0px;}
.page_slider_grid_6_style .main-static-post-header, .page_slider_grid_6_style .small-static-post-header.margin_2, .page_slider_grid_6_style .small-static-post-header.margin_8, .page_slider_grid_6_style .small-static-post-header.margin_14, .page_slider_grid_6_style .small-static-post-header.margin_20, .page_slider_grid_6_style .small-static-post-header.margin_26{
width: 50%;
height: 350px;
position: relative;
background: #ececec;
border-bottom: 2px solid #fff;
}
.page_slider_grid_6_style .small-static-post-header{
width: 25%;
height: 255px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
.page_slider_grid_6_style .jelly_pro_post_arrow_right, .page_slider_grid_6_style .jelly_pro_post_arrow_left{
position: absolute;
top: 0px;
z-index: 1;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 15px;
text-align: center;
color: #fff;
background: #000;
background: rgba(0,0,0,0.2);
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
cursor: pointer;
}
.page_slider_grid_6_style .jelly_pro_post_arrow_left{left: 0px;}
.page_slider_grid_6_style .jelly_pro_post_arrow_right{left: 31px;}
.page_slider_grid_6_style .banner-container{
position: absolute;
left: 0px;
top: auto;
z-index: 9;
bottom: 0px;
color: #fff;
width: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(190%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.page_slider_grid_6_style .banner-container h1{
float: left;
width: 100%;
margin: 7px 0px;
line-height: 0;
text-transform: none;
}
.page_slider_grid_6_style .small-static-post-header.margin_3, .page_slider_grid_6_style .small-static-post-header.margin_9{
border-left: 0px !important;
}
.page_slider_grid_6_style .banner-container h1 a, .page_slider_grid_6_style .small-static-post-header.margin_8 .banner-container h1 a, .page_slider_grid_6_style .small-static-post-header.margin_2 .banner-container h1 a{
font-size: 23px !important;
letter-spacing: -0.02em;
text-transform: none;
line-height: 1.2;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.page_slider_grid_6_style .small-static-post-header.margin_8 .banner-container .meta-category-small a, .page_slider_grid_6_style .small-static-post-header.margin_2 .banner-container .meta-category-small a{
padding: 5px 11px 4px;
font-size: 10px !important;
}
.page_slider_grid_6_style .banner-container h1 a:hover{
color: #fff !important;
}
.page_slider_grid_6_style .small-static-post-header .banner-container h1 a{
font-size: 15px !important;
float: left;
}
.page_slider_grid_6_style .small-static-post-header .banner-container .meta-category-small a{
padding: 3px 7px 1px;
font-size: 9px !important;
}
/*grid 4 style with pop*/
.grid_slider_with_pop_post{
width: 71%;
float: left;
position: relative;
}
.page_slider_grid_3_pop{
margin-top: 40px;
float: left;
width: 100%;
}
.page_slider_grid_3_pop .row{ margin-bottom: 0px;}
.page_slider_grid_3_pop .main-static-post-header{
width: 67%;
height: 501px;
position: relative;
background: #ececec;
border-bottom: 1px solid #fff;
}
.page_slider_grid_3_pop .small-static-post-header{
width: 33%;
height: 167px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
.page_slider_grid_3_pop .jelly_pro_post_arrow_right, .page_slider_grid_3_pop .jelly_pro_post_arrow_left{
position: absolute;
top: 0px;
z-index: 1;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
cursor: pointer;
}
.page_slider_grid_3_pop .jelly_pro_post_arrow_left{left: 0px;}
.page_slider_grid_3_pop .jelly_pro_post_arrow_right{left: 31px;}
.page_slider_grid_3_pop .banner-container{
bottom: 0px;
top: auto;
left: 0px;
right: 0px;
text-align: left;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(190%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 190%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.page_slider_grid_3_pop .main-static-post-header .banner-container h1{
float: left;
width: 100%;
margin: 5px 0px;
}
.page_slider_grid_3_pop .banner-container h1{
margin: 0px;
padding: 0px;float: left;
width: 100%;
margin: 5px 0px;
line-height: 0;
}
.page_slider_grid_3_pop .main-static-post-header .banner-container{
padding: 0px 20px 20px 20px;
}
.page_slider_grid_3_pop .small-static-post-header .banner-container{
padding: 0px 10px 10px 10px;
}
.page_slider_grid_3_pop .small-static-post-header .banner-container .post-meta.meta-main-img{
display: none;
}
.page_slider_grid_3_pop .small-static-post-header .banner-container .meta-category-small a{
padding: 3px 7px 1px;
font-size: 9px !important;
}
.page_slider_grid_3_pop .main-static-post-header .love_post_view_header{
top: 5px;
right: 10px;
}
.page_slider_grid_3_pop .small-static-post-header .love_post_view_header{
top: 0px;
right: 5px;
}
.page_slider_grid_3_pop .small-static-post-header .love_post_view_header a{
font-size: 12px !important;
}
.page_slider_grid_3_pop .main-static-post-header .banner-container h1 a{
font-size: 25px;
line-height: 1.2;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
text-transform: none;
}
.page_slider_grid_3_pop .small-static-post-header .banner-container h1 a{
font-size: 15px;
line-height: 1.2;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
text-transform: none;
}
/*right pop post*/
.pop_post_right_slider{
width: 29%;
position: relative;
float: left;
overflow: hidden;
border-left: 1px solid #fff;
}
.pop_post_right_slider .slider_pop_post_list{
float: left;
width: 100%;
}
.pop_post_right_slider .headding_pop_post{
float: left;
width: 100%;
padding-left: 16px;
text-align: left;
height: 45px;
line-height: 45px;
background: #ff3400;
color: #fff;
font-size: 16px;
text-transform: none;
font-weight: 600;
}
.pop_post_right_slider .slider_pop_post_list_items{
float: left;
width: 100%;
height: 114px;
background: #ececec;
position: relative;
border-bottom: 1px solid #fff;
}
.pop_post_right_slider .slider_pop_post_list_items .slider_grid_image_style{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pop_post_right_slider .slider_pop_post_list_items .featured_thumbnail_link{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
border-left: 7px solid #ff3400;
opacity: 0.7;
background: #000;
}
.pop_post_right_slider .slider_pop_post_list_items .item-details{
position: absolute;
left: 20px;
right: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.pop_post_right_slider .slider_pop_post_list_items .feature-post-title{
margin: 0px;
padding: 0px;
line-height: 0;
margin-bottom: 3px;
}
.pop_post_right_slider .slider_pop_post_list_items .feature-post-title a{
font-size: 13px;
color: #fff;
line-height: 1.4;
text-transform: none;
}
.pop_post_right_slider .slider_pop_post_list_items .post-meta{
float: left;
}
.pop_post_right_slider .slider_pop_post_list_items .post-meta span{
color: #fff;
float: left;
margin-right: 10px;
font-size: 11px !important;
text-transform: none;
}
.pop_post_right_slider .slider_pop_post_list_items .post-meta span i{
margin-right: 3px;
}
.pop_post_right_slider .slider_pop_post_list_items .post-meta span a{
color: #fff;
font-size: 11px !important;
text-transform: none;
}
.pop_post_right_slider .slider_pop_post_list_items .post-meta span a:hover{
color: #fff !important;
}
.page_slider_grid_3_pop a:hover{
color: #fff !important;
opacity: 0.8;
}
/*-------------------------------------------------------------------------------------
Magazine grid
-------------------------------------------------------------------------------------*/
.magazine_grid_color_container_wrapper{
float: left;
width: 100%;
margin-top: 40px;
}
.magazine_grid_color_container_wrapper .row{
margin-bottom: 0px;
}
.magazine_static_grid_color .banner-container{
background: none;
}
.magazine_static_grid_color .main-static-post-header>a, .magazine_static_grid_color .small-static-post-header.iteam2>a, .magazine_static_grid_color .small-static-post-header.iteam3>a, .magazine_static_grid_color .small-static-post-header.iteam4>a, .magazine_static_grid_color .small-static-post-header.iteam5>a{
float: left;
width: 100%;
}
.magazine_static_grid_color .main-static-post-header>a>img, .magazine_static_grid_color .small-static-post-header.iteam2>a>img, .magazine_static_grid_color .small-static-post-header.iteam3>a>img, .magazine_static_grid_color .small-static-post-header.iteam4>a>img, .magazine_static_grid_color .small-static-post-header.iteam5>a>img{
opacity: 0.3 !important;
width: 100%;
}
.magazine_static_grid_color .main-static-post-header:hover>a>img, .magazine_static_grid_color .small-static-post-header.iteam2:hover>a>img, .magazine_static_grid_color .small-static-post-header.iteam3:hover>a>img, .magazine_static_grid_color .small-static-post-header.iteam4:hover>a>img, .magazine_static_grid_color .small-static-post-header.iteam5:hover>a>img{
opacity: 0.4 !important;
}
.magazine_static_grid_color .main-static-post-header h5 a, .magazine_static_grid_image .main-static-post-header h5 a{
font-weight: 700 !important;
text-transform: none;
letter-spacing: -0.01em;
font-size: 25px;
}
.magazine_static_grid_color .small-static-post-header h5 a, .magazine_static_grid_image .small-static-post-header h5 a{
font-weight: 700 !important;
text-transform: none;
letter-spacing: -0.01em;
font-size: 18px;
}
.comment_box_count_post_wrapper{
position: absolute;
top: 10px;
right: 10px;
}
.comment_box_count_post_wrapper .comment_box_count_post{
float: left;
font-size: 12px;
text-align: center;
line-height: 1;
position: relative;
display: block;
padding: 0px 7px;
height: 17px;
line-height: 17px;
background: #fff;
color: #000;
}
.comment_box_count_post_wrapper .comment_box_count_post a{
color: #000;
}
.comment_box_count_post_wrapper .comment_box_count_post:before{
content: " ";
position: absolute;
bottom: -4px;
left: 30%;
border-width: 0 0 6px 6px;
border-style: solid;
border-color: transparent #fff;
}
/*-------------------------------------------------------------------------------------
Magazine grid color
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
Magazine carousel
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
Loading
-------------------------------------------------------------------------------------*/
.jelly_loading_pro {
display: block;
height: 200px;
overflow: hidden;
position: relative;
}
.jelly_loading_pro div {
opacity: 0;
}
.jelly_loading_pro:after {
content: '';
width: 49px;
height: 49px;
background: #222;
position: absolute;
left: 50%;
margin-left: -17px !important;
position: absolute;
top: 50%;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes sk-rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.jelly_loading_pro.slick-initialized{
height: auto;
}
.jelly_loading_pro.slick-initialized div {
opacity: 1;
}
.jelly_loading_pro.slick-initialized:after {
display: none;
}
.news_tiker_loading_pro {
display: block;
height: 30px;
overflow: hidden;
}
.news_tiker_loading_pro div {
opacity: 0;
}
.news_tiker_loading_pro.slick-initialized{
height: auto;
}
.news_tiker_loading_pro.slick-initialized div {
opacity: 1;
}
.news_tiker_loading_pro.slick-initialized:after {
display: none;
}
.news_tiker_small_img_loading_pro {
display: block;
height: 70px;
}
.news_tiker_small_img_loading_pro div {
opacity: 0;
}
.news_tiker_small_img_loading_pro.slick-initialized{
height: auto;
}
.news_tiker_small_img_loading_pro.slick-initialized div {
opacity: 1;
}
.news_tiker_small_img_loading_pro.slick-initialized:after {
display: none;
}
/*-------------------------------------------------------------------------------------
continue reading button
-------------------------------------------------------------------------------------*/
.large_continue_reading {
margin:0px;
float: left;
text-align: center;
width: 100%;
}
.large_continue_reading span {
display: inline-block;
position: relative;
color: #000000;
background: #FFF;
padding: 0px;
height: 32px;
line-height: 30px;
text-transform: none;
letter-spacing: 0px;
}
.large_continue_reading span a {
color: #fff;
display: block;
padding: 0px 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
height: 32px;
line-height: 32px;
background: #25262e;
font-weight: 400;
font-size: 11px;
}
.blog-list-padding .large_continue_reading span{
display: inline-block;
position: relative;
color: #000;
background: #FFF;
padding: 0px;
height: 30px;
line-height: 30px;
text-transform: none;
letter-spacing: 0px;
}
.large_continue_reading span a:hover, .jelly_homepage_builder .large_continue_reading span a:hover{
text-decoration: none !important;
background: #ff3400;
color: #FFF !important;
}
/*-------------------------------------------------------------------------------------
Social icons
-------------------------------------------------------------------------------------*/
.jellywp_about_us_widget_wrapper{
text-align: left;
}
.social-icons-list-widget {
padding: 0px;
margin: 0px;
margin-top: 5px;
float: left;
width: 100%;
text-align: center;
}
.social-icons-list-widget li {
float: left;
list-style: none;
margin-right: 4px;
margin-bottom: 5px;
}
.social-icons-list-widget.iconss_widget_display{
margin-right: -1px !important;
margin-left: -1px !important;
width: auto;
}
.social-icons-list-widget.iconss_widget_display li {
margin-right: 0px;
margin-bottom: 2px;
width: 50%;
padding-right: 1px;
padding-left: 1px;
float: left;
opacity: 0.9;
}
.social-icons-list-widget.iconss_widget_display{
margin: 0px;
}
footer .social-icons-list-widget.iconss_widget_display li a {
color: #FFF;
}
.social-icons-list-widget.iconss_widget_display li a {
width: 100%;
height: 35px;
line-height: 35px;
font-size: 12px;
padding-right: 0px;
padding-left: 0px;
color: #fff;
text-transform: none;
text-align: left;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.social-icons-list-widget.iconss_widget_display li a i{
margin-right: 5px !important;
background: #000;
background-color: rgba(0,0,0,.08);
height: 35px;
line-height: 35px;
width: 35px;
font-size: 13px;
text-align: center;
}
.social-icons-list-widget.iconss_widget_display li a:hover{
text-decoration: none !important;
color: #fff !important;
}
.social-icons-list-widget.iconss_widget_display li a.facebook{
background: #3b5999;
}
.social-icons-list-widget.iconss_widget_display li a.google_plus{
background: #dd4b39;
}
.social-icons-list-widget.iconss_widget_display li a.behance{
background: #0b66ff;
}
.social-icons-list-widget.iconss_widget_display li a.vimeo{
background: #1ab7ea;
}
.social-icons-list-widget.iconss_widget_display li a.youtube{
background: #410093;
}
.social-icons-list-widget.iconss_widget_display li a.tumblr{
background: #34465d;
}
.social-icons-list-widget.iconss_widget_display li a.instagram{
background: #3f729b;
}
.social-icons-list-widget.iconss_widget_display li a.linkedin{
background: #0077B5;
}
.social-icons-list-widget.iconss_widget_display li a.pinterest{
background: #bd081c;
}
.social-icons-list-widget.iconss_widget_display li a.twitter{
background: #55acee;
}
.social-icons-list-widget.iconss_widget_display li a.deviantart{
background: #34465d;
}
.social-icons-list-widget.iconss_widget_display li a.dribble{
background: #ea4c89;
}
.social-icons-list-widget.iconss_widget_display li a.dropbox{
background: #007ee5;
}
.social-icons-list-widget.iconss_widget_display li a.rss{
background: #ff6600;
}
.social-icons-list-widget.iconss_widget_display li a.skype{
background: #00AFF0;
}
.social-icons-list-widget.iconss_widget_display li a.stumbleupon{
background: #eb4924;
}
.social-icons-list-widget.iconss_widget_display li a.wordpress{
background: #21759b;
}
.social-icons-list-widget.iconss_widget_display li a.yahoo{
background: #410093;
}
.social-icons-list-widget.iconss_widget_display li a.flickr{
background: #ff0084;
}
.social-icons-list-widget.iconss_widget_display li a.soundcloud{
background: #ff5700;
}
.header_social_icons_jl{
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 99;
background: #fff;
}
.header_social_icons_jl .social-icons-list-widget{
margin-top: 10px;
}
#content_nav .header_social_icons_jl .social-icons-list-widget li a{
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
color: #fff;
float: left;
padding: 13px 0px;
}
#content_nav .header_social_icons_jl .social-icons-list-widget li a:hover{
color: #fff !important;
}
#content_nav .header_social_icons_jl .social-icons-list-widget li a i{
margin-right: 0px;
display: block;
}
.social-icons-list-widget li a i{
margin-right: 0px !important;
}
.social-icons-list-widget li a {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 12px;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.social-icons-list-widget li a{}
.social-icons-list-widget li a:hover {
color: #fff;
}
.social-icons-list-widget.icons_about_widget_display li a.facebook{
background: #3b5999;
}
.social-icons-list-widget.icons_about_widget_display li a.google_plus{
background: #dd4b39;
}
.social-icons-list-widget.icons_about_widget_display li a.behance{
background: #0b66ff;
}
.social-icons-list-widget.icons_about_widget_display li a.vimeo{
background: #1ab7ea;
}
.social-icons-list-widget.icons_about_widget_display li a.youtube{
background: #410093;
}
.social-icons-list-widget.icons_about_widget_display li a.tumblr{
background: #34465d;
}
.social-icons-list-widget.icons_about_widget_display li a.instagram{
background: #3f729b;
}
.social-icons-list-widget.icons_about_widget_display li a.linkedin{
background: #0077B5;
}
.social-icons-list-widget.icons_about_widget_display li a.pinterest{
background: #bd081c;
}
.social-icons-list-widget.icons_about_widget_display li a.twitter{
background: #55acee;
}
.social-icons-list-widget.icons_about_widget_display li a.deviantart{
background: #34465d;
}
.social-icons-list-widget.icons_about_widget_display li a.dribble{
background: #ea4c89;
}
.social-icons-list-widget.icons_about_widget_display li a.dropbox{
background: #007ee5;
}
.social-icons-list-widget.icons_about_widget_display li a.rss{
background: #ff6600;
}
.social-icons-list-widget.icons_about_widget_display li a.skype{
background: #00AFF0;
}
.social-icons-list-widget.icons_about_widget_display li a.stumbleupon{
background: #eb4924;
}
.social-icons-list-widget.icons_about_widget_display li a.wordpress{
background: #21759b;
}
.social-icons-list-widget.icons_about_widget_display li a.yahoo{
background: #410093;
}
.social-icons-list-widget.icons_about_widget_display li a.flickr{
background: #ff0084;
}
.social-icons-list-widget.icons_about_widget_display li a.soundcloud{
background: #ff5700;
}
/*-------------------------------------------------------------------------------------
Form
-------------------------------------------------------------------------------------*/
#content form {
margin-bottom: 30px;
}
#content fieldset {
margin-bottom: 20px;
}
#content form .logged-in-as, #content form .comment-notes{
margin-bottom: 20px;
float: left;
width: 100%;
}
#content .col-md-4, .comment-form-author, .comment-form-email, .comment-form-url{
width: 33.33333333%;
}
#content .container_grid_small_post_home{
margin-right: -15px;
margin-left: -15px;
}
#content .blog_grid_post_style{
padding-right: 15px;
padding-left: 15px;
}
.form-fields.row input{
margin-bottom: 0px !important;
}
.comment-form-comment{
margin-bottom: 25px;
}
.wpcf7, .wpcf7 .form-fields.row{
margin-top: 25px;
}
.form-fields.row{
margin-bottom: 30px;
}
.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content textarea:focus{
border-color: #444;
background: #f9f9f9;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content textarea,
#content select,
.comment-form-comment textarea{
border: solid 1px #e4e4e4;
padding: 10px;
outline: none;
line-height: 20px;
margin: 0;
color: #555;
width: 100%;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#content select {
padding: 0;
}
.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content textarea:focus {
color: #444;
}
#content textarea {
min-height: 60px;
}
#content label,
#content legend {
display: block;
font-size: 15px;
font-weight: 400;
}
#content select {
width: 220px;
}
#content input[type="checkbox"] {
display: inline;
}
#content label span,
#content legend span {
font-weight: normal;
font-size: 13px;
color: #444;
}
.wpcf7-form-control-wrap{
margin-top: 5px;
margin-bottom: 15px;
float: left;
width: 100%;
}
.wpcf7-not-valid-tip{
color: #f00 !important;
}
#respond{
float: left;
width: 100%;
padding-top: 17px;
}
.logged-in-as a:hover{
color: #ff3400;
text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.widget-title h2,
#menu a,
.tickerfloat,
#menu li.current_page_item>a,
#menu li.current-menu-item>a {
font-family: Poppins;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a,
a:hover {
color: #000;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
text-decoration: none !important;
color: #ff3400 !important;
}
h1 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 14px
}
h2 {
font-size: 32px;
line-height: 1.2;
margin-bottom: 10px
}
h3 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 8px
}
h4 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 4px
}
h5 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 4px
}
h6 {
font-size: 16px;
line-height: 1.2
}
.mejs-container {
position: absolute;
bottom: 0px;
width: 100%;
}
.embed_wrapper {
margin: 30px 0px !important;
}
blockquote.quote_content {
margin: 20px 0px !important;
float: left;
width: 100%;
}
/*-------------------------------------------------------------------------------------
title
-------------------------------------------------------------------------------------*/
.single_post_title {
padding-bottom: 45px !important;
}
.page-title,
.single_post_title {
margin: 0px;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 2px solid #25262e;
font-size: 28px;
line-height: 1.2;
margin-top: -5px;
color: #000;
text-transform: none;
font-weight: 600;
letter-spacing: -0.03em;
}
.main_title_wrapper{
float: left;
width: 100%;
text-align: left;
padding: 0px;
}
.main_title_wrapper.jl_page_title{
padding-top: 60px;
}
.main_title_wrapper.category_title_section.jl_section_no_image{
padding: 20px 0px 20px 0px;
background: #f3f3f3;
border-bottom: 1px solid #e8e8e8;
}
.main_title_wrapper.category_title_section.jl_section_no_image .categories-title.title{
color: #000;
}
.main_title_wrapper.category_title_section.jl_section_no_image .main_title_col .main_title_col_wrapper .breadcrumbs_options a, .main_title_wrapper.category_title_section.jl_section_no_image .main_title_col .main_title_col_wrapper .breadcrumbs_options, .main_title_wrapper.category_title_section.jl_section_no_image .main_title_col .main_title_col_wrapper h3, .main_title_wrapper.category_title_section.jl_section_no_image .main_title_col .main_title_col_wrapper p{
color: #000 !important;
}
.main_title_wrapper.category_title_section.jl_section_no_image .main_title_col{
height: auto;
}
.main_title_wrapper.category_title_section.jl_section_no_image .main_title_col .main_title_col_wrapper{
position: static;
}
.main_title_wrapper.category_title_section{
text-align: left;
background: #000;
position: relative;
}
.main_title_wrapper.category_title_section .category_image_bg_image{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
float: left;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
opacity: 0.8;
}
.main_title_wrapper.category_title_section .main_title_col{
height: 450px;
}
.main_title_wrapper.category_title_section .main_title_col .main_title_col_wrapper{
position: absolute;
bottom: 20px;
left: 20px;
}
.main_title_wrapper.category_title_section .main_title_col .main_title_col_wrapper .breadcrumbs_options a, .main_title_wrapper.category_title_section .main_title_col .main_title_col_wrapper .breadcrumbs_options , .main_title_wrapper.category_title_section .main_title_col .main_title_col_wrapper h3, .main_title_wrapper.category_title_section .main_title_col .main_title_col_wrapper p{
color: #fff !important;
}
.main_title_wrapper .row{
margin-bottom: 0px;
}
.main_title_wrapper .categories-title.title{
font-weight: 800 !important;
font-size: 40px;
margin: 10px 0px;
line-height: 34px;
color: #25262e;
float: left;
width: 100%;
letter-spacing: -0.01em;
text-transform: none;
}
.main_title_wrapper p{
float: left;
font-size: 16px;
font-weight: 300;
margin-bottom: 0px;
}
.single-post-title,
.datepost-title {
font-size: 30px;
margin-bottom: 10px;
}
#sidebar .widget_container{
float: left;
width: 100%;
padding: 25px 0px 25px 0px;
background: #FFF;
}
.post_list_widget.comment_widget{
margin-bottom: 50px !important;
}
.post_list_widget.comment_widget .image_post{
width: 70px !important;
}
#sidebar .widget_container .widget{
margin-bottom: 0px;
}
.tab_widget .widget_container{
padding: 0px !important;
}
.tab_widget .widget_container .tab-container{
padding:6px 0px 25px 0px !important;
}
#sidebar .widget_container,
footer .widget_container {
float: left;
}
.social-twitter,
.social-facebook,
.social-youtube,
.social-google-plus {
width: 50%;
float: left;
margin-bottom: 15px;
}
.social-twitter .icon {
background: #4099FF;
}
.social-facebook .icon {
background: #3B5998;
}
.social-youtube .icon {
background: #CD332D;
}
.social-google-plus .icon {
background: #DD4B39;
}
.social-twitter .icon,
.social-facebook .icon,
.social-youtube .icon,
.social-google-plus .icon {
float: left;
color: #FFF;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 30px;
margin-right: 10px;
}
.social-twitter h2,
.social-facebook h2,
.social-youtube h2,
.social-google-plus h2 {
font-size: 20px !important;
margin: 0px;
line-height: 20px;
}
.social-twitter p,
.social-facebook p,
.social-youtube p,
.social-google-plus p {
font-size: 13px !important;
margin: 0px !important;
}
.ads300x250-thumb {
text-align: center;
}
.panel-grid .ads_widget_container, .panel-grid .ads_widget_container .widget{
padding: 0px !important;
background: none !important;
}
.panel-grid .ads_widget_container{margin-bottom: 30px;}
.adss_header{
width: 100%;
text-align: center;
margin-top: 30px;
float: left;
}
.adss_header .widget.ads_widget_container{
margin-bottom: 0px;
}
footer .recent_post_large_widget{
border-bottom: 1px solid #232323;
}
.recent_post_large_widget .image_post{
position: relative;
}
.recent_post_large_widget {
float: left;
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
}
.recent_post_large_widget .wrap_box_style_main.post_meta_overlay_img{
position: absolute;
bottom: 0px;
background: #fff;
width: auto;
}
.recent_post_large_widget .meta-category-small{
position: absolute;
top: 0px;
left: 20px;
width: auto;
z-index: 99;
}
.recent_post_large_widget .meta-category-small a{
padding: 7px 15px 7px;
}
.recent_post_large_widget .post-meta{
float: left;
width: 100%;
color: #737373;
font-size: 14px !important;
text-transform: none;
}
.recent_post_large_widget .post-meta a{
color: #444;
font-weight: 400;
}
.recent_post_large_widget .post-meta a:hover{
text-decoration: none !important;
float: none !important; }
.post-meta .post-author:hover a, .post-meta .post-author a:hover{
margin: 0px !important;
padding: 0px !important;
line-height: auto;
float: none !important;
text-decoration: none !important;
}
.recent_post_large_widget:last-child {
margin-bottom: 0px;
border-bottom: 0px solid #EDEDED;
padding-bottom: 0px;
}
.recent_post_large_widget .image_post a.feature-link {
float: left;
width: 100%;
margin-bottom: 0px;
position: relative;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.layout_magazine_video .overlay_icons{
display: none;
}
.layout_magazine_video .post_type_icon, .layout_magazine_video .header_small_carousel_post .post_type_icon{
display: block;
}
.post_type_icon, .header_small_carousel_post .post_type_icon{
display: none;
color: #FFF;
border: 3px solid #fff;
background: #000;
font-size: 20px !important;
height: 45px;
width: 45px;
line-height: 45px;
left: 50%;
margin-left: -17px !important;
margin-top: -17px !important;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
opacity: 0.7;
}
.post_type_icon:before{
margin-left: 14px !important;
font-size: 18px;
margin-top: -2px !important;
float: left;
}
.feature-post-list .post_type_icon, .recent-grid-post-widget .post_type_icon, .recent_post_large_widget .post_type_icon{
border: 2px solid #fff;
height: 35px;
width: 35px;
line-height: 35px;
}
.feature-post-list .post_type_icon:before, .recent-grid-post-widget .post_type_icon:before, .recent_post_large_widget .post_type_icon:before{
margin-left: 11px !important;
font-size: 15px;
margin-top: -2px !important;
}
.recent_post_large_widget .image_post a:hover img {
opacity: 1;
}
.recent_post_large_widget .overlay_icon {
font-size: 20px;
margin-top: 5px;
color: #333;
float: right;
padding: 0px;
}
.recent_post_large_widget .meta-category {
float: left;
margin-bottom: 10px;
}
.recent_post_large_widget .meta-category a {
height: 20px;
margin-top: 5px;
line-height: 20px;
font-size: 12px;
color: #FFF;
background: #ff3400;
float: left;
padding: 0px 7px;
margin-left: 5px;
margin-right: 6px;
position: relative;
}
.recent_post_large_widget .meta-category a:hover {
background: #333 !important;
text-decoration: none !important;
}
.recent_post_large_widget img,
.recent_post_large_widget .image_post {
float: left;
width: 100%;
}
.recent_post_large_widget .wrap_box_style_main {
float: left;
width: 100%;
margin-top: 15px;
}
.recent_post_large_widget .recent_list_item_number{
background: #ff3400;
border: 2px solid #fff;
color: #fff;
font-size: 12px;
font-weight: 100;
margin-top: -20px;
position: absolute;
top: 16%;
left: -10px;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
z-index: 99;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.recent_post_large_widget .recent_list_item_number_left{
float: left;
overflow: hidden;
font-size: 40px;
color: #000;
font-weight: 100;
line-height: 1.2;
}
.recent_post_large_widget .wrap_box_style_main .title_content_wrapper{
float: left;
width: 100%;
}
.recent_post_large_widget .wrap_box_style_main h3 {
margin: 0px 0px 5px 0px;
font-size: 18px;
line-height: 1.2;
text-transform: none;
text-align: left;
}
.recent_post_large_widget .wrap_box_style_main .post-meta span {
float: none;
margin-right: 10px;
font-size: 11px;
color: #444;
text-transform: none;
}
.recent_post_large_widget .wrap_box_style_main .post-meta span i {
margin-right: 5px;
}
.jellywp_about_us_widget_wrapper .footer_logo_about {
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post-meta a:hover{
color: #ff3400 !important;
}
/*-------------------------------------------------------------------------------------
Ajax tab menu
-------------------------------------------------------------------------------------*/
.ajax_cat_post_wrapper{
position: relative;
float: left;
width: 100%;
}
.enable_cat_loading{
width: 100%;
height:251px;
background: #fff;
z-index: 100;
overflow: hidden;
}
.enable_cat_loading .spinner {
margin: 100px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.enable_cat_loading .spinner > div {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.enable_cat_loading .spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.enable_cat_loading .spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.enable_cat_loading .spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.enable_cat_loading .spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% { transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% { transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.cat_post_nav{float: left; width: 100%;}
.cat_post_nav .next, .cat_post_nav .prev{
height: 25px !important;
line-height: 23px !important;
width: 25px !important;
padding: 0px;
display: inline-block;
margin-left: 7px;
margin-right: 0px !important;
text-align: center;
vertical-align: middle;
font-size: 13px;
color: #b7b7b7;
background: none;
border: 1px solid #a7a7a7;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cat_post_nav .nav_blank_link{
border: 1px solid #e6e6e6;
color: #e6e6e6;
}
.cat_post_nav .nav_blank_link:hover{
color: #fff !important;
background: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
}
.cat_post_nav .next:hover, .cat_post_nav .prev:hover{
background: #222;
border: 1px solid #222;
color: #fff;
}
.cat_post_nav .prev{
float: right;
margin-right: 2px;
}
.cat_post_nav .next{float: right;}
.menu_post_feature, .menu_post_feature .category_post_ajax_wrap{
float: left;
width: 100%;
position: relative;
}
.menu_post_feature .category_post_ajax_wrap .cat_title_list_style{
width: 246px !important;
float: left;
background: #efeeee !important;
margin: 0px 0px -500px;
padding-bottom: 500px;
margin-left: -20px;
margin-top: -20px;
}
.menu_post_feature .category_post_ajax_wrap .cat_title_list_style li{
border-bottom: 1px solid #dcdcdc !important;
float: left;
width: 100%;
height: 40px;
font-size: 12px;
line-height: 39px;
padding: 0px 0px 0px 15px !important;
margin: 0 0 0 0px;
overflow: hidden;
position: relative;
list-style: none;
text-transform: none;
cursor: pointer;
font-weight: 500;
color: #000 !important;
}
.menu_post_feature .category_post_ajax_wrap .cat_title_list_style li.current_cat_post, .menu_post_feature .category_post_ajax_wrap .cat_title_list_style li.current_cat_post:hover{
background: #fff !important;
}
.menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat{
width: 870px !important;
float: left;
}
.menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat .recent_post_large_widget{
float: left !important;
width: 270px !important;
border: 0px solid #000;
margin-left: 20px;
margin-right: 0px !important;
}
.menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat .recent_post_large_widget .image-post-title a, .menu_post_feature .image-post-title a{
text-transform: none !important;
}
.menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat .recent_post_large_widget .image-post-title a:hover, .menu_post_feature .image-post-title a:hover{
color: #000 !important;
}
.menu_post_feature .jelly_category_ajax_widget{
margin-bottom: 0px !important;
}
.menu_post_feature .image-post-thumb > a{
height: auto !important;
}
.menu_post_feature .image_post > .feature-link img, .menu_post_feature .image-post-thumb > a img{
width: 100% !important;
max-height: 100% !important;
}
.menu_post_feature .recent_post_large_widget .wrap_box_style_main h3 a{
font-size: 15px !important;
letter-spacing: 0px !important;
}
/*-------------------------------------------------------------------------------------
Top menu
-------------------------------------------------------------------------------------*/
.header_main_wrapper.header_style_3_opt{
padding: 50px 0px;
}
.logo-position-top .logo_position_wrapper{
text-align: center;
}
.header_layout_style3_custom .logo-position-top .logo_position_wrapper{
margin-top: 0px;
}
.header_date_display{
float: left;
height: 23px;
line-height: 24px;
color: #fff;
font-size: 12px;
margin-right: 6px;
background: #222;
padding: 0px 10px;
border-radius: 2px;
margin-top: 7px;
}
.logo-position h1{ line-height:0px; margin:0px;}
.sf-top-menu #home {
border-left:none;
width:60px;
}
.sf-top-menu #home a {
padding:12px 19px 12px 19px;
}
.sf-top-menu,.sf-top-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-top-menu li {
position:relative;
padding:0 !important;
z-index:999;
list-style:none;
}
.sf-top-menu>li:hover>a,.sf-top-menu>li>a:hover {
color:#FFF;
}
.sf-top-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:999;
text-align:left;
}
.sf-top-menu>li {
display:inline-block;
}
.sf-top-menu li:hover>ul,.sf-top-menu li.top-menuHover>ul {
display:block;
}
.sf-top-menu a {
display:block;
position:relative;
font-size:12px !important;
color:#FFF;
text-transform: none !important;
letter-spacing: 0px;
}
.sf-top-menu a:hover {
text-decoration:none !important;
}
.sf-top-menu ul ul {
top:0;
left: 100%;
}
.sf-top-menu {
float:left;
margin-bottom: 0px;
}
.sf-top-menu ul {
min-width:180px;
*width:180px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
background: #fff;
}
.sf-top-menu>li#home>a {
font-size:19px;
color:#FFF;
}
.sf-top-menu>li>a {
color: #FFF;
letter-spacing: 0px;
font-size: 12px;
}
.sf-top-menu>li {
background:none !important;
}
.sf-top-menu ul.sub-menu a {
font-style:13px;
border: 0px;
padding: 0px 20px;
text-decoration: none;
zoom: 1;
color: #FFF;
height: 35px;
line-height: 35px;
}
.sf-top-menu li ul.sub-menu a {
border:none;
color:#222;
letter-spacing: 0px;
font-weight: 300px !important;
text-transform: none;
font-size: 12px !important;
}
.sf-top-menu a {
text-decoration:none;
zoom:1;
height: 36px;
line-height: 37px;
}
.sf-top-menu a {
color: #fff;
}
.sf-top-menu li {
white-space:nowrap;
*white-space:normal;
transition:background 0.3s linear;
-moz-transition:background 0.3s linear;
-webkit-transition:background 0.3s linear;
-o-transition:background 0.3s linear;
}
.sf-top-menu .sf-with-ul {
padding-right:10px !important;
}
.sf-top-menu li a {
padding-left:10px;
padding-right:10px;
transition:background 0.3s linear;
-moz-transition:background 0.3s linear;
-webkit-transition:background 0.3s linear;
-o-transition:background 0.3s linear;
}
.sf-top-menu .current_page_item a,.sf-top-menu li a:hover {
color:#FFF;
}
.sf-top-menu ul li {
background:#fff;
border-bottom:#dedede solid 1px;
}
.sf-top-menu ul li.current-menu-item{
background: #f2f2f2;
}
.sf-top-menu ul ul li {
background: #f2f2f2;
}
.sf-top-menu li:hover,.sf-top-menu li.top-menuHover {
background:#f2f2f2;
-webkit-transition:none;
transition:none;
}
.top-menu-arrows .top-menu-with-ul {
padding-right:15px;
*padding-right: 16px;
}
.top-menu-arrows .top-menu-with-ul span {
background:url(img/arrow-down.png) no-repeat right 6px;
padding-right:14px;
display:block;
}
/*-------------------------------------------------------------------------------------
Megamenu
-------------------------------------------------------------------------------------*/
.main-menu > ul > li.megamenu,
.main-menu > ul > li.menupost {
position: inherit!important;
}
.main-menu > ul > li.megamenu > ul.sub-menu {
width: 100%;
left: 0px;
padding: 25px 0px 25px 0px;
background-color: #fff;
margin-top: 0px;
}
.main-menu > ul > li.megamenu > ul.sub-menu>li {
background: none !important;
border-bottom: none;
}
.main-menu > ul > li.megamenu > ul.sub-menu>li:hover>.sf-with-ul{
}
.main-menu > ul > li.megamenu > ul.sub-menu > li > ul > li > a:before{
content: "\f105";
font-family: FontAwesome;
margin-right: 10px;
}
.main-menu > ul > li.megamenu > ul.sub-menu li {
background: none;
border-bottom: none;
}
.main-menu > ul > li.megamenu > ul > li {
float: left;
padding: 0px 15px;
background: none !important;
}
.main-menu > ul > li.megamenu.columns-3 > ul > li {
width: 33.33% !important;
padding: 0px 15px !important;
border-right: 1px solid #dedede;
}
.main-menu > ul > li.megamenu.columns-3 > ul li{
border-top: 0px !important;
}
.main-menu > ul > li.megamenu.columns-3 > ul > li:last-child {
border: 0px;
}
.main-menu > ul > li.megamenu.columns-4 > ul > li {
width: 24.99% !important;
padding: 0px 15px !important;
border-right: 1px solid #dedede;
}
.main-menu > ul > li.megamenu.columns-4 > ul > li:last-child {
border: 0px;
}
.main-menu > ul > li.megamenu > ul > li ul {
display: block!important;
top: 0px!important;
width: 100%;
opacity: 1!Important;
filter: alpha(opacity=100);
left: 0px!important;
position: relative!important;
margin: 0px;
}
.main-menu > ul > li.megamenu ul li a {
padding: 9px 15px;
}
.megamenu li a,
.megamenu li.current-menu-item a {
background: none !important;
border-bottom: none;
}
.main-menu > ul > li.megamenu > ul > li > a {
font-size: 15px;
text-transform: none;
background: none !important;
}
.main-menu > ul > li.megamenu > ul ul li a:hover{
background: #f2f2f2 !important;
}
.main-menu > ul > li.megamenu > ul > li .sf-with-ul:after{
display: none !important;
}
.main-menu > ul > li.megamenu li:first-child a{
border-top: 0px !important
}
/*-----------------------------------------------------------------------------------*/
/* menu post tab
/*-----------------------------------------------------------------------------------*/
.menu_post_feature {
margin-top: 0px !important;
width: 100% !important;
background: #FFF !important;
float: left;
padding: 20px 0px;
padding-bottom: 0px !important;
overflow: hidden !important;
}
.menu_post_feature ul.hover_tab_post_large {
background: #2C3242 !important;
margin: 0px 0px -500px;
padding-bottom: 500px;
margin-top: -30px;
}
.menu_post_feature ul.hover_tab_post_large li {
border-right: 0px solid #ccc !important;
border-bottom: 1px solid #616161 !important;
}
.menu_post_feature .builder_cat_title_list_style{
width: 246px !important;
float: left;
background: #ff3400 !important;
margin: 0px 0px -500px;
padding-bottom: 500px;
margin-left: -20px;
margin-top: -20px;
padding-top: 30px !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
}
.menu_post_feature .builder_cat_title_list_style li{
border-bottom: 1px solid #fff !important;
border-bottom: 1px solid rgba(225,225,225,0.3) !important;
float: left;
width: 100%;
height: 40px;
font-size: 12px;
line-height: 39px;
padding: 0px 0px 0px 25px !important;
margin: 0 0 0 0px;
overflow: hidden;
position: relative;
list-style: none;
text-transform: none;
cursor: pointer;
font-weight: 500;
color: #fff !important;
}
.menu_post_feature .builder_cat_title_list_style li.current_cat_post, .menu_post_feature .builder_cat_title_list_style li.current_cat_post:hover{
background: #fff !important;
}
.menu_post_feature .builder_cat_title_list_style li.current_cat_post:hover{
background: #fff !important;
}
.menu_post_feature .wrapper_display_post_cat{
float: left;
position: relative;
width: 870px !important;
margin-left: 27px;
margin-top: 10px;
}
.menu_post_feature .wrapper_display_post_cat .image-post-title a{
font-size: 15px !important;
letter-spacing: 0px !important;
}
.menu_post_feature .wrapper_display_post_cat .image-post-title a:hover{
opacity: 0.8 !important;
}
.menu_post_feature .cat_post_nav{
display: none;
}
.menu_post_feature li {
white-space: normal !important;
background: none !important;
padding: 10px !important;
padding-bottom: 0px !important;
}
.menu_post_feature li:hover, .menu_post_feature:hover li {
background: none !important;
}
.menu_post_feature .two-content-wrapper {
float: left !important;
width: 247px !important;
margin: 0px 10px !important;
}
.menu_post_feature .two-content-wrapper a.feature-link {
height: 160px !important;
}
.menu_tab_post_large {
margin-bottom: 10px !important;
}
.menu_post_feature .menu_post_cat_color:hover {
text-decoration: underline !important;
}
.menu_post_feature .widget-title, .menu_post_feature .homepage_builder_title {
display: none !important;
}
.menu_post_feature .feature-post-title a {
height: auto !important;
font-size: 15px !important;
line-height: 20px !important;
padding: 0px !important;
margin-bottom: 5px !important;
}
.menu_post_feature h3 a.image-post-title-link {
background: none !important;
text-transform: none !important;
color: #FFF !important;
font-size: 17px !important;
line-height: 1.2 !important;
margin-bottom: 5px !important;
height: auto !important;
padding: 0px !important;
line-height: 25px !important;
}
.menu_post_feature h3 a:hover {
text-decoration: underline !important;
background: none !important;
color: #FFF !important;
}
.menu_post_feature .post-meta {
margin: 0px !important;
float: left !important;
}
.menu_post_feature .post-author a {
display: inherit !important;
padding: 0px !important;
padding-right: 5px !important;
background: none !important;
height: 20px !important;
line-height: 20px !important;
color: #B0B0B8 !important;
}
.menu_post_feature ul {
position: static !important;
display: block !important;
}
.menu_post_feature .image-post-thumb a{
height: auto !important;
padding: 0px;
}
.menu_post_feature .image-post-title{
margin:0px;
}
.menu_post_feature .image-post-title a{
padding: 0px !important;
color: #000;
font-size: 18px !important;
height: auto !important;
line-height: 1.2 !important;
}
.menu_post_feature .image-post-title a:hover, .menu_post_feature .image-post-title:hover, .menu_post_feature a:hover{
color: #000 !important;
}
.menu_post_feature .right-post-display-content{
float: left;
width: 760px;
}
.menu_post_feature .right-post-display-content .image_post{
height: auto !important;
padding: 0px !important; }
.menu_post_feature .right-post-display-content ul{
float: left;
width: 100%;
}
.menu_post_feature .right-post-display-content ul li{
float: left;
width: 350px;
height: auto !important;
margin: 0px 0px 15px 20px !important;
padding: 0px 0px 15px 0px !important;
}
.menu_post_feature .right-post-display-content ul li:last-child{
border-bottom: 1px solid #EDEDED;
}
.menu_post_feature .right-post-display-content ul li a{
padding: 0px;
color: #000;
height: auto !important;
line-height: 1.2;
}
.menu_post_feature .right-post-display-content ul li .post-meta.meta-main-img, .menu_post_feature .right-post-display-content .post-meta.meta-main-img{
display: block !important;
}
.menu_post_feature .mainpost_with_list_widget .blog_grid_post_style .content_post_grid{
display: none;
border-bottom: 0px !important;
}
.menu_post_feature .blog_grid_post_style{
margin-bottom: 0px !important;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style{
width: 100% !important;
padding: 0px !important;
margin-bottom: 25px !important;
position: relative;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content{
position: absolute;
bottom: 0px;
left: 0px;
padding: 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 140%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(140%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 150%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 140%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 140%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 140%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .home_page_front_view{
top: 10px;
bottom: auto;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content h3 {
margin: 5px 0px;
font-size: 14px;
line-height: 1.2;
text-transform: none;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content h3 a, .widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content h3 a:hover {
color: #fff !important;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content .post-meta span {
float: left;
margin-right: 10px;
font-size: 11px;
color: #FFF !important;
text-transform: none;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-entry-content .post-meta span a{
color: #fff !important;
}
.widget_home-main-post-style.main_post_style .blog_grid_post_style .post-meta span, .widget_home-main-post-style.main_post_style .blog_grid_post_style .post-meta span a{
text-transform: none !important;
font-size: 11px !important;
font-weight: 500 !important;
color: #929292 !important;
}
/*-------------------------------------------------------------------------------------
menu post
-------------------------------------------------------------------------------------*/
.main_post_style .feature-link img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main_post_style .feature-link:hover img{
}
.menu_post_feature>li, .menu_post_feature .main_post_style{
width: 100%;
padding:0px;
margin: 0px;
background: transparent;
}
.menu_post_feature .main_post_style{
float: left !important;
width: 100% !important; }
.menu_post_feature > li{
float: left !important;
width: 100% !important;
padding: 20px 10px 0px 10px !important;
margin-bottom: 0px;
border: 0px solid #000 !important;
position: relative;
min-width: 100% !important;
max-width: 100% !important;
}
.menu_post_feature .recent_post_large_widget .wrap_box_style_main h3{
margin-top: 10px !important;
}
.menu_post_feature .recent_post_large_widget .wrap_box_style_main h3 a{
font-size: 14px !important;
}
.menu_post_feature .recent_post_large_widget{
float: left !important;
width: 33.33333333% !important;
border: 0px solid #000;
padding: 0px 10px 0px 10px;
}
.menu_post_feature .image_post a.feature-link{
height: auto !important;
line-height: auto !important;
padding: 0px !important;
}
.menu_post_feature .wrap_box_style_main{}
.menu_post_feature .wrap_box_style_main .image-post-title{
margin: 0px !important;
padding: 0px !important;
}
.menu_post_feature .wrap_box_style_main .image-post-title a{
font-size: 16px !important;
line-height: 1.2 !important;
height: auto !important;
padding: 0px !important;
margin: 0px !important;
color: #000 !important;
}
.menu_post_feature .wrap_box_style_main .image-post-title a:hover, .menu_post_feature .post-entry-content .image-post-title a:hover, .menu_post_feature .item-details .feature-post-title a:hover{
color: #000 !important;
text-decoration: none !important;
}
.menu_post_feature .post-entry-content .image-post-title a, .menu_post_feature .item-details .feature-post-title a{
text-transform: none !important;
}
.menu_post_feature .recent_post_large_widget .post-meta.meta-main-img{
display: block !important;
margin-top: 6px !important;
}
.menu_post_feature .recent_post_large_widget .post-meta.meta-main-img a{
font-size: 11px !important;
text-transform: none !important;
}
/*-------------------------------------------------------------------------------------
Full screen menu with full screen slider
-------------------------------------------------------------------------------------*/
.full_screen_slider_home_height_menu.header-wraper{
position: absolute !important;
}
.full_screen_slider_home_height_menu .menu_wrapper{
background: transparent !important;
border-bottom: 0px !important;
}
.full_screen_slider_home_height:before{
content: '';
position: absolute;
z-index: 89;
left: 0;
top: 0;
width: 100%;
height: 210px;
pointer-events: none;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.13) 0%, transparent 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.13) 0%, transparent 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D000000', endColorstr='#00000000', GradientType=0);
}
.options_dark_header .menu_wrapper{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.options_dark_header.dark_header_menu .menu_wrapper{
background: #fff !important;
border-bottom: 1px solid #f0f0f0 !important;
}
.options_dark_header.full_screen_slider_home_height_menu #s, .options_dark_header.full_screen_slider_home_height_menu #sbtn{
background: none;
color: #fff;
}
.options_dark_header.full_screen_slider_home_height_menu #s::-webkit-input-placeholder,
.options_dark_header.full_screen_slider_home_height_menu #sbtn::-webkit-input-placeholder{
color: #fff;
}
.options_dark_header.dark_header_menu #s::-webkit-input-placeholder, .options_dark_header.dark_header_menu #s,
.options_dark_header.dark_header_menu .search_header_menu:hover i{
color: #000 !important;
}
.full_screen_slider_home_height .link_grid_header_absolute{
opacity: 0;
}
.full_screen_slider_home_height .banner-container h5 a{
font-size: 45px !important;
text-transform: none;
font-weight: 800 !important;
opacity: 1;
}
.full_screen_slider_home_height .banner-container .meta-main-img span, .full_screen_slider_home_height .banner-container .meta-main-img span a{
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
display: none !important;
}
.full_screen_slider_home_height .banner-container{
left: 25%;
right: 25%;
}
.full_screen_slider_home_height .jelly_pro_post_arrow_left, .full_screen_slider_home_height .jelly_pro_post_arrow_right{
opacity: 0.6 !important;
font-size: 70px;
}
.full_screen_slider_home_height .jelly_pro_post_arrow_left:hover, .full_screen_slider_home_height .jelly_pro_post_arrow_right:hover{
opacity: 0.9 !important;
}
.header_magazine_full_screen .navigation_wrapper .jl_main_menu > li > a{
height: 60px;
line-height: 60px;
color: #fff;
font-size: 17px;
font-weight: 700;
letter-spacing: 0px;
text-transform: none;
}
.header_magazine_full_screen .menu_wrapper{
border: 0px !important;
position: relative;
}
.header_magazine_full_screen .menu_wrapper.menu_sticky.jquery-stickit-spacer{
height: auto !important;
}
.header_magazine_full_screen .search_header_menu{
margin-right: 20px;
}
.header_magazine_full_screen .navigation_wrapper .jl_main_menu > li:hover > a,
.header_magazine_full_screen .navigation_wrapper .jl_main_menu > .current-menu-item > a,
.header_magazine_full_screen .navigation_wrapper .jl_main_menu > .current-menu-parent > a,
.header_magazine_full_screen .navigation_wrapper .jl_main_menu > .current-menu-ancestor > a {
}
.header_magazine_full_screen .navigation_wrapper li:hover > a:after,
.header_magazine_full_screen .navigation_wrapper .current-menu-item > a:after,
.header_magazine_full_screen .navigation_wrapper .current-menu-parent > a:after,
.header_magazine_full_screen .navigation_wrapper .current-menu-ancestor > a:after {
}
.header_magazine_full_screen .logo_white{ display: none;}
.full_screen_slider_home_height_menu .logo_white{ display: block;}
.full_screen_slider_home_height_menu .logo_black{ display: none;}
.full_screen_slider_home_height_menu.dark_header_menu .logo_white{ display: none;}
.full_screen_slider_home_height_menu.dark_header_menu .logo_black{ display: block;}
.header_magazine_full_screen .menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat,
.menu_with_logo_header_style .menu_post_feature .category_post_ajax_wrap .wrapper_display_post_cat{width: 902px !important;}
.header_magazine_full_screen .menu_post_feature .recent_post_large_widget,
.menu_with_logo_header_style .menu_post_feature .recent_post_large_widget{width: 275px !important;}
/*-------------------------------------------------------------------------------------
Header full screen
-------------------------------------------------------------------------------------*/
.header_magazine_full_screen .logo_small_wrapper_table{
display: table;
padding: 0;
height: 60px;
float: left;
width: auto;
margin-right: 20px;
margin-left: 20px !important;
}
.header_magazine_full_screen.menu_grid12 .logo_small_wrapper_table{
margin-left: 0px !important;
}
.header_magazine_full_screen .logo_small_wrapper_table .logo_small_wrapper{
display: table-cell;
vertical-align: middle;
line-height: 0;
}
.full_screen_slider_home_height_menu.header_magazine_full_screen .menu_wrapper{
border-top: 0px solid #e4e4e4;
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
background: rgba(255, 255, 255, 0.2) !important;
}
.header_magazine_full_screen.dark_header_menu .menu_wrapper, .header_magazine_full_screen .menu_wrapper{
background-color: #000 !important;
}
.header_magazine_full_screen .logo_link{
margin: 0;
display: inline-block;
}
.header_magazine_full_screen .logo_link img{
max-height: 25px;
}
.header_magazine_full_screen .main-menu{
float: left;
position: static;
}
.header_magazine_full_screen .search_header_menu{
height: 55px;
}
.header_magazine_full_screen .search_header_wrapper{
margin-top: 16px;
}
.header_magazine_full_screen .menu_mobile_icons{
margin-top: 16px;
}
.header_magazine_full_screen .search_header_menu i{
font-size: 21px;
color: #fff;
}
.header_magazine_full_screen .search_form_menu_personal{
top: 15px;
}
/*-------------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------------*/
.header-top-right ul {
margin: 0px;
float: right;
}
.header-top-left h1 {
line-height: 0px;
margin-bottom: 0px;
}
.header-top-left .widget {
margin-bottom: 0px !important;
float: inherit;
}
.header-top-right ul.menu-top li {
height: 40px;
line-height: 40px;
border-top: 3px solid transparent;
list-style: none;
margin: 0 5px;
display: inline-block;
color: #FFF;
}
.header-top-right ul.menu-top li.current_page_item {
border-top: 3px solid #fff;
}
.header-top-right ul.menu-top li a {
text-decoration: none;
color: #FFF;
font-size: 13px;
}
.header-wraper .main_menu {
float: right;
z-index: 998;
position: relative;
}
.header-main-position {
position: relative;
}
.header-wraper .menu-position {
position: static;
}
.header-wraper .main_menu .grid_8 {
width: 882px;
margin: 0px;
}
.header-wraper .main_menu .grid_4 {
width: 200px;
margin: 0px;
}
.header_top_wrapper {
background: #000000;
float: left;
width: 100%;
}
.header_top_wrapper .row {
padding: 0px 7px;
}
.header_top_wrapper .row,
.news_ticker_wrapper .row,
.header_top_wrapper form,
.header_top_wrapper p {
margin-bottom: 0px;
}
.header-wraper{
float: left;
width: 100%; z-index: 9999;
position: relative;
}
.header_main_wrapper {
float: left;
width: 100%;
text-align: center;
padding: 20px 0px;
}
.header_layout_style3_custom.top_bar_menu_black .header_main_wrapper{
background: #36ffe7;
}
.header_main_wrapper .logo_link img{
max-width: 320px;
}
.header_magazine_style .header_main_wrapper img{
max-height: 70px;
width: auto !important;
}
.header_main_wrapper .row,
.header_main_wrapper img {
margin-bottom: 0px;
}
.sticky-wrapper {
clear: both;
}
.row {
margin-bottom: 40px;
margin-top: 20px;
}
.body_wraper_box {
background: #FFF;
width: 100%;
max-width: 1150px;
min-width: 300px;
margin: 0 auto;
}
#owl-demo .item img {
display: block;
width: 100%;
height: auto;
}
#bar {
width: 0%;
max-width: 100%;
height: 4px;
background: #F0420B;
}
#progressBar {
width: 100%;
background: #EDEDED;
}
.full_width_caption_with_post_format .single_post_share_icon_post_top{
margin-bottom: 25px !important;
}
/*-------------------------------------------------------------------------------------
Header layout 6
-------------------------------------------------------------------------------------*/
.header_layout_black_custom .header_top_main_wrapper{
background: #000 !important;
}
.header_layout_black_custom .header_main_wrapper{
background: #fff !important;
}
.header_layout_black_custom .menu_wrapper{
border-bottom: 0px !important;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.03) !important;
}
.header_layout_black_custom .search_form_menu_click{
margin-top: 4px !important;
}
/*-------------------------------------------------------------------------------------
category header
-------------------------------------------------------------------------------------*/
.cat_header_wrapper{
overflow: hidden;
float: left;
width: 100%;
}
.cat_header_wrapper .auto_image_with_date .post-date{
color: #fff;
}
.large_main_image_row .popular-item-date, .small_main_image_row .popular-item-date{
float: left;
margin-top: 3px;
}
.category_header_post_2col_wrapper{
float: left;
width: 100%;
position: relative;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.large_main_image_row
.category_header_post_2col_wrapper.slider_for_menu_box{
margin-top: 30px;
}
.category_header_post_2col_wrapper .row{
margin-bottom: 0px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.large_main_image_row{
float: left;
width: 65%;
height: 440px;
position: relative;
background: #ececec;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.large_main_image_row h2 a{
font-size: 29px;
}
.category_header_post_2col_wrapper .featured_thumbnail_link{
margin-bottom: 0px !important;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
background: #000;
opacity: 0.3;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.small_main_image_row{
float: left;
width: 35%;
height: 220px;
position: relative;
border-right: 0px solid #fff;
background: #ececec;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.small_main_image_row h2 a{
font-size: 19px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.small_main_image_row h2 a:hover,
.category_header_post_2col_wrapper .category_header_post_2col_item.large_main_image_row h2 a:hover{
opacity: 0.7;
}
.category_header_post_2col_wrapper .category_header_post_2col_item.small_main_image_row.small_main_image_margin{
border-bottom: 5px solid #fff;
}
.category_header_post_2col_item:last-child {
border-right: 0px solid #fff !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category_header_post_2col_img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption{
position: absolute;
z-index: 1;
width: 100%;
bottom: 25px;
text-align: left;
padding: 0 25px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .meta-category-small{
margin-bottom: 10px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .meta-category-small a{
margin: 0px !important;
margin-right: 5px !important;
background: #000;
background-color: rgba(0,0,0,.7);
height: 18px;
line-height: 20px;
padding: 0px 10px;
font-size: 10px !important;
text-transform: none;
color: #fff;
letter-spacing: 0.05em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .meta-category-small a:hover{
color: #fff !important;
opacity: 0.7;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption h2{
float: left;
width: 100%;
margin: 0px;
line-height: 0px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption h2 a{
color: #fff !important;
text-transform: none;
line-height: 1.2;
font-weight: 500;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption h2 a:hover{
color: #fff !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption h2 a:hover,
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date a:hover{
color: #fff !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date, .category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date a{
color: #fff;
font-size: 11px;
text-transform: none;
font-weight: 500 !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date .post-author{
margin-right: 10px;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date a{
font-weight: 500;
color: #fff !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date a:hover{
float: none !important;
text-decoration: none !important;
}
.category_header_post_2col_wrapper .category_header_post_2col_item .category-item-caption .popular-item-date i{
margin-right: 5px;
}
/*grid 2 category*/
.category_header_post_2col_item.grid_2col_display_post.large_main_image_row{
width: 50% !important;
height: 400px !important;
}
.category_header_post_2col_item.grid_2col_display_post.small_main_image_row{
width: 50% !important;
height: 400px !important;
}
.category_header_post_2col_item.grid_2col_display_post h2 a{
font-size: 25px !important;
}
.category_header_post_2col_item.grid_2col_display_post .category-item-caption{
padding: 0 30px;
}
/*grid 3 category*/
.category_header_post_2col_item.grid_3col_display_post.grid_class_name_count_1 .category-item-caption{
padding: 0 25px;
}
/*grid 4 category*/
.category_header_post_2col_item.grid_4col_display_post.large_main_image_row{
width: 50% !important;
border-right: 0px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
.category_header_post_2col_item.grid_4col_display_post.small_main_image_row{
width: 25% !important;
border-bottom: 2px solid #fff !important;
border-left: 2px solid #fff !important;
}
.category_header_post_2col_item.grid_4col_display_post.small_main_image_row.grid_class_name_count_4{
width: 50% !important;
}
.category_header_post_2col_item.grid_4col_display_post .category-item-caption{
padding: 0 20px;
}
.category_header_post_2col_item.grid_4col_display_post.grid_class_name_count_1 .category-item-caption{
padding: 0 60px;
}
/*grid 5 category*/
.category_header_post_2col_item.grid_5col_display_post.large_main_image_row{
width: 50% !important;
border-right: 0px solid #fff !important;
border-bottom: 1px solid #fff !important;
}
.category_header_post_2col_item.grid_5col_display_post.small_main_image_row{
width: 25% !important;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.category_header_post_2col_item.grid_5col_display_post.grid_class_name_count_1 .category-item-caption{
padding: 0 25px;
}
/*grid 6 category*/
.category_header_post_2col_item.grid_6col_display_post.large_main_image_row.grid_class_name_count_1, .category_header_post_2col_item.grid_6col_display_post.small_main_image_row.grid_class_name_count_2{
width: 50% !important;
height: 350px !important;
border-right: 0px solid #fff !important;
border-bottom: 1px solid #fff !important;
}
.category_header_post_2col_item.grid_6col_display_post.small_main_image_row{
width: 25% !important;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.category_header_post_2col_item.grid_6col_display_post.grid_class_name_count_2 h2 a{
font-size: 23px !important;
}
.category_header_post_2col_item.grid_6col_display_post.small_main_image_row.grid_class_name_count_3{
border-left: 0px !important;
}
.category_header_post_2col_item.grid_6col_display_post.grid_class_name_count_1 .category-item-caption, .category_header_post_2col_item.grid_6col_display_post.grid_class_name_count_2 .category-item-caption{
padding: 0 60px;
}
/*grid 8 category*/
.category_header_post_2col_item.grid_8col_display_post.large_main_image_row.grid_class_name_count_1{
border-right: 0px solid #fff !important;
border-bottom: 1px solid #fff !important;
height: 255px !important;
}
.category_header_post_2col_item.grid_8col_display_post.small_main_image_row, .category_header_post_2col_item.grid_8col_display_post.large_main_image_row.grid_class_name_count_1{
width: 25% !important;
border-bottom: 2px solid #fff !important;
border-left: 2px solid #fff !important;
}
.category_header_post_2col_item.grid_8col_display_post.grid_class_name_count_1 h2 a{
font-size: 18px !important;
}
/*grid 3 style 1 category*/
.category_header_post_2col_item.grid_3col_style1_display_post.large_main_image_row{
width: 33.33333333% !important;
height: 450px !important;
border-right: 0px solid #fff !important;
border-bottom: 0px solid #fff !important;
}
.category_header_post_2col_item.grid_3col_style1_display_post.small_main_image_row{
width: 33.33333333% !important;
height: 450px !important;
border-bottom: 0px solid #fff !important;
border-left: 0px solid #fff !important;
}
.category_header_post_2col_item.grid_3col_style1_display_post h2 a{
font-size: 22px !important;
}
/*grid 3 style 2 category*/
.category_header_post_2col_item.grid_3col_style2_display_post.large_main_image_row{
width: 46% !important;
height: 450px !important;
border-right: 0px solid #fff !important;
border-bottom: 0px solid #fff !important;
}
.category_header_post_2col_item.grid_3col_style2_display_post.small_main_image_row{
width: 27% !important;
height: 450px !important;
border-bottom: 0px solid #fff !important;
border-left: 1px solid #fff !important;
}
.category_header_post_2col_item.grid_3col_style2_display_post.grid_class_name_count_1 .category-item-caption{
padding: 0 60px;
}
/*grid 4 style 1 category*/
.category_header_post_2col_item.grid_4col_style1_display_post.large_main_image_row{
width: 25% !important;
height: 450px !important;
border-right: 0px solid #fff !important;
border-bottom: 0px solid #fff !important;
}
.category_header_post_2col_item.grid_4col_style1_display_post.small_main_image_row{
width: 25% !important;
height: 450px !important;
}
.category_header_post_2col_item.grid_4col_style1_display_post h2 a{
font-size: 18px !important;
}
/*-------------------------------------------------------------------------------------
3 Grid post style
-------------------------------------------------------------------------------------*/
.show3_post_col_home{ background: none !important;
}
.show3_post_col_home .grid3_home_post_display .box{
width: 33.33333333%;
padding-right: 20px;
padding-left: 20px;
}
.show3_post_col_home #content_masonry{
margin: 0px;
}
.show3_post_col_home .grid3_home_post_display .blog_grid_post_style .image-post-title{
font-size: 25px;
}
.show3_post_col_home .grid3_home_post_display .box{
margin-bottom: 40px !important;
}
/*-------------------------------------------------------------------------------------
4 Grid post style
-------------------------------------------------------------------------------------*/
.show3_post_col_home{
background: none !important;
}
.show3_post_col_home .grid4_home_post_display .box{
width: 25%;
padding-right: 20px;
padding-left: 20px;
}
.show3_post_col_home #content_masonry{
margin: 0px;
}
.show3_post_col_home .grid4_home_post_display .blog_grid_post_style .image-post-title{
font-size: 21px;
}
.show3_post_col_home .grid4_home_post_display .box{
margin-bottom: 40px !important;
}
/*-------------------------------------------------------------------------------------
4 Grid post style
-------------------------------------------------------------------------------------*/
.container_grid4_home{
padding-top: 30px !important;
padding-bottom: 20px !important;
}
.grid4_home_post_display .blog_grid_post_style .image-post-title{
font-size: 21px;
}
.grid4_home_post_display .box {
margin-bottom: 30px !important;
width: 25%;
display: inline-block;
vertical-align: top;
padding-right: 15px;
padding-left: 15px;
}
.container_grid4_home .box .post-entry-content, .container_grid4_home .box .post-entry-content-wrapper, .container_grid4_home .box .post-meta-bot, .container_grid4_home .box .post-meta-bot-in{
background: none !important;
}
.container_grid4_home .box .post-entry-content{
padding: 10px 0px 0px 0px;
}
.container_grid4_home .box .image-post-thumb > a > img{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.container_grid4_home .post_grid_content_wrapper{
background: #fff;
float: left;
width: 100%;
position: relative;
}
.container_grid4_home .post_grid_content_wrapper .preview_wrapper_icons{
top: -12px;
}
.container_grid4_home .box .image-post-title{
padding: 0px !important;
text-align: left;
margin-top: 10px !important;
}
.container_grid4_home .box .reactions_img_wrapper{
display: none;
}
.container_grid4_home .box .meta-category-small{
text-align: left;
}
.grid4_home_post_display .box .background_quote_image {
background-position: center center;
background-size: cover;
}
.grid4_home_post_display .box.grid_4col {
width: 270px;
}
#sidebar table thead {
background: #2f88d6;
}
.mainpost_with_list_widget, .mainpost_with_list_widget .blog_grid_post_style, .mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img{
float: left;
width: 100%;
}
.mainpost_with_list_widget .blog_grid_post_style{
margin-bottom: 10px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content{
margin: 0px;
border: 0px;
}
.mainpost_with_list_widget .image-post-title a {
font-size: 15px;
}
.mainpost_with_list_widget .blog_grid_post_style .content_post_grid{
padding:0px;
}
.mainpost_with_list_widget .blog_grid_post_style .content_post_grid p {
text-align: left;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content{
padding: 10px 0px 0px 0px;
text-align: left;
position: relative;
}
.mainpost_with_list_widget .blog_grid_post_style .content_post_grid{
border-bottom: 1px solid #E4E4E4;
padding-bottom: 15px;
margin-bottom: 10px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .meta-category-small a{
height: 18px;
margin-top: 5px;
line-height: 18px;
font-size: 10px;
position: relative;
color: #222;
background: #E6E6E6;
display: inline-block;
padding: 0px 5px;
margin-right: 2px;
letter-spacing: 0px;
text-transform: none;
border-radius: 1px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img, .mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img a{
color: #444;
font-size: 12px !important;
text-transform: none;
letter-spacing: 0px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img a{
font-weight: bold;
text-decoration: none !important;
float: none !important;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img .post-author{
margin-right: 10px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .post-meta.meta-main-img span i{
margin-right: 5px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .love_post_view_single{
position: absolute;
right: 0px;
top: 10px;
font-size: 13px;
}
.mainpost_with_list_widget .blog_grid_post_style .post-entry-content .love_post_view_single i{
margin-right: 3px;
}
.blog_grid_post_style .large_continue_reading{
margin: 10px 0px 7px 0px !important;
}
.main_grid_3col_post_below_wrapper{
float: left;
width: 100%;
}
.main_grid_3col_post_below_wrapper .cat_post_nav{
margin-top: -35px !important;
position: relative;
}
.main_full_3_col_post{
float: left;
}
.main_full_3_col_post .post-entry-content{
padding: 0px !important;
margin-bottom: 25px !important;
}
.main_full_3_col_post .post-entry-content .image-post-title{
font-size: 18px !important;
margin-bottom: 0px !important;
}
.main_full_3_col_post .post-entry-content .meta-category-small{
margin-top: 15px !important;
}
.post_list_widget li{
position: relative;
}
.post_list_widget .recent_list_item_number{
background: #ff3400;
border: 2px solid #fff;
color: #fff;
font-size: 12px;
font-weight: 100;
margin-top: -20px;
position: absolute;
top: 16%;
left: -10px;
text-align: center;
width: 30px;
height: 27px;
line-height: 30px;z-index: 99;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.feature-image-link.image_post {
width: 100px;
position: relative !important;
display: block;
float: left;
overflow: hidden;
}
.feature-image-link.image_post .background_over_image:before, .feature-image-link.image_post .background_over_image:after{
display: none;
}
.feature-image-link.image_post img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.feature-image-link.image_post:hover img{
}
.feature-image-link.image_post .overlay_icons{
color: #FFF;
font-size: 15px !important;
left: 50%;
margin-left: -10px;
margin-top: 20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.feature-image-link.image_post:hover .overlay_icons{
margin-top: -4px;
opacity: 0;
}
.feature-image-link.image_post .alignnone {
margin: 0px !important;
}
.feature-post-list li {
list-style: none;
margin-bottom: 13px;
padding-bottom: 13px;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
}
.feature-post-list li:last-child {
margin-bottom: 0px;
border-bottom: 0px solid #EDEDED;
padding-bottom: 0px;
}
.post_list_widget ul,
.feature-post-list {
padding: 0px;
margin-bottom: 0px;
}
.feature-item img {
width: 100%;
}
.feature-post-list .item-details {
position: relative;
margin-left: 115px;
top: 0px;
}
.feature-post-list .item-details p{
margin-bottom: 0px;
}
#tab3 .feature-post-list .item-details, .comment_widget .feature-post-list .item-details{
margin-left: 85px;
}
.feature-post-list-number .item-details {
position: relative;
margin-left: 85px;
top: 0px;
}
.feature-post-list .item-details .meta-category-small{
margin-bottom: 2px;
}
.feature-post-list .item-details h3 {
margin: 6px 0px !important;
text-transform: none;
float: left;
width: 100%;
}
.feature-post-list .item-details h3 a{
font-size: 15px;
}
.feature-post-list .item-details .post-meta{
float: left;
width: 100%;
}
footer .feature-post-list .item-details h3 {
margin-bottom: 5px;
}
footer .feature-post-list .item-details .post-meta,
footer .feature-post-list .item-details .post-meta a {
color: #fff !important;
} .feature-post-list .item-details .post-meta,
.feature-post-list .item-details .post-meta a {
color: #555;
font-size: 11px !important;
text-transform: none;
}
.auto_image_with_date .post-date{
margin-top: 2px;
float: left;
margin-left: 0px;
text-transform: none;
color: #000;
}
.feature-post-list .item-details .post-meta a:hover{
text-decoration: none !important;
float: none !important;
}
.feature-post-list .item-details .post-meta a{
font-weight: 500;
}
.feature-post-list .item-details .post-meta .post-author {
margin-right: 10px;
}
.feature-post-list .item-details .post-meta i {
margin-right: 5px;
}
.feature-post-list .feature-post-title,
.box-1 .inside h3 {
font-size: 13px;
line-height: 1.2;
margin-bottom: 0px !important;
}
/*-------------------------------------------------------------------------------------
Grid post widget
-------------------------------------------------------------------------------------*/
.recent-grid-post-widget{
float: left;
width: 100%;
padding: 0px;
}
.post_grid_widget .widget_container{
padding-bottom: 0px !important;
}
.recent-grid-post-widget .grid_post_wrapper{
list-style: none;
float: left;
width: 50%;
padding-right: 10px;
margin-bottom: 10px;
}
.recent-grid-post-widget .clear_div{
float: left;
width: 100%;
}
.recent-grid-post-widget .grid_post_wrapper h3{
font-size: 13px;
line-height: 1.2;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 7px;
text-transform: none;
}
.recent-grid-post-widget .grid_post_wrapper .post-meta{
color: #444;
font-size: 12px !important;
text-transform: none;
font-style: italic;
}
.recent-grid-post-widget .grid_post_wrapper .post-meta i{
margin-right: 5px;
}
.recent-grid-post-widget .grid_post_wrapper.last_grid{
padding-left: 10px;
padding-right: 0px;
}
.recent-grid-post-widget .grid_post_wrapper .recent-grid-post{
position: relative;
float: left;
overflow: hidden;
}
.recent-grid-post-widget .grid_post_wrapper .recent-grid-post > img{
width: 100%;
}
.recent-grid-post-widget .grid_post_wrapper .recent-grid-post > img, .blog-list-padding .image-post-thumb a > img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.recent-grid-post-widget .grid_post_wrapper .recent-grid-post:hover > img, .blog-list-padding .image-post-thumb:hover a > img{
}
.blog-list-padding .image-post-thumb > a img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.recent-grid-post-widget .grid_post_wrapper .overlay_icons, .blog-list-padding .image-post-thumb .overlay_icons{
color: #FFF;
font-size: 15px !important;
left: 50%;
margin-left: -10px;
margin-top: 20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.recent-grid-post-widget .featured-thumbnail:hover .overlay_icons, .blog-list-padding .image-post-thumb:hover .overlay_icons{
margin-top: -4px;
opacity: 0;
}
.email_subscribe_box{
padding: 5px !important;
background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px) !important;
background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px) !important;
background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px) !important;
}
.email_subscribe_box_wrapper{
background: #fff;
padding: 25px !important;
}
.email_subscribe_box h2{
font-size: 18px;
color: #222;
line-height: 1.2;
margin-top: -2px;
letter-spacing: 0.03em;
}
.email_subscribe_box p{
margin-bottom: 15px;
}
.email_subscribe_box .text{
width: 100%;
display: block;
background: #fff;
padding: 0 15px 0 15px;
border: 1px solid #f0f0f0;
margin-bottom: 20px;
font-size: 14px;
line-height: 37px;
height: 37px;
outline: none;
}
.email_subscribe_box .buttons{
width: 100%;
text-align: center;
color: #FFF;
text-transform: none;
font-size: 12px;
letter-spacing: 1px;
line-height: 38px;
height: 37px;
border: 0px;
padding:0px;
background: #222;
-webkit-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-ms-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.email_subscribe_box .buttons:focus{
outline: none;
}
.email_subscribe_box .buttons:hover{
background: #ff3400;
}
.cfs_from_wrapper{
position: relative;
z-index: 1;
padding: 7px;
background: #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cfs_from_container{
background: #fff;
padding: 25px;
float: left;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cfs_from_wrapper p{
margin-bottom: 0px;
}
.cfs_from_wrapper, .cfs_from_wrapper .cfs_form_title, .cfs_from_wrapper .cfs_email_text, .cfs_from_wrapper .cfs_submit, .cfs_from_wrapper .cfs_label_message{
float: left;
width: 100%;
}
.cfs_from_wrapper .cfs_form_title{
font-size: 25px;
line-height: 1.2;
color: #000;
font-weight: 500 !important;
letter-spacing: 0px;
text-align: center;
margin-bottom: 15px;
}
.cfs_from_wrapper .cfs_email_text input{
float: left;
width: 100%;
margin-bottom: 20px;
padding: 8px;
border: 1px solid #dedddd;
height: 40px;
line-height: 40px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cfs_from_wrapper .cfs_email_text input::-webkit-input-placeholder{color: #a5a5a5;}
.cfs_from_wrapper .cfs_email_text input::-moz-placeholder{color: #a5a5a5;}
.cfs_from_wrapper .cfs_email_text input:-ms-input-placeholder{color: #a5a5a5;}
.cfs_from_wrapper .cfs_email_text input:-moz-placeholder{color: #a5a5a5;}
.cfs_from_wrapper .cfs_email_text input:focus{
outline: none;
}
.cfs_from_wrapper .cfs_submit input{
float: left;
width: 100%;
background: #ff3400;
color: #fff;
border: 0px;
height: 40px;
padding: 0px;
line-height: 40px;
margin-bottom: 5px;
text-transform: none;
font-weight: 500;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cfs_from_wrapper .cfs_submit input:active, .cfs_from_wrapper .cfs_submit input:focus{
outline: none;
}
.cfs_from_wrapper .cfs_label_message{
font-size: 12px;
text-align: center;
}
/*-------------------------------------------------------------------------------------
tag
-------------------------------------------------------------------------------------*/
.tagcloud {
padding: 0;
list-style: none;
}
.tagcloud a {
float: left;
margin: 0px 5px 5px 0px;
font-size: 12px !important;
height: 23px;
line-height: 23px;
color: #000;
background: #f1f1f1;
padding: 0px 10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
text-transform: none;
text-decoration: none !important;
}
.tagcloud a:hover,
.tag-cat a:hover {
text-decoration: none !important;
background: #ff3400;
color: #FFF !important;
}
/*-------------------------------------------------------------------------------------
Pagination
-------------------------------------------------------------------------------------*/
.jellywp_pagination {
margin: 0px 0 20px 0 !important;
text-align: center;
text-transform: none;
float: left;
width: 100%;
}
.jellywp_pagination ul{
display: inline-block;
padding: 0px;
margin: 0px;
}
.jellywp_pagination ul li{
display: inline-block;
padding: 0px;
margin: 0px;
list-style: none;
}
.jellywp_pagination ul li a{
font-size: 12px;
margin-right: 5px;
padding: 5px 13px 5px 13px;
display: inline-block;
background: #000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-decoration: none;
-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;
}
.jellywp_pagination ul li span{
font-size: 12px;
margin-right: 5px;
padding: 5px 13px 5px 13px;
display: inline-block;
text-decoration: none;
-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;
background: #ff3400;
color: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.jellywp_pagination ul li a:hover {
text-decoration: none !important;
background: #ff3400;
color: #FFF;
}
.jelly-infinite-scroll{
float: left;
width: 100%;
display: block !important;
text-align: center;
}
.jelly-infinite-scroll a{
position: relative;
z-index: 2;
padding: 7px 25px;
width: 220px;
max-width: 100%;
line-height: 20px;
border: 3px solid #ececec;
background: #fff;
text-transform: none;
font-size: 15px;
font-weight: 600;
}
.jelly-infinite-scroll a:hover, .jelly-infinite-scroll a:focus{
border: 3px solid #d8d8d8;
text-decoration: none !important;
}
/*-------------------------------------------------------------------------------------
Author box
-------------------------------------------------------------------------------------*/
.auth .socialmedia span {
text-align: center;
width: 20px;
height: 20px;
display: inline-block;
padding: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.auth .socialmedia span a {
display: block;
}
.auth .socialmedia span a i {
color: #FFF;
font-size: 13px;
}
.auth .socialmedia span.globe {
background: #ff835e;
}
.auth .socialmedia span.facebook {
background: #3b5999;
}
.auth .socialmedia span.twitter {
background: #00aced;
}
.auth .socialmedia span.googleplus {
background: #d61e1e;
}
.auth .author_avata img {
position: relative;
float: left;
padding-right: 15px;
}
.auth {
float: left;
width: 100%;
border-left: 0px;
border-right: 0px;
margin-top: -1px;
background: #f3f3f3;
padding: 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.auth h5 {
margin-bottom: 5px;
margin: 0px;
}
.auth i {
font-size: 20px;
}
.auth span {
padding-right: 10px;
}
.auth p {
margin-bottom: 0px;
margin-top: 10px;
}
.auth .author-info {
margin-bottom: 0px;
}
/*-------------------------------------------------------------------------------------
Author profile
-------------------------------------------------------------------------------------*/
.author-info {
margin-bottom: 25px;
}
.author-info .author-avatar {
float: left;
}
.author-info .author-description {
margin-left: 145px;
}
.author-info .author-description h5 {
font-size: 18px;
text-transform: none;
}
.author-info .author-description h2 {
font-size: 25px;
}
.author-info img.avatar {
margin: 0px;
width: 120px !important;
height: 120px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.author-description h2 {
color: #656d78;
line-height: 18px;
}
.auth .social-icons-list-widget {
margin-top: 10px;
text-align: left;
}
.auth .social-icons-list-widget li{
float: left;
}
.auth .social-icons-list-widget a{
color: #222;
font-size: 12px;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
.auth .social-icons-list-widget a:hover{
color: #ff3400;
}
.auth .social-icons-list-widget i {
font-size: 15px;
}
.tag-cat i{
float: left;
margin-top: 3px;
margin-right: 3px;
}
.tag-cat .tag_title{
background: #222 !important;
color: #fff !important;
letter-spacing: 0px;
}
.tag-cat a, .tag-cat .tag_title {
margin-top: 3px;
background: #EAE9E9;
line-height: 22px;
height: 21px;
float: left;
margin-right: 3px;
padding: 0px 10px;
color: #000;
font-size: 11px;
text-transform: none;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.tag-cat a:hover {
background: #ff3400;
color: #FFF;
padding: 0px 10px !important;
}
.single_post_tag_layout{ float: left; padding: 0px; margin: 0px;}
.single_post_tag_layout li{ float: left; list-style: none;}
.single_post_tag_layout li a:before{
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
content: "#";
margin-right: 3px;
}
.single_post_tag_layout li a{
background: #222 !important;
color: #fff !important;
padding: 0px 10px 0px 10px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.single_post_tag_layout li a:hover{
background: #ff3400 !important;
color: #fff !important;
padding: 0px 10px 0px 10px !important;
}
.single_tag_share .tag-cat a:hover{
border: 0px;
}
.mashsb-buttons a:hover{
text-decoration: none !important;
}
.single_tag_share {
float: left;
width: 100%;
padding: 0px;
margin: 15px 0px 30px 0px;
}
.single_section_content .mashsb-count{
font-family: inherit !important;
}
.single_section_content .counts.mashsbcount{
color: #ff3400;
font-family: inherit;
letter-spacing: -3px;
padding-top: 3px;
}
.single_section_content .mashsb-sharetext{
font-family: inherit;
color: #8A8C8E;
font-weight: 400;
}
.single_tag_share .tag-cat{
float: left;
margin-top: 0px;
}
.single_tag_share .tag-cat a{
margin-top: 2px;
text-transform: none;
letter-spacing: 0px;
font-size: 11px;
}
/*-------------------------------------------------------------------------------------
Post nav
-------------------------------------------------------------------------------------*/
.single_post_arrow{
width: 40px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 20px;
background-color: #f3f3f3;
color: #000;
position: relative;
z-index: 99;
}
.postnav_left .single_post_arrow_content{
float: left;
}
.postnav_right .single_post_arrow_content{
float: right;
text-align: right;
}
.postnav_left:hover .single_post_arrow_content{
left: 40px;
opacity: 1;
visibility: visible;
}
.postnav_right:hover .single_post_arrow_content{
right: 40px;
opacity: 1;
visibility: visible;
}
.single_post_arrow_content{
top: 0;
height: 100%;
padding: 0px;
vertical-align: top;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
width: 342px;
}
.single_post_arrow_content a {
font-size: 16px;
}
span.nextpost {
margin-left: 10px;
}
span.previouspost {
margin-right: 10px;
}
.postnav_right > a{
float: right;
}
.postnav_right {
margin-bottom: 40px;
float: right;
text-align: left;
font-size: 18px;
line-height: 1.2;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
z-index: 999;
background: #fff;
}
#nextpost:hover {
text-decoration: underline;
color: #ff3400;
}
#nextpost:hover span {
text-decoration: none !important;
}
#nextpost span {
display: block;
font-size: 11px;
}
.postnav_left > a{
float: left;
}
.postnav_left {
margin-bottom: 40px;
float: left;
text-align: left;
font-size: 18px;
line-height: 1.2;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
z-index: 999;
background: #fff;
}
#prepost:hover {
text-decoration: underline;
color: #ff3400;
}
#prepost:hover span {
text-decoration: none !important;
}
#prepost span {
display: block;
font-size: 11px;
}
.single_post_arrow_content .nav_thumbnail_left{
width: 75px;
position: relative !important;
display: block;
float: left;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.single_post_arrow_content #prepost{
position: relative;
margin-left: 90px;
top: 5px;
display: block;
text-transform: none;
font-weight: 600;
}
.single_post_arrow_content #prepost span, .single_post_arrow_content #nextpost span{
margin-top: 6px;
}
.single_post_arrow_content #prepost span, .single_post_arrow_content #nextpost span, .single_post_arrow_content #prepost a:hover span{
color: #737373 !important;
}
.single_post_arrow_content #prepost:hover{
text-decoration: none !important;
}
.single_post_arrow_content .nav_thumbnail_right{
width: 75px;
position: relative !important;
display: block;
float: right;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.single_post_arrow_content #nextpost{
position: relative;
margin-right: 90px;
top: 5px;
display: block;
font-weight: 600;
text-transform: none;
}
.single_post_arrow_content #nextpost:hover{
text-decoration: none !important;
}
.single_post_arrow_content .no_nav_img_post_left{
margin-left: 0px !important;
}
.single_post_arrow_content .no_nav_img_post{
margin-right: 0px !important;
}
/*-------------------------------------------------------------------------------------
Related post
-------------------------------------------------------------------------------------*/
.related-posts {
border: 1px solid #f0f0f0;
border-left: 0px;
border-right: 0px;
margin-top: -1px;
float: left;
width: 100%;
padding: 30px 0px 0px 0px;
position: relative;
}
.related-posts .related_post_title.no_img_related{
margin-top: 0px;
}
.related-posts .related_post_title {
float: left;
margin-top: 15px;
width: 100%;
text-align: left;
}
.related-posts .related_post_title .post-meta{
float: left;
width: 100%;
margin-top: 5px;
}
.related-posts .related_post_title .post-meta, .related-posts .related_post_title .post-meta a{
font-size: 11px !important;
text-transform: none;
letter-spacing: 0px;
}
.related-posts .related_post_title .post-meta a{
margin-right: 0px;
font-weight: 500;
}
.related-posts .related_post_title .post-meta i{
margin-right: 3px;
}
.related-posts h3{
margin-bottom: 10px;
}
.related-posts h3 a {
color: #222;
font-size: 16px;
}
.related-posts h4 {
color: #202020;
float: left;
width: 100%;
font-size: 18px;
line-height: 27px;
margin: 0px;
margin-bottom: 15px;
text-transform: none;
}
.single_related_post .owl-item {
padding: 0px;
background: #fff;
}
.single_related_post {
float: left;
width: 100%;
}
.single_related_post .owl-nav i, .single_related_post .owl-nav:hover i{
color: #000;
font-size: 22px;
}
.single_related_post .jelly_pro_post_arrow_left{ right: 0px !important;}
.related_post_row{
float: left;
width: auto;
margin-right: -12px;
margin-left: -12px;
margin-bottom: 0px;
}
.related_post_row .related_post_col3{
width: 33.33333333%;
}
.related_post_col3 .related_post_wrapper, .footer_post_wrapper{
float: left;
width: 100%;
position: relative;
}
.related-posts .slick-list{
margin: 0px -12px;
}
.related-posts .single_post_feature{
padding: 0px 15px;
margin-bottom: 30px;
}
.related-posts .single_post_feature a img{
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-posts .single_post_feature, .related-posts .single_post_feature .feature-link {
position: relative;
float: left;
}
.related-posts .single_post_feature .feature-link{
background: none;
width: 100%;
}
.single_related_post .single_post_feature h3,
.single_related_post .single_post_feature h3 a {
margin: 0px;
line-height: 1.2;
font-size: 16px;
text-transform: none;
}
.single_related_post .jelly_pro_post_arrow_left,
.single_related_post .jelly_pro_post_arrow_right {
top: 0px !important;
}
.single_related_post .jelly_pro_post_arrow_right {
margin-left: 10px !important;
}
.single_related_post .jelly_pro_post_arrow_left {
margin-right: 10px !important;
}
.single_related_post .jelly_pro_post_arrow_left,
.single_related_post .jelly_pro_post_arrow_right {
margin: -45px 0 0 !important;
width: 30px !important;
height: 30px !important;
display: block !important;
position: absolute !important;
top: 0% !important;
cursor: pointer !important;
z-index: 9 !important;
font-size: 0 !important;
color: #000 !important;
text-align: right !important;
font-size: 28px !important;
line-height: 30px !important;
background: #fff !important;
}
.single_related_post .jelly_pro_post_arrow_right {
right: 30px !important;
left: auto !important;
}
.no_feature_image_post_small_grid{
height: 13px;
width: 100%;
float: left;
}
.no_feature_image_post_medium_grid{
height: 0px;
width: 100%;
float: left;
}
.blog_list_post_style .post-entry-content.list_no_feature_image_post{
float: left !important;
width: 100% !important;
margin-left: 0px !important;
padding: 0px;
}
.hide_feature_post_sign{
display: none !important;
}
.single-meta-category-small{
float: left;
width: 100%;
}
.single-meta-category-small a{
float: left;
margin-bottom: 5px;
}
.single_related_post .meta-category-small{
margin-bottom: 10px;
}
.single_related_post .meta-category-small a{
margin: 0px 10px 0px 0px !important;
}
.single_related_post h3{
float: left;
width: 100%;
margin-bottom: 0px !important;
}
.single_related_post .post-author:hover a{
margin-right: 10px !important;
}
.single_related_post *:focus{
outline: none;
}
/*-------------------------------------------------------------------------------------
Comment box
-------------------------------------------------------------------------------------*/
#commentform label {
float: left;
padding-right: 20px;
width: 120px;
}
.comment {
position: relative;
margin-bottom: 20px;
}
.comment-meta {
position: relative;
float: left;
width: 100%;
}
.comment-meta img {
margin-right: 20px;
float: left;
width: 80px !important;
height: 80px !important;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
}
.comment-meta .comment-author-name{
display: block;
text-transform: none;
font-size: 14px;
color: #202020;
font-weight: 700;
margin-top: 2px;
}
.comment-meta .comment-author-name a:hover{
text-decoration: none !important;
color: #ff3400;
}
.comment-meta .comment-author-date{
display: block;
margin-top: -5px;
}
.comment-meta .comment-author-date:hover, .comment-meta .comment-author-date:hover time{
color: #ff3400;
text-decoration: none !important;
}
.comment-meta cite {
display: block;
font-size: 16px;
padding-bottom: 0px;
}
.comment-content {
display: block;
margin-top: 10px;
padding-bottom: 10px;
float: left;
width: 100%;
border-bottom: 1px solid #f0f0f0;
}
.comment-reply-link, .comment-edit-link {
font-size: 11px;
letter-spacing: 0px;
text-transform: none;
background-color: #F1F1F1;
color: #313131 !important;
height: 20px;
line-height: 20px;
border-radius: 2px;
margin-left: 0px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
top: 0px;
right: 0px;
float: left;
text-align: center;
padding: 0px 10px;
margin-top: 5px;
}
.comment-edit-link{ margin-right: 5px;
}
.comment-reply-link:hover, .comment-edit-link:hover{
color: #fff !important;
background: #ff3400;
text-decoration: none !important;
}
.comment time {
font-size: 11px;
color: #777;
text-transform: none;
letter-spacing: 0px;
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
font-size: 18px;
margin-bottom: 20px;
margin-top: 10px;
line-height: 1.2;
color: #202020;
}
.comments-area li {
list-style: none !important;
float: left;
margin-bottom: 0px;
width: 100%;
}
#commentform #submit,
.wpcf7-form-control.wpcf7-submit {
outline: none;
height: 35px;
font-size: 12px;
letter-spacing: 1px;
line-height: 35px;
padding: 0 40px;
color: #FFF;
background: #000000;
cursor: pointer;
border: 0px;
margin-bottom: 15px;
text-transform: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#commentform #submit:hover,
.wpcf7-form-control.wpcf7-submit:hover {
color: #FFF;
background: #ff3400;
}
.single_section_comment {
border: 1px solid #EAEAEA;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
margin-top: -1px;
float: left;
width: 100%;
padding: 25px 0px 35px 0px;
}
.single_section_comment .commentlist{ padding: 0px; float: left; width: 100%; margin-bottom: 0px;}
.single_section_comment .commentlist .children{
float: left;
width: 100%;
}
.comments-area textarea,
.comments-area input[type="text"] {
width: 100%;
}
.comments-area h3#reply-title {
margin: 0px;
text-transform: none;
color: #202020;
float: left;
width: 100%;
margin-bottom: 0px;
}
.comments-area .logged-in-as{
margin-bottom: 15px;
}
.comments-area .form-allowed-tags {
font-size: 12px;
}
.required {
position: relative;
color: #900;
}
/*-------------------------------------------------------------------------------------
Menu slide
-------------------------------------------------------------------------------------*/
#content_nav .widget{
padding: 0px 40px;
}
.mobile_close_icons.closed_menu{
position: absolute;
top: 15px;
left: 50%;
width: 40px;
height: 40px;
line-height: 40px;
margin-left: -20px;
text-align: center;
cursor: pointer;
z-index: 10;
display: block;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
color: #ffffff;
background-color: #ff3400;
border-radius: 100px;
}
.mobile_close_icons.closed_menu i {
font-size: 13px !important;
margin-top: 0px !important;
float: left;
width: 100%;
text-align: center;
line-height: 40px;
}
#content_nav .widget .auto_image_with_date .post-date{
display: none;
}
#content_nav .post_list_widget, #content_nav .jellywp_about_us_widget{
padding: 0px;
}
#content_nav .cfs_from_wrapper{
padding: 7px;
}
#content_nav .cfs_from_wrapper .cfs_form_title{
font-size: 16px;
}
.jl_mobile_nav_inner{
float: left;
width: 100%;
}
.active_mobile_nav_class{
overflow: hidden;
}
#content_nav .search_form_menu{
padding: 0px 40px;
float: left;
width: 100%;
margin: 40px 0px 20px 0px;
}
#content_nav .search_form_menu .button{
border: 0px !important;
line-height: 31px !important;
margin-right: 5px;
background: none;
color: #000 !important;
right: 0px;
top: 0px;
}
#content_nav .search_form_menu #s{
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 1px solid #dadada;
font-size: 14px;
}
.menu_mobile_icons{
display: none;
font-size: 30px;
float: right;
cursor: pointer;
color: #fff;
}
.menu_mobile_icons i{
margin-top: 5px;
}
.menu_mobile_icons.closed_menu .fa-bars{
display: none;
}
.menu_mobile_icons .fa-times{
display: none;
}
.menu_mobile_icons.closed_menu .fa-times{
display: block;
}
#content_nav .logo_link{
float: left;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#content_nav .logo_link img {
width: 70%;
}
.jl_content_wrapper.jl_black_space_top{
margin-top: 80px;
}
.jl_content_wrapper{
margin-top: 0px;
}
#content_nav.jl_mobile_nav_wrapper{
visibility: hidden;
}
#content_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-overflow-scrolling: touch;
-webkit-box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
box-shadow: 0 -5px 100px rgba(0, 0, 0, 0.1);
opacity: 1;
visibility: visible !important;
}
#content_nav {
top: 0;
right: 0;
height: 100%;
z-index: 999999;
width: 350px;
padding: 30px 0px 0px 0px;
color: #000;
position: fixed;
background: #fff;
overflow-y: scroll !important;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transform: translate(380px, 0px);
-ms-transform: translate(380px, 0px);
transform: translate(380px, 0px);
-o-transform: translate(380px, 0px);
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
}
#content_nav .menu_moble_slide li a{
padding: 10px 0px !important;
font-weight: 600;
display: block;
color: #000;
}
#content_nav .menu_moble_slide li a:hover{
color: #797979 !important;
}
#content_nav a i {
margin-right: 5px;
}
#content_nav .menu_moble_slide > li {
border-top: 1px solid #DADADA;
}
#content_nav .menu_moble_slide > li a {
padding-left: 40px !important;
font-weight: 400;
text-transform: none;
font-size: 14px
}
#content_nav .sub-menu li {
border-top: 1px solid #DADADA;
display: inline-block;
margin: 0;
padding: 0;
}
#content_nav .menu_moble_slide li {
width: 100%;
list-style: none;
display: inline-block;
margin: 0;
padding: 0px;
position: relative;
}
#content_nav .sub-menu .sub-menu a {
padding-left: 30px;
}
#content_nav .menu_moble_slide li a:hover {
text-decoration: none;
}
#content_nav .sub-menu > li a {
padding-left: 40px !important;
}
#content_nav .sub-menu .sub-menu > li a {
padding-left: 60px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu > li a {
padding-left: 80px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu > li a {
padding-left: 100px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 120px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 140px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 160px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 180px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 200px !important;
}
#content_nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 220px !important;
}
.menu_moble_slide{
border-bottom: 1px solid #DADADA;
margin-bottom: 30px;
}
#content_nav .menu_moble_slide li a,
#content_nav .menu_moble_slide {
width: 100% !important;
text-decoration: none !important;
padding: 0px;
}
#content_nav a .arrow_down {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-moz-osx-font-smoothing: grayscale;
padding: 0px;
position: absolute;
top: 4px;
right: 40px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #000;
background: #ececec;
font-size: 14px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#content_nav a .arrow_down i{
margin: 0px;
width: 35px;
height: 35px;
line-height: 35px;
float: left;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
#content_nav ul .menu-active-class {
opacity: 1;
visibility: visible;
display: block;
margin-top: 0px;
}
#content_nav .sub-menu {
border: none;
padding: 0;
margin: 0;
position: relative;
visibility: hidden;
display: none;
box-shadow: none;
}
.mobile_menu_active.mobile_menu_overlay {
visibility: visible;
background: rgba(0, 0, 0, 0.9);
}
.mobile_menu_overlay {
display: block;
width: 100%;
height: 100%;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
background: transparent;
transition: all 0.3s ease;
}
.sb-toggle-left {
display: none;
width: 40px;
height: 38px;
margin-left: 15px;
float: right !important;
padding: 11px 8px 8px 8px;
background: #151515;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.navicon-line {
width: 24px;
height: 4px;
border-radius: 1px;
margin-bottom: 3px;
background-color: #FFF;
}
.mobile_menu_meg {
width: 100%;
position: relative;
float: left;
display: none;
}
#nav-wrapper {
background-color: #151515;
text-align: left;
float: left;
width: 100% !important;
position: absolute;
display: none;
z-index: 9999;
}
#nav-wrapper #menu-main-menu {
margin: 0px;
padding: 0px;
}
#nav-wrapper .jl_main_menu > li {
border-top: 1px solid #212121;
}
#nav-wrapper .jl_main_menu > li a {
padding-left: 30px !important;
}
#nav-wrapper .sub-menu li {
border-top: 1px solid #212121;
display: inline-block;
margin: 0;
padding: 0;
}
#nav-wrapper #menu-main-menu li {
width: 100%;
list-style: none;
display: inline-block;
margin: 0;
padding: 6px 0px;
}
#nav-wrapper .sub-menu .sub-menu a {
padding-left: 30px;
}
#nav-wrapper #menu-main-menu li a:hover {
text-decoration: none;
}
#nav-wrapper .sub-menu > li a {
padding-left: 50px !important;
}
#nav-wrapper .sub-menu .sub-menu > li a {
padding-left: 70px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu > li a {
padding-left: 90px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu .sub-menu > li a {
padding-left: 110px !important;
}
#nav-wrapper .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu> li a {
padding-left: 130px !important;
}
#nav-wrapper a,
#nav-wrapper #menu-main-menu {
color: #FFF;
width: 100% !important;
text-decoration: none !important;
}
#nav-wrapper li:hover a {
color: #ccc;
}
#nav-wrapper a .arrow_down {
background-color: #212121;
border: 1px solid #333;
padding: 0px 6px;
margin-left: 20px;
}
#nav-wrapper ul .menu-active-class {
opacity: 1;
visibility: visible;
display: block;
margin-top: 10px;
}
#nav-wrapper .sub-menu {
border: none;
padding: 0;
margin: 0;
position: relative;
visibility: hidden;
display: none;
box-shadow: none;
}
/* =================================== List post Style 2 ===================================*/
.home_with_list_post #content-loop-list-post, .post_category_list_display #content-loop-list-post{
}
.loop-list-post-display {} .blog-list-padding{
float: left;
width: 100%;
}
.loop-list-post-display #content-loop-list-post {
float: left;
width: 100%;
margin-bottom: 0px !important;
}
.loop-list-post-display #content-loop-list-post .blog_large_post_style{
float: left;
width: 100%;
margin-bottom: 45px;
position: relative;
}
.loop-list-post-display #content-loop-list-post .blog_large_post_style .post-entry-content{
padding-left: 0px !important; }
.loop-list-post-display #content-loop-list-post .blog_large_post_style .large_continue_reading span, .loop-list-post-display #content-loop-list-post .blog_large_post_style .large_continue_reading span a{
color: #202020;
}
.loop-list-post-display #content-loop-list-post .blog_large_post_style .large_post_content{
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
padding: 0px;
}
.loop-list-post-display #content-loop-list-post .blog_large_post_style .large_post_footer_wrapper{
float: left;
width: 100%;
}
.loop-list-post-display #content-loop-list-post .main_list_wrapper{
float: left;
width: 100%;
}
.loop-list-post-display #content-loop-list-post .main_list_wrapper .post-entry-content{
padding-top: 0px !important;
padding-right: 0px !important;
}
.loop-list-post-display #content-loop-list-post .main_list_wrapper .post-entry-content{
text-align: left;
}
.post_content input[type="submit"]{
outline: none;
height: 35px;
font-size: 12px;
letter-spacing: 1px;
line-height: 35px;
padding: 0 40px;
color: #FFF;
background: #4E4E4E;
cursor: pointer;
border: 0px;
margin-bottom: 15px;
text-transform: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.page-link{
float: left;
width: 100%;
}
.page-links{
float: left;
width: 100%;
padding: 0px;
}
.page-links a, .page-links li{
padding: 0px 15px;
float: left;
list-style: none;
width: auto;
margin-right: 5px;
background: #222;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-decoration: none;
-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;
}
.page-links a:hover{
background: #ccc;
}
.page-links a:hover li{
background: no-repeat;
}
.page-links > li{
background: #ccc;
}
.page-links a li{
margin-right: 0px;
padding: 0px;
}
.blog_list_post_style {
margin-bottom: 25px !important;
float: left;
width: 100%;
padding-bottom: 25px;
position: relative;
}
.blog_list_post_style:last-child{
border-bottom: 0px;
padding-bottom: 20px;
}
.blog_list_post_style .large_continue_reading {
margin-bottom: 0px !important;
}
.blog_list_post_style .meta-category-small {
width: 100%;
float: left;
}
.blog_list_post_style .image-post-thumb {
float: left;
width: 48% !important;
}
.image-post-thumb > a{
float: left;
width: 100%;
}
.image-post-thumb > a img{
float: left;
width: 100%;
}
.blog_list_post_style .post-entry-content {
width: 52% !important;
}
.blog_list_post_style .image-post-title {
float: left;
width: 100%;
font-size: 25px;
line-height: 1.2;
margin-top: 0px;
margin-bottom: 10px;
text-align: left !important;
text-transform: none;
}
.blog_list_post_style .post-meta {
float: left;
color: #444;
font-size: 12px !important;
text-transform: none;
letter-spacing: 0px;
}
.blog_list_post_style .post-meta a{
color: #444;
font-size: 12px !important;
text-transform: none;
font-weight: 500;
}
.blog_list_post_style .post-meta a:hover{
float: none !important;
text-decoration: none !important;
}
.blog_list_post_style .post-meta span.author-avatar-image{
margin-right: 0px !important;
}
.blog_list_post_style .post-meta span {
float: left;
margin-right: 10px;
color: #000;
}
.blog_list_post_style .post-meta span i {
margin-right: 5px;
}
.blog_list_post_style .large_continue_reading {
text-align: left;
margin: 0px;
border: 0px;
float: left;
margin-top: 7px;
}
.blog_list_post_style .post_type_icon {
color: #FFF;
background: #000;
font-size: 20px !important;
height: 45px;
width: 45px;
line-height: 45px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
opacity: 0.7;
}
.blog_list_post_style .image-post-thumb {
position: relative;
}
/* =================================== Header social icons ===================================*/
.social_icon_header {
padding: 0px;
margin: 0px;
overflow: hidden;
margin: auto;
margin-left: 15px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 35px;
}
.social_icon_header li {
float: left;
list-style: none;
margin-right: 18px;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.social_icon_header li a {
float: left;
color: #202020;
font-size: 20px;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.personal_magazine_style .social_icon_header li a:hover{
color: #ff3400;
}
.social_icon_header li a:hover {
color: #fff;
}
.logo_link {
position: relative;
z-index: 99;
}
.search_header {
overflow: auto;
margin: auto;
margin-right: 15px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 40px;
}
.search_header form {
width: 200px;
float: right;
}
.searchform_theme {
float: left;
width: 100%;
position: relative;
height: 40px;
overflow: hidden;
}
.searchform_theme #s{
font-size: 14px;
}
.searchform_theme #s, .searchform_theme #sbtn, .searchform_theme .s {
border: 1px solid #dadada;
border-radius: 0px;
float: left;
padding: 6px 15px;
width: 100%;
color: #000;
outline: none;
background: #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.searchform_theme .s::-webkit-input-placeholder{
color: #313131;
}
.searchform_theme .button {
background: none;
border: 0px solid #202020 !important;
border-left: 0px solid #202020 !important;
border-bottom: 0px;
color: #202020;
border-radius: 0 2px 2px 0 !important;
background-repeat: no-repeat !important;
height: 38px !important;
line-height: 33px;
text-align: center;
width: 40px;
position: absolute !important;
right: 6px;
top: 0px;
outline: none !important;
border-bottom: 0px !important;
}
.search_form_menu .button{
line-height: 33px !important;
}
/* =================================== search and menu ===================================*/
.search_header_menu{
overflow: auto;
margin: auto;
margin-right: 50px;
top: 0;
bottom: 0;
right: 0;
height: 80px;
width: 70px;
float: left;
}
.search_header_menu i{
font-size: 20px;
color: #fff;
cursor: pointer;
}
.search_header_menu i.fa-search{
height: 80px;
line-height: 80px;
float: left;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.search_header_menu .search_header_wrapper{
float: right;
margin-right: 18px;
}
.search_header_menu .search_header_wrapper i:hover{
color: #fff;
}
.search_header_menu .menu_mobile_icons{
display: inherit;
float: right;
font-size: 20px !important;
line-height: 0px;
}
.search_header_menu .menu_mobile_icons .fa-bars{
margin: 0px;
cursor: pointer;
height: 80px;
line-height: 80px;
float: left;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.search_header_menu .menu_mobile_icons i:hover{
color: #fff;
}
.search_form_menu_personal{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(255,255,255,.97);
opacity: 0;
position: fixed;
top: 0 !important;
left: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
}
.search_form_menu_personal_active{
opacity: 1 !important;
visibility: visible !important;
}
.search_close_btn_pop{
position: absolute;
top: 40px;
right: 40px;
width: 40px;
height: 40px !important;
line-height: 40px !important;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
cursor: pointer;
z-index: 10;
display: block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #ffffff;
background-color: #ff3400;
margin: 0px !important;
}
.search_close_btn_pop i{
font-size: 15px !important;
color: #fff !important;
float: none !important;
height: 40px !important;
line-height: 40px !important;
}
.search_close_btn_pop:hover i{
color: #fff !important;
}
.searchform_theme.pop_search_form{
margin: -60px 0 0 -300px;
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: auto;
overflow: hidden;
float: none;
}
.searchform_theme.pop_search_form .search_input_pop{
background: none;
border: 0;
border-bottom: 2px solid #444 !important;
color: #444;
float: left;
font-size: 60px;
font-weight: 700;
line-height: 100%;
padding: 20px 0;
width: 100%;
height: 70px;
}
.search_form_menu_personal #s, .search_form_menu_personal #sbtn{
padding: 0px;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
h2.notfound_p_title{
color: #222;
text-transform: none;
}
p.notfound_p_text{
margin-bottom: 40px;
}
.searchform_theme #s, .searchform_theme #sbtn::-webkit-input-placeholder{
color: #313131;
}
.search_content_page{
float: left;
width: 100%;
margin-bottom: 40px;
}
/*gird width slider*/
.full-slider-wrapper {
position: relative;
overflow: hidden;
}
.full-slider-wrapper .item{
background: #000;
float: left;
width: 100%;
}
.full-slider-wrapper .banner-carousel-item .banner-container{
width: 100%;
text-align: left;
padding: 15px 25px 20px 25px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.full-slider-wrapper .owl-dots, .header_small_carousel_post .owl-dots{
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
}
.full-slider-wrapper .owl-dots .owl-dot.active, .header_small_carousel_post .owl-dots .owl-dot.active{
background: #000;
}
.full-slider-wrapper .owl-dots .owl-dot, .header_small_carousel_post .owl-dots .owl-dot{
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
background: #FFF;
border: 1px solid #000;
height: 15px;
width: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.header_small_carousel_post .owl-dots{
display: none !important;
}
.full-slider-wrapper .banner-carousel-item .banner-container .more_btn, .single-item-slider .banner-carousel-item .banner-container .more_btn{
display: inline-block;
position: relative;
padding: 0px;
line-height: 30px;
height: 30px;
text-transform: none;
font-size: 13px;
margin-top: 10px;
}
.full-slider-main-home-wrapper .more_btn a{
color: #FFF !important;
border: 1px solid #FFF;
color: #000;
display: block;
padding: 0px 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 1px;
}
.full-slider-main-home-wrapper .more_btn a:hover{ border: 1px solid #ff3400;}
.full-slider-wrapper .banner-carousel-item .banner-container .more_btn a{
color: #000;
display: block;
padding: 0px 15px;
border: 1px solid #000;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 1px;
}
.full-slider-wrapper .banner-carousel-item .banner-container .more_btn a:hover, .single-item-slider .banner-carousel-item .banner-container .more_btn a:hover{
text-decoration: none !important;
border: 1px solid #ff3400;
box-shadow: 200px 0 0 0 #ff3400 inset;
color: #fff;
}
.full-slider-wrapper .banner-carousel-item > a{
float: left;
width: 100%;
overflow: hidden;
background: #000;
}
.full-slider-wrapper .banner-carousel-item > a img{
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
.full-slider-wrapper .banner-carousel-item:hover > a img{
}
/* Small header carousel top 5*/
.header_top_small_carousel_5{
float: left;
width: 100%;
padding: 30px 0px 0px 0px;
}
.header_top_small_carousel_5.personal_allin_top_bar_menu{
background: none;
margin: 30px 0px;
}
.main_new_ticker_wrapper.personal_allin_top_bar_menu{
margin-top: 0px;
margin-bottom: 25px;
}
.header_top_small_carousel_5 .row{
margin-bottom: 0px;
}
.header_top_small_carousel_5 .featured-thumbnail{
width: 90px;
position: relative !important;
display: block;
float: left;
overflow: hidden;
}
.header_top_small_carousel_5 .featured-thumbnail img{
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 1px solid #000;
}
.header_top_small_carousel_5 .popular-item-caption{
position: relative;
margin-left: 105px;
top: 0px;
}
.header_top_small_carousel_5 .popular-item-caption h4{
font-size: 15px;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.header_small_5_carousel:hover .jelly_pro_post_arrow_left, .header_small_5_carousel:hover .jelly_pro_post_arrow_right{
opacity: 1 !important;
}
.header_top_small_carousel_5 .jelly_pro_post_arrow_left, .header_top_small_carousel_5 .jelly_pro_post_arrow_right{
width: 15px;
height: 40px;
line-height: 40px;
font-size: 40px;
text-align: center;
color: #000;
float: left;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
position: absolute;
z-index: 1;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.header_top_small_carousel_5 .header_small_5_carousel:hover .jelly_pro_post_arrow_left, .header_top_small_carousel_5 .header_small_5_carousel:hover .jelly_pro_post_arrow_right{
opacity: 1 !important;
}
.header_top_small_carousel_5 .jelly_pro_post_arrow_left{
left: -35px;
}
.header_top_small_carousel_5 .jelly_pro_post_arrow_right{
right: -35px;
}
.header_top_5_carousel_item.slick-active:last-child .popular-item-caption h4{
padding-right: 0px !important;
}
.header_top_small_carousel_5 .post-date{
font-size: 11px;
}
.header_top_small_carousel_5 .post-date i{
margin-right: 5px;
}
/*footer carousel*/
.footer_top_small_carousel_5 .jelly_pro_post_arrow_left{
left: 10px;
}
.footer_top_small_carousel_5 .jelly_pro_post_arrow_right{
right: 10px;
}
.footer_small_5_carousel{
float: left;
width: 100%;
}
.footer_small_5_carousel:hover .jelly_pro_post_arrow_left, .footer_small_5_carousel:hover .jelly_pro_post_arrow_right{
opacity: 1 !important;
}
.footer_top_small_carousel_5 .jelly_pro_post_arrow_left, .footer_top_small_carousel_5 .jelly_pro_post_arrow_right{
color: #fff;
background: #fff;
background: none;
cursor: pointer;
z-index: 1;
font-size: 23px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 40px;
position: absolute;
text-align: center;
top: 50%;
margin-top: -40px;
opacity: 0 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.footer_top_small_carousel_5{
border-bottom: 1px solid #353535;
background: #f3f3f3;
border-top: 1px solid #e8e8e8;
padding-top: 30px;
float: left;
width: 100%;
}
.footer_top_small_carousel_5 .jl_footer_car_title{
width: 100%;
float: left;
text-align: center;
font-size: 30px;
color: #000000;
font-weight: 700 !important;
letter-spacing: -1px;
margin-top: 0px;
margin-bottom: 0px;
}
.footer_top_small_carousel_5 .jl_footer_car_desc{
font-size: 15px;
color: #000;
width: 100%;
float: left;
text-align: center;
margin-bottom: 30px;
}
.footer_top_small_carousel_5 .popular-item-caption h4{
line-height: 1.2;
float: left;
}
.footer_top_small_carousel_5 .popular-item-caption h4 a{
color: #000;
font-size: 15px;
float: left;
}
.footer_top_small_carousel_5 .footer_top_5_carousel_item{
padding: 0 10px;
}
.footer_top_small_carousel_5 .slick-list{
margin: 0 -10px;
}
.footer_top_small_carousel_5 .footer_top_5_carousel_item a.featured-thumbnail{
position: relative;
float: left;
width: 100%;
}
.footer_top_small_carousel_5 .footer_top_5_carousel_item a img{
}
/*full width slider*/
.full-slider-main-home-wrapper {
float: left;
width: 100%;
position: relative;
}
.full-slider-main-home-wrapper .full-slider-main-home{
float: left;
width: 100%;
overflow: hidden;
}
.full-slider-main-home-wrapper .item{
float: left;
width: 100%;
}
.full-slider-main-home-wrapper .banner-carousel-item > a{
width: 100%;
float: left;
background: #000;
position: relative;
}
.full-slider-main-home-wrapper .banner-carousel-item a img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 0.8;
}
.full-slider-main-home-wrapper .banner-carousel-item:hover a > img{
}
.header-main-slider-large {
margin-bottom: 0px;
}
.builder_main_single_home_slider{
float: left;
width: 100%;
}
.full-slider-main-home {
margin-top: 40px;
}
.full-slider-main-home .banner-container .meta-category-small a{
float: none !important;
display: inline-block;
}
.full-slider-main-home .banner-container{
top: 50%;
background: none;
left: 28%;
right: 28%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
}
.full-slider-main-home .banner-container .post-meta{
float: left;
color: #fff;
width: 100%;
}
.full-slider-main-home .banner-container .post-meta a{
color: #fff;
}
.full-slider-main-home .banner-container .post-meta a:hover{
color: #fff !important;
}
.page_builder_slider .banner-container h5 a{
font-size: 25px !important;
font-weight: 500;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.full-slider-main-home .banner-container h5:hover{
color: #fff !important;
}
.full-slider-main-home .banner-container h5 a:hover{
color: #fff !important;
opacity: 0.8;
}
.full-slider-main-home .banner-container h5 a{
font-size: 35px;
line-height: 1.2;
color: #fff;
text-transform: none;
font-weight: 600 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.full-slider-main-home .banner-container h5 a:hover, .page_builder_slider .banner-container h5 a:hover{
color: #fff !important;
opacity: 0.8;
}
.full-slider-main-home .jelly_pro_post_arrow_right {
background: #000;
right: 20px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.full-slider-main-home .jelly_pro_post_arrow_left {
background: #000;
left: 20px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.full-slider-main-home .jelly_pro_post_arrow_left{
left: 0px;
}
.full-slider-main-home .jelly_pro_post_arrow_right{
right: 0px;
}
.full-slider-main-home .jelly_pro_post_arrow_left,
.full-slider-main-home .jelly_pro_post_arrow_right {
color: #fff;
background: #fff;
background: none;
cursor: pointer;
z-index: 1;
font-size: 30px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
line-height: 1;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
text-align: center;
top: 50%;
margin-top: -20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.full-slider-main-home .jelly_pro_post_arrow_left:hover,
.full-slider-main-home .jelly_pro_post_arrow_right:hover {
background: none !important;
color: #fff;
}
/*Post format*/
.format-link .image-post-thumb a {
display: none;
position: absolute;
width: 100%;
bottom: 0px;
padding: 40px 20px 20px 20px;
color: #FFF;
font-size: 20px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.63) 44%, rgba(0, 0, 0, 0.97) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(3%, rgba(0, 0, 0, 0)), color-stop(44%, rgba(0, 0, 0, 0.63)), color-stop(100%, rgba(0, 0, 0, 0.97)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.63) 44%, rgba(0, 0, 0, 0.97) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.63) 44%, rgba(0, 0, 0, 0.97) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.63) 44%, rgba(0, 0, 0, 0.97) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.63) 44%, rgba(0, 0, 0, 0.97) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f7000000', GradientType=0);
}
.format-link .image-post-thumb a:hover {
text-decoration: none;
}
.format-link .image-post-thumb a i {
margin-right: 10px;
}
/*Grid layout*/
#wrapper_masonry.show3_post_col_home{
padding-top: 60px;
}
#wrapper_masonry.show3_post_col_home.jl_post_space{
padding-top: 40px;
}
#wrapper_masonry, #content_main{
clear: both;
padding-top: 0px;
padding-bottom: 10px;
}
.jl_grid_mian{
float: left;
width: 100%;
}
.jl_grid_mian .post-entry-content{
padding: 0px !important;
}
.jl_grid_mian .post_grid_more_meta_wrapper{
margin-top: 23px !important;
margin-bottom: 0px !important; }
.jl_grid_mian .post-entry-content .large_post_content{
margin-top: 0px !important;
}
.jl_grid_mian .meta-category-small .post-category-color-text{
letter-spacing: 0em;
margin: 0px !important;
margin-right: 5px !important;
float: left !important;
background: #000;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
color: #fff !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jl_grid_bellow_mian{
float: left;
width: 100%;
}
.single_content_page_display{
border-top: 1px solid #e4e4e4;
}
.col-md-8.grid-sidebar #content_masonry{
margin-right: -15px;
margin-left: -15px;
}
#content_masonry {
margin: 0px;
}
#content_masonry .meta-category-small a:before{
border-top: 20px solid rgba(255,255,255,0);
}
#content_masonry .meta-category-small a:after{
border-bottom: 20px solid rgba(255,255,255,0);
}
/*Grid layout with sidebar*/
.grid-sidebar .box {
margin-bottom: 45px !important;
width: 50%;
padding: 0px;
padding-right: 20px;
padding-left: 20px;
float: left;
text-align: center;
position: relative;
}
.grid-sidebar .box .image-post-title {
float: left;
width: 100%;
font-size: 23px;
letter-spacing: -0.025em;
margin-top: 7px;
}
.box .large_post_content{
float: left;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 0px solid #ddd;
}
.box .large_post_content p{
float: left;
width: 100%;
margin-bottom: 0px;
}
/*Large Main Grid layout with sidebar*/
.search_page_result{
height: auto;
}
#content-large-main-grid-post{
width: auto !important;
margin: 0px -15px 0px -15px;
float: none !important;
display: block;
clear: both;
}
#content-large-main-grid-post,
#content-loop-main-grid-post,
.main-grid-post-display .blog_large_post_style {
width: 100%;
float: left;
padding: 0px !important;
}
#content-large-main-grid-post .meta-category-small a:before{ border-top: 20px solid rgba(255,255,255,0);}
#content-large-main-grid-post .meta-category-small a:after{ border-bottom: 20px solid rgba(255,255,255,0);}
.main-grid-post-display .blog_large_post_style{
width: 100% !important;
}
.main-grid-post-display .box{
margin-bottom: 40px !important;
width: 50%;
padding: 0px;
padding-right: 15px;
padding-left: 15px;
float: left;
text-align: center;
position: relative;
}
.main-grid-post-display .box .large_continue_reading{
margin: 0px;
}
.main-grid-post-display .box .image-post-title {
line-height: 1.2;
margin-top: 10px;
margin-bottom: 10px;
float: left;
width: 100%;
text-transform: none;
}
.blog_grid_post_style .post-entry-content .post-entry-content-wrapper, .main-grid-post-display .blog_grid_post_style .post-entry-content .post-entry-content-wrapper, .grid_home_3col .blog_grid_post_style .post-entry-content .post-entry-content-wrapper{
float: left;
width: 100%;
background: #fff;
}
.blog_grid_post_style .post-entry-content .post-entry-content-wrapper .image-post-title, .main-grid-post-display .blog_grid_post_style .post-entry-content .post-entry-content-wrapper .image-post-title, .grid_home_3col .blog_grid_post_style .post-entry-content .post-entry-content-wrapper .image-post-title{
margin-top: 10px;
margin-bottom: 5px;
padding: 0px;
}
.box.blog_large_post_style.format-standard .post-entry-content, .box.blog_large_post_style.format-quote .post-entry-content, .box.blog_large_post_style.format-gallery .post-entry-content{
position: relative;
z-index: 9;
text-align: left;
}
.single_content_header{
float: left;
width: 100%;
}
.single_content_header .image-post-thumb img{
width: 100%;
float: left;
}
.format-standard .single_content_header .post-entry-content, .format-standard .single_content_header .post-entry-content{
max-width: 100%;
padding: 25px 30px 10px 30px;
position: relative;
z-index: 9;
text-align: center;
}
.format-video .single_content_header .date_post_large_display, .format-audio .single_content_header .date_post_large_display{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 1;
}
.format-video .single_content_header:hover .date_post_large_display, .format-audio .single_content_header:hover .date_post_large_display{
opacity: 0;
}
.format-gallery .single_content_header .post-entry-content, .format-quote .single_content_header .post-entry-content{
position: relative;
z-index: 9;
background: #fff;
text-align: center;
}
.single_post_entry_content{
float: left;
width: 100%;
margin-bottom: 6px;
text-align: center;
}
.single_post_entry_content .single_post_category_top a{
float: none;
margin-right: 0px;
margin-top: 0px;
padding: 0px !important;
font-size: 11px !important;
text-transform: none;
margin: 0px 10px 0px 0px;
display: inline-block;
background: #fff;
color: #222;
font-weight: 500 !important;
letter-spacing: 0.05em;
}
.single_post_entry_content .single_post_category_top a:hover{
color: #ff3400 !important;
}
.single_post_entry_content .single-meta-category-small a{
padding: 3px 9px;
font-size: 13px;
line-height: 1;
margin-right: 5px;
background-color: #ff3400;
color: #fff;
}
.single_post_entry_content .single-meta-category-small a:hover{
text-decoration: none !important;
}
.single_post_entry_content .single_post_title_main{
font-size: 40px;
color: #000;
font-weight: 700 !important;
text-transform: none;
margin-top: 0px;
margin-bottom: 10px;
line-height: 1.067;
float: left;
width: 100%;
}
.single_post_entry_content .post_subtitle_text{
float: left;
font-size: 21px;
color: #999;
font-weight: 300;
margin-bottom: 10px;
}
.single_post_entry_content .author_option_left{
float: left;
}
.single_post_entry_content .author_option_left .single_author_avatar_image{
float: left;
margin-right: 10px;
}
.single_post_entry_content .author_option_left .single_author_avatar_image img{
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 25px;
height: 25px;
}
.single_post_entry_content .author_option_left .wrapper_author_option_left{
float: left;
margin-top: 6px;
}
.single_post_entry_content .author_option_left .wrapper_author_option_left .post-author{
margin-right: 5px;
}
.single_post_entry_content .author_option_left .wrapper_author_option_left span{
float: left;
line-height: 1.2;
font-size: 12px;
text-transform: none;
}
.single_post_entry_content .author_option_left .wrapper_author_option_left .post-author a{
font-weight: bold;
text-transform: none;
font-size: 12px;
}
.single_post_entry_content .author_option_left .wrapper_author_option_left .post-author a:hover{
text-decoration: none !important;
}
.single_post_entry_content .user_option_right{
float: left;
margin-top: 3px;
}
.single_post_entry_content .user_option_right span{
float: left;
text-align: center;
margin-left: 10px;
color: #000;
font-size: 12px;
}
.single_post_entry_content .user_option_right span a{
font-size: 12px;
}
.single_post_entry_content .user_option_right i{
margin-right: 3px;
}
.single_content_header .image-post-thumb{
margin-bottom: 20px;
}
.single-post-meta-wrapper{
float: left;
width: 100%;
text-align: center;
text-transform: none;
}
.single-post-meta-wrapper span{ font-size: 12px; margin: 0px 5px; color: #555 !important; text-transform: none;}
.single-post-meta-wrapper span a{ font-size: 12px; color: #555 !important; text-transform: none;}
.single-post-meta-wrapper span a:hover{ color: #ff3400 !important;}
.single-post-meta-wrapper .post-author{font-weight: 600; color: #444 !important;}
.single-post-meta-wrapper .post-author img{width: 30px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right: 5px;}
.single-post-meta-wrapper a:hover{ text-decoration: none !important;}
.single-post-meta-wrapper span i{ margin-right: 5px;}
.single_content_header .meta-category-small a {
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
background: #000;
background-color: rgba(0,0,0,.7);
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.options_admin_single_style1 .single_post_share_icon_post_top{
display: none !important;
}
.single_full_width_custom_options.options_admin_single_style1 .post_content{
margin-top: 10px !important;
}
.single_full_width_custom_options .post_content{
margin-top: -9px !important;
}
.single_full_width_custom_options{
border-top: 0px !important;
}
/* Center align caption bellow*/
.single_post_caption_center_below, .single_post_caption_center_below .meta-category-small, .single_post_caption_center_below .single_post_title_main{
text-align: center;
}
/* Center align top*/
.single_above_center_align{
margin-bottom: 20px;
}
.single_above_center_align, .single_above_center_align .meta-category-small, .single_above_center_align .single_post_title_main{
text-align: center;
}
/* left align bellow*/
.single_bellow_left_align, .single_bellow_left_align .single-post-meta-wrapper{
text-align: left;
}
.single_section_content .single_bellow_left_align .meta-category-small a{
margin: 10px 10px 0px 0px !important;
padding: 7px 16px 6px;
color: #fff;
background: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.single_bellow_left_align .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
.single_bellow_left_align .single_post_share_icon_post_top{
display: block !important;
}
/* left align above*/
.single_above_left_align, .single_above_left_align .single-post-meta-wrapper{
text-align: left;
}
.single_above_left_align{
margin-bottom: 20px;
}
.single_above_left_align .meta-category-small a{
margin: 0px 10px 0px 0px !important;
}
.single_above_left_align .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
/* captions overlay image*/
.single_captions_overlay_image{
position: relative;
background: #000;
}
.single_captions_overlay_image .image-post-thumb{
margin: 0px;
}
.single_captions_overlay_image .image-post-thumb img{
opacity: 0.7;
width: 100%;
}
.single_captions_overlay_image .single_post_entry_content{
margin: 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
height: auto;
max-width: 80%;
z-index: 1;
text-align: center;
}
.single_captions_overlay_image .single_post_entry_content .meta-category-small a{
text-align: center;
}
.single_captions_overlay_image .single_post_entry_content .single_post_title_main, .single_captions_overlay_image .single-post-meta-wrapper span, .single_captions_overlay_image .single-post-meta-wrapper span a{
color: #fff !important;
}
/* fullwidth captions overlay image*/
.single_captions_overlay_image_full_width{
position: relative;
background: #000;
height: 600px;
}
.single_captions_overlay_image_full_width .image-post-thumb{
margin: 0px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0.7;
}
.single_captions_overlay_image_full_width .single_post_entry_content{
margin: 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
height: auto;
max-width: 700px;
z-index: 1;
text-align: center;
}
.single_captions_overlay_image_full_width .single_post_entry_content h1{
font-size: 40px;
}
.single_captions_overlay_image_full_width .single_post_entry_content .single_post_title_main, .single_captions_overlay_image_full_width .single-post-meta-wrapper span, .single_captions_overlay_image_full_width .single-post-meta-wrapper span a{
color: #fff !important;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
/* fullwidth captions overlay bottom image*/
.single_captions_overlay_bottom_image_full_width{
position: relative;
background: #000;
height: 600px;
}
.single_captions_overlay_bottom_image_full_width:after{
top: 0;
left: 0;
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
background: -moz-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 28%,rgba(0,0,0,.4) 120%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.2)),color-stop(18%,rgba(0,0,0,0)),color-stop(28%,rgba(0,0,0,0)),color-stop(120%,rgba(0,0,0,.4)));
background: -webkit-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 28%,rgba(0,0,0,.4) 120%);
background: -o-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 28%,rgba(0,0,0,.4) 120%);
background: -ms-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 28%,rgba(0,0,0,.4) 120%);
background: linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 28%,rgba(0,0,0,.4) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0);
}
.single_captions_overlay_bottom_image_full_width .image-post-thumb{
margin: 0px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:50%;
opacity: 1;
background-repeat: no-repeat;
}
.single_full_breadcrumbs_top{
position: absolute;
width: 100%;
z-index: 1;
margin-top: 20px;
}
.single_full_breadcrumbs_top .breadcrumbs_options, .single_full_breadcrumbs_top .breadcrumbs_options a{
color: #fff !important;
}
.single_full_breadcrumbs_top .row{
margin-bottom: 0px;
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content_wrapper{
margin: 0px;
position: absolute;
height: auto;
width: 100%;
bottom: 0px;
z-index: 1;
padding-bottom: 30px;
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content_wrapper .row{
margin-bottom: 0px;
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content_wrapper .single_post_entry_content{
text-align: left;
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content_wrapper .single_post_entry_content h1{
font-size: 40px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content .meta-category-small a{
margin: 0px 10px 0px 0px;
}
.single_captions_overlay_bottom_image_full_width .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
.single_captions_overlay_bottom_image_full_width .single-post-meta-wrapper{
text-align: left;
}
.single_captions_overlay_bottom_image_full_width .single_post_entry_content .single_post_title_main, .single_captions_overlay_bottom_image_full_width .single-post-meta-wrapper span, .single_captions_overlay_bottom_image_full_width .single-post-meta-wrapper span a{
color: #fff !important;
}
/* fullwidth captions bottom image*/
.single_captions_bottom_image_full_width{
position: relative;
background: #000;
height: 600px;
}
.single_captions_bottom_image_full_width .image-post-thumb{
margin: 0px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.single_captions_bottom_image_full_width_wrapper{
margin: 0px;
height: auto;
width: 100%;
float: left;
margin-top: -90px;
}
.single_captions_bottom_image_full_width_wrapper .row{
margin-bottom: 0px;
margin-right: -30px;
margin-left: -30px;
}
.single_captions_bottom_image_full_width_wrapper .row .col-md-12{
background: #fff;
padding-top: 25px;
padding-right: 30px;
padding-left: 30px;
float: left;
margin-bottom: -45px;
}
.single_captions_bottom_image_full_width_wrapper .row .col-md-12 .breadcrumbs_options{
margin-bottom: 8px;
}
.single_post_entry_content{
text-align: left;
}
.single_captions_bottom_image_full_width_wrapper .single_post_entry_content h1{
font-size: 40px;
}
.single_captions_bottom_image_full_width_wrapper .single_post_entry_content .meta-category-small a{
margin: 0px 10px 0px 0px;
background: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.single_captions_bottom_image_full_width_wrapper .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
.single_captions_bottom_image_full_width_wrapper .single-post-meta-wrapper{
text-align: left;
}
.single_captions_bottom_image_full_width_wrapper .meta-category-small a {
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
}
/* fullwidth captions only*/
.single_captions_only_full_width_wrapper{
margin: 0px;
height: auto;
width: 100%;
float: left;
margin-top: -90px;
margin-top: 30px;
}
.single_captions_only_full_width_wrapper .breadcrumbs_options{
margin-bottom: 5px;
}
.single_captions_only_full_width_wrapper .row{
margin-bottom: 0px;
}
.single_captions_only_full_width_wrapper .row .col-md-12{
background: #fff;
padding-top: 5px;
margin-bottom: -45px;
}
.single_post_entry_content{
text-align: left;
}
.single_captions_only_full_width_wrapper .single_post_entry_content h1{
font-size: 40px;
}
.single_captions_only_full_width_wrapper .single_post_entry_content .meta-category-small a{
margin: 0px 10px 0px 0px;
background: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.single_captions_only_full_width_wrapper .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
.single_captions_only_full_width_wrapper .single-post-meta-wrapper{
text-align: left;
}
.single_captions_only_full_width_wrapper .meta-category-small a {
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
}
/* fullwidth captions above image*/
.single_captions_aboves_image_full_width_wrapper{
margin: 0px;
height: auto;
width: 100%;
float: left;
margin-top: -90px;
margin-top: 30px;
}
.single_captions_aboves_image_full_width_wrapper .breadcrumbs_options{
margin-bottom: 5px;
}
.single_captions_aboves_image_full_width_wrapper .row{
margin-bottom: 0px;
}
.single_captions_aboves_image_full_width_wrapper .row .col-md-12{
background: #fff;
padding-top: 15px;
margin-bottom: -45px;
}
.single_post_entry_content{
text-align: left;
}
.single_captions_aboves_image_full_width_wrapper .single_post_entry_content h1{
font-size: 40px;
}
.single_captions_aboves_image_full_width_wrapper .single_post_entry_content .meta-category-small a{
margin: 0px 10px 0px 0px;
background: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.single_captions_aboves_image_full_width_wrapper .single-post-meta-wrapper .post-author{
margin-left: 0px;
}
.single_captions_aboves_image_full_width_wrapper .single-post-meta-wrapper{
text-align: left;
}
.single_captions_aboves_image_full_width_wrapper .meta-category-small a {
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
}
/* fullwidth captions with post format*/
.single_post_caption_full_width_format{
margin-bottom: 0px;
}
.single_captions_aboves_image_full_width_wrapper .single_content_header{
margin-bottom: 10px;
}
.single_captions_aboves_image_full_width_wrapper .qoute_large_background.image_grid_header_absolute .qoute_large_content_inside{
padding: 150px 200px;
}
.full_width_caption_with_post_format{
padding-top: 30px !important;
}
.caption_without_image .breadcrumbs_options{
margin-bottom: 5px;
}
.title_below_align_left .breadcrumbs_options, .title_above_align_left .breadcrumbs_options{
margin-bottom: 5px;
}
.single_post_footer_share{
margin-top: 0px;
margin-bottom: 0px !important;
}
.single_post_share_icon{
float: right;
padding: 0px;
margin-bottom: 25px;
}
.single_post_share_icon li{
float: left;
margin-left: 5px;
list-style: none !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 100px;
}
.single_post_share_icon li a{
display: block;
line-height: 30px;
width: 30px;
height: 30px;
color: #222;
text-align: center;
font-size: 15px;
background: #fff !important;
}
.single_post_share_icon li a:hover{
text-decoration: none !important;
color: #ff3400;
}
.single_post_share_icon li.single_post_share_facebook a i, .single_post_share_icon li.single_post_share_twitter a i{
margin-right: 0px;
}
.single_post_share_icons.social_popup_close i{
margin: 0px !important;
font-size: 15px !important;
}
.single_post_share_icons.social_popup_close{
position: absolute;
top: 40px;
right: 40px;
width: 40px;
height: 40px;
line-height: 40px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
cursor: pointer;
z-index: 10;
display: block;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
color: #ffffff;
background-color: #ff3400;
margin: 0px !important;
}
.single_post_share_icons i{
margin-left: 5px;
}
.single_post_share_icons{
display:none;
float: right;
margin-top: 0px;
cursor: pointer;
font-size: 12px;
color: #fff;
background: #ff3400;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
height: 21px;
line-height: 21px;
padding: 0px 10px;
text-align: center;
-webkit-transition: color .2s linear, background .1s linear;
-moz-transition: color .2s linear, background .1s linear;
-ms-transition: color .2s linear, background .1s linear;
-o-transition: color .2s linear, background .1s linear;
transition: color .2s linear, background .1s linear;
}
.single_post_share_wrapper .single_post_share_icon_post{
margin: -40px 0px 0px 0px;
position: absolute;
top: 50%;
left: 00%;
width: 100%;
height: auto;
overflow: hidden;
float: none;
text-align: center;
}
.single_post_share_wrapper.share_single_active{
opacity: 1 !important;
visibility: visible !important;
}
.single_post_share_wrapper{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(255,255,255,.97);
opacity: 0;
position: fixed;
top: 0 !important;
left: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
}
.share_large_loop{
float: right;
}
.share_large_loop .mashsb-stretched .mashsb-buttons a{
width: auto;
letter-spacing: 0px;
font-size: 13px;
text-transform: none;
height: 32px !important;
line-height: 32px !important;
margin: 0px;
padding: 0px 25px;
margin-left: 5px;
}
.share_large_loop .mashsb-stretched .mashsb-buttons a .icon:before{
margin-right: 5px;
font-size: 13px;
width: auto;
}
.share_large_loop .mashsb-container{
padding-top: 0px;
padding-bottom: 0px;
}
.large_post_share_btn.single_post_share_icon_post{
float: right;
width: auto;
margin-bottom: 0px;
}
.large_post_meta_wrapper .grid_meta_bottom_wrapper{
float: left;
width: 100%;
}
.large_post_share_btn.single_post_share_icon_post li a{
width: auto;
letter-spacing: 0px;
font-size: 13px;
text-transform: none;
height: 32px !important;
line-height: 32px !important;
margin: 0px;
padding: 0px 30px;
}
.large_post_share_btn.single_post_share_icon_post li a i{
margin-right: 5px;
}
.single_post_share_icon_post{
float: left;
width: 100%;
padding: 0px;
margin-bottom: 15px;
}
.single_post_share_icon_post li{
display: inline-block;
margin-right: 0px;
list-style: none !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.single_post_share_icon_post li a{
display: block;
padding: 0px;
line-height: 70px;
height: 70px;
width: 70px;
color: #fff;
text-align: center;
font-size: 30px;
margin-right: 5px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.single_post_share_icon_post li a:hover{
opacity: 0.8;
}
.single_post_share_icon_post li:last-child a{
margin-right: 0px;
}
.single_post_share_icon_post li a span{
font-size: 12px;
border-left: 1px solid rgba(255,255,255,.2);
padding-left: 10px;
margin-left: 5px;
}
.single_post_share_icon_post li a:hover{
text-decoration: none !important;
color: #fff !important;
}
.single_post_share_icon_post li.single_post_share_facebook a{
background: #455fa1;
}
.single_post_share_icon_post li.single_post_share_twitter a{
background: #58abf5;
}
.single_post_share_icon_post li.single_post_share_google_plus a{
background: #eb4026;
}
.single_post_share_icon_post li.single_post_share_pinterest a{
background: #cd1d1f;
}
.single_post_share_icon_post li.single_post_share_linkedin a{
background: #1980be;
}
.single_post_share_icon_post li.single_post_share_ftumblr a{
background: #586973;
}
.single_post_share_icon_post_bottom{
margin-top: 20px;
}
.title_below_align_center .single_post_share_icon_post_top, .title_above_align_center .single_post_share_icon_post_top, .title_above_align_left .single_post_share_icon_post_top, .title_overlay_image .single_post_share_icon_post_top{
display: none;
}
.single_box_width_custom_options .single_post_share_icon_post_top{
display: none !important;
}
.title_above_align_left .top_bar_social_with_captions{
display: block !important;
margin-bottom: 25px;
}
.full_width_image_with_caption_overlay_center .single_post_share_icon_post_top, .full_width_image_with_caption_overlay_bottom .single_post_share_icon_post_top, .full_width_image_with_caption_above .single_post_share_icon_post_top{
margin-bottom: 30px;
}
.title_below_align_left .single_post_share_icon_post_top{
margin-top: 10px;
margin-bottom: 5px;
}
.caption_without_image .single_post_share_icon_post_top{
margin-top: 15px;
}
.full_width_image_with_caption_above, .full_width_caption_without_image{
padding-top: 15px !important;
}
/*Blog list layout with sidebar*/
.blog-list-post .box {
margin-bottom: 30px !important;
padding-bottom: 30px;
border-bottom: 1px solid #E0E0E0;
width: 100%;
display: inline-block;
float: left;
vertical-align: top;
background: none !important;
-moz-border-radius: none;
-webkit-border-radius: none;
-o-border-radius: none;
border-radius: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.loop-list-post-display .post-entry-content h3 {
padding: 0px !important;
text-align: center;
}
.loop-list-post-display .post-entry-content .post-meta{
text-align: left;
text-transform: none;
float: left;
width: 100%;
}
.loop-list-post-display .large_post_content,
.loop-list-post-display .large_post_footer_wrapper {
padding: 0px;
}
.loop-list-post-display .large_post_content{
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0px;
}
.loop-list-post-display .large_post_content p{
margin-bottom: 0px;
}
.loop-list-post-display .meta-category-small {
margin-top: 0px !important;
}
.loop-list-post-display .post_grid_more_meta_wrapper{
margin-top: 0px;
margin-bottom: 15px;
}
.loop-list-post-display .blog_list_post_style .meta-category-small {
margin: 0px !important;
padding: 0px;
line-height: 1.2;
}
.blog-list-post .image-post-thumb {
width: 370px !important;
}
.blog-list-post .post-entry-content {
float: none !important;
position: relative !important;
margin-left: 400px !important;
top: -17px !important;
width: auto !important;
padding: 0px;
}
.loop-list-post-display .post-entry-content{
padding: 0px 0px 0px 25px;
text-align: left;
}
/*-------------------------------------------------------------------------------------
Blog large layout with sidebar
-------------------------------------------------------------------------------------*/
.loop-large-post .box {
margin-bottom: 40px !important;
width: 100%;
display: inline-block;
vertical-align: top;
padding: 0px;
position: relative;
}
.loop-large-post .box .post_grid_more_meta_wrapper{
margin-top: 23px;
}
.single_section_content.box.blog_large_post_style {
width: 100% !important;
position: static;
}
.single_section_content .mashsb-container{
padding-top: 0px;
padding-bottom: 20px;
}
.single_section_content.box.blog_large_post_style .meta-category-small .post_type_icon{
margin-right: 6px;
}
.loop-large-post .post_content {
float: left;
width: 100%;
padding: 0px;
margin-top: 10px;
}
.blog_large_post_style .box.format-quote {
padding: 0px;
}
.blog_large_post_style .post_type_icon {
height: 30px;
line-height: 30px;
background: #000;
color: #FFF;
float: none;
width: 30px;
text-align: center;
display: inline-block;
font-size: 13px;
margin-right: 1px;
position: relative;
}
.blog_large_post_style.sticky{
background: #ffffe0;
padding: 30px;
}
.blog_large_post_style.sticky .post-entry-content .post-entry-content-wrapper{
border-bottom: 0px solid #ddd;
padding-bottom: 0px;
}
.blog_large_post_style.sticky .featured-thumbnail img{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.blog_large_post_style.sticky .post-entry-content-wrapper{
background: none !important;
}
.blog_large_post_style.sticky .large_post_footer_wrapper{
border-bottom: 0px solid #f0f0f0;
border-top: 1px solid #e6db55;
}
#content .blog_grid_post_style .meta-category-small, .grid_home_3col .blog_grid_post_style .meta-category-small {
margin-top: 15px;
margin-bottom: 5px;
}
.margin_full_slider{
margin-top: 30px;
}
.page-template-home-grid-post-4col .col3_homepost_carosel,
.page-template-home-grid-post-4col .home_grid_2_post_header_wrapper,
.page-template-home-grid-post-4col .page_slider_grid_5_style,
.page-template-home-grid-post-4col .magazine_3_grid_slider{
background: #ededed;
margin-top: 0px;
padding-top: 0px;
}
.page-template-home-grid-post-4col .post_grid_more_meta_wrapper.no_feature_img_class{
margin-top: 15px !important;
}
.post_grid_more_meta_wrapper{
float: left;
width: 100%;
margin-top: 15px;
}
.post_grid_more_meta_wrapper .grid_post_share{
font-size: 12px;
font-weight: 400;
line-height: 16px;
width: auto;
float: left;
line-height: 1.2;
margin-right: 10px;
color: #555;
}
.post_grid_more_meta_wrapper .grid_post_share .grid_share_wrapper{
float: left;
}
.post_grid_more_meta_wrapper .grid_post_share i{
margin-right: 5px;
float: left;
}
.grid_post_share .mashsb-count{
margin-right: 5px;
margin-top: 0px;
font-weight: 400;
}
.grid_post_share .mashsbcount{
float: left;
font-size: 12px;
color: #555;
}
.grid_post_share .mashsb-sharetext{
display: none;
}
.post_grid_more_meta_wrapper .meta-category-small{
width: auto;
width: auto;
margin: 0px !important;
padding: 0px;
line-height: 1.2;
}
.post_grid_more_meta_wrapper .meta-comment i{
margin-right: 5px;
}
.post_grid_more_meta_wrapper .meta-comment{
font-size: 12px;
font-weight: 400px;
line-height: 16px;
width: auto;
float: left;
line-height: 1.2;
margin-right: 10px;
}
.post_grid_more_meta_wrapper .meta-comment a{
color: #555;
}
#content .blog_grid_post_style .meta-category-small a,
.grid_home_3col .blog_grid_post_style .meta-category-small a,
.jellywp_home_builder_carousel_post .meta-category-small a,
.post_list_medium_widget .meta-category-small a,
.page_builder_slider .meta-category-small a,
.homepage_builder_two_cols .meta-category-small a,
.jelly_homepage_builder.builder_post_grid_bellow .blog_list_post_style .meta-category-small a,
.builder_post_list_bellow .meta-category-small a,
.main_right_post_style_list .meta-category-small a,
.blog_grid_post_style .meta-category-small a,
.blog-large-padding .meta-category-small a,
.loop-list-post-display .blog_list_post_style .meta-category-small a,
.blog_grid_post_style.main_full_3_col_post .meta-category-small a{
letter-spacing: 0em;
margin: 0px !important;
margin-right: 5px !important;
float: left !important;
background: #000;
height: auto;
line-height: 10px;
padding: 5px 11px 4px;
color: #fff !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.container_masonry_home{
margin: 0px !important;
padding: 0px !important;
}
.container_masonry_home .pagination-more{
margin-bottom: 0px;
padding-bottom: 0px;
background: #fff;
}
.container_masonry_home .pagination-more a{
margin: 30px 0px;
}
.blog_grid_post_style .meta-category-small a{
margin: 0px 5px 0px 0px !important;
}
/* Squre grid 3col*/
.grid_home_masonry_3col #infscr-loading{
bottom: -80px;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style{
width: 33.33333333%;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper{
opacity: 1;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper .link_grid_header_absolute{
background: #000;
opacity: 0.2;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper:hover .link_grid_header_absolute{
opacity: 0.5;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper{
background: none;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper .image-post-title{
font-size: 25px;
margin-top: 10px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper .image-post-title a:hover{
color: #fff !important;
opacity: 0.7;
}
.grid_home_masonry.grid_home_masonry_3col .meta-category-small{ float: none !important;
display: inline-block;
}
.jl_captions_overlay_text{
position: absolute;
left: 50px;
right: 50px;
z-index: 2;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
top: 50%;
text-align: center;
}
.grid_home_masonry.grid_home_masonry_3col .blog_grid_post_style .jl_squre_content_wrapper .jl_captions_overlay_text{
left: 50px;
right: 50px;
}
/*Large post overlay*/
.jl_home_large_full .blog_grid_post_style{
width: 100%;
}
.jl_home_large_full #infscr-loading{bottom: -80px;}
.jl_home_large_full .blog_grid_post_style .jl_squre_grid_wrapper{
position: relative;
float: left;
width: 100%;
padding-bottom: 35%;
}
.jl_home_large_full .blog_grid_post_style .jl_squre_grid_image{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
background-size: cover;
opacity: 1;
backface-visibility: hidden;
background-position: 50% center;
-webkit-transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
-webkit-transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out,0.5s -webkit-transform ease-in-out;
}
.jl_home_large_full .jl_squre_grid_wrapper .banner-container{
top: 50%;
background: none;
left: 25%;
right: 25%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0;
bottom: auto;
text-align: center;
}
.jl_home_large_full .jl_squre_grid_wrapper .link_grid_header_absolute{
height: 100%;
position: absolute;
z-index: 1;
background: #000 !important;
}
.jl_home_large_full .jl_squre_grid_wrapper:hover .link_grid_header_absolute{
opacity: 0.5;
}
.jl_home_large_full .jl_squre_grid_wrapper .meta-category-small a{
float: none !important;
display: inline-block;
}
.jl_home_large_full .jl_squre_grid_wrapper .banner-container .post-meta span{
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.jl_home_large_full .jl_squre_grid_wrapper .banner-container h5 a{
font-size: 45px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.jl_home_large_full .jl_squre_grid_wrapper .banner-container h5 a:hover{
color: #fff !important;
opacity: 0.8;
}
/* Squre grid*/
.grid_home_masonry_4col #infscr-loading{
bottom: -80px;
}
.grid_home_masonry .blog_grid_post_style{
width: 50%;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_grid_wrapper{
position: relative;
float: left;
width: 100%;
padding-bottom: 100%;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_grid_image{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
background-size: cover;
opacity: 1;
backface-visibility: hidden;
background-position: 50% center;
-webkit-transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
-webkit-transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s -webkit-transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out;
transition: .5s ease-in-out opacity,0.5s transform ease-in-out,0.5s -webkit-transform ease-in-out;
}
.jl_squre_content_wrapper .meta-category-small{
float: none !important;
display: inline-block;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper{
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
padding: 35px;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_grid_wrapper:hover .jl_squre_content_wrapper{
opacity: 1;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper:hover .link_grid_header_absolute{
opacity: 0.5;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .link_grid_header_absolute{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: #000;
opacity: 0.2;
color: none;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .post_grid_more_meta_wrapper{
margin: 0px;
position: relative;
z-index: 2;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .jl_captions_overlay_text{
left: 100px;
right: 100px;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .image-post-title{
font-size: 35px;
position: relative;
z-index: 2;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .image-post-title a{
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .image-post-title a:hover{
color: #fff !important;
opacity: 0.8;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .post-meta-bot{
position: absolute;
bottom: 35px;
left: 35px;
right: 35px;
color: #fff;
font-size: 12px;
z-index: 2;
}
.grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .post-meta-bot .post-date, .grid_home_masonry .blog_grid_post_style .jl_squre_content_wrapper .post-meta-bot span a{
color: #fff !important;
}
.blog_large_post_style .large_post_content {
float: left;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
}
.blog_large_post_style .large_post_content p{
margin-bottom: 0px;
}
.blog_list_post_style .jelly_read_more_wrapper{
text-align: left !important;
}
.blog_large_post_style .large_post_content .jelly_read_more_wrapper, .blog_grid_post_style .jelly_read_more_wrapper, .blog_list_post_style .jelly_read_more_wrapper{
float: left;
width: 100%;
text-align: center;
margin: 15px 0px;
}
.blog_grid_post_style .jelly_read_more_wrapper{
margin-bottom: 2px;
}
.blog_large_post_style .large_post_content .jelly_read_more_wrapper a, .blog_grid_post_style .jelly_read_more_wrapper a, .blog_list_post_style .jelly_read_more_wrapper a{
color: #222;
text-transform: none;
padding: 0px 20px;
height: 36px;
line-height: 34px;
border: 2px solid #222;
font-size: 10px;
letter-spacing: 1px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
display: inline-block;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
.blog_large_post_style .large_post_content .jelly_read_more_wrapper a:hover, .blog_grid_post_style .jelly_read_more_wrapper a:hover, .blog_list_post_style .jelly_read_more_wrapper a:hover{
background: #222;
color: #fff !important;
text-decoration: none !important;
}
.blog_large_post_style .large_post_content a,
.blog_large_post_style .large_post_content a:hover,
.loop-large-post .post_content a,
.loop-large-post .post_content a:hover {
color: #ff3400;
}
.date_post_large_display {
display: none;
float: left;
width: 70px;
height: 90px;
background: #000;
color: #FFF;
text-align: center;
text-transform: none;
font-size: 45px;
line-height: 35px;
padding-top: 15px;
position: absolute;
right: -1px;
top: 0px;
z-index: 9;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.date_post_large_display span {
display: block;
font-size: 27px;
}
.blog_large_post_style .post-entry-content .meta-category-small{
margin: 0px !important;
padding: 0px;
line-height: 1.2;
}
.blog_large_post_style .post-entry-content .meta-category-small,
.blog_large_post_style .post-entry-content .meta-category-small a, .meta-category-small a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog_large_post_style .post-entry-content .image-post-title,
.blog_large_post_style .post-entry-content h1 {
margin: 0px;
margin-top: 15px !important;
font-size: 25px;
line-height: 1.2 !important;
margin-bottom: 10px;
margin-top: 10px;
color: #222222;
float: left;
width: 100%;
text-transform: none;
text-align: left;
}
.blog_large_post_style .post-entry-content .large_post_content {
text-align: left;
}
.blog_large_post_style .post-entry-content .post-meta {
display: block;
margin-bottom: 12px;
letter-spacing: 0px;
float: left;
width: 100%;
}
.blog_large_post_style .post-entry-content .post-meta,
.blog_large_post_style .post-entry-content .post-meta a {
color: #444;
font-size: 12px !important;
text-transform: none;
}
.blog_large_post_style .post-entry-content .post-meta a:hover{
float: none !important;
text-decoration: none !important;
}
.blog_large_post_style .post-entry-content .post-meta a{
font-weight: 600;
}
.blog_large_post_style .post-entry-content .post-meta i {
margin-right: 5px;
}
.blog_large_post_style .post-entry-content .post-meta span {
display: inline-block;
margin-right: 10px;
}
.blog_large_post_style .large_post_footer_wrapper {
float: left;
width: 100%;
padding: 10px 0px;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
.blog_large_post_style .large_post_footer_wrapper .large_post_footer_wrapper_in{
float: left;
width: 100%;
}
.post_large_footer_meta{
float: left;
}
.post_large_footer_meta .post_tag_footer{
float: left;
margin-right: 9px;
padding-right: 7px;
line-height: 2;
text-transform: none;
}
.post_large_footer_meta .post_tag_footer:after{
position: relative;
top: 3px;
left: 8px;
height: 15px;
content: no-close-quote;
width: 1px;
background: #dddddd;
display: inline-block;
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
.post_large_footer_meta .post_tag_footer a{
display: inline-block;
font-size: 11px;
text-transform: none;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.post_large_footer_meta .post_tag_footer a:hover{
text-decoration: none !important;
color: #ff3400;
}
.post_large_footer_meta .post_comment_footer, .post_large_footer_meta .post_love_footer{
margin-right: 7px;
padding-right: 7px;
}
.post_large_footer_meta .post_comment_footer:after, .post_large_footer_meta .post_love_footer:after{
position: relative;
top: 3px;
left: 8px;
height: 15px;
content: no-close-quote;
width: 1px;
background: #dddddd;
display: inline-block;
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
.post_large_footer_meta .post_comment_footer, .post_large_footer_meta .post_love_footer, .post_large_footer_meta .post_comment_footer a, .post_large_footer_meta .post_love_footer a, .post_large_footer_meta .post_view_footer{
font-size: 12px !important;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #222;
}
.post_large_footer_meta .post_comment_footer a:hover, .post_large_footer_meta .post_love_footer a:hover{
color: #ff3400;
}
.post_large_footer_meta .post_comment_footer i, .post_large_footer_meta .post_love_footer i, .post_large_footer_meta .post_view_footer i{
margin-right: 5px;
}
.large_post_share_icons {
display:none;
float: right;
padding: 0px;
text-align: center;
margin-bottom: 0px;
margin-top: 2px;
}
.large_post_share_icons li {
display: inline-block;
}
.large_post_share_icons li a {
display: inline-block;
text-align: center;
color: #202020;
font-size: 13px;
margin-left: 5px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 27px;
height: 27px;
line-height: 27px;
text-align: center;
border: 1px solid #202020;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.large_post_share_icons li a i{
margin-right: 0px;
}
.large_post_share_icons li a:hover {
color: #fff !important;
background: #202020;
}
.clear_3col_related{
float: left;
width: 100%;
height: 1px;
}
.blog_post_related_title{
margin-bottom: 25px;
}
.blog_post_related_title h5{
text-align: center;
text-transform: none;
font-size: 20px;
color: #000;
margin: 0px;
}
.blog-post-related-loop{
margin-bottom: 50px;
}
.blog-post-related-loop .blog-post-related-image{
float: left;
width: 100%;
margin-bottom: 0px;
overflow: hidden;
background: #000;
position: relative;
}
.blog-post-related-loop .blog-post-related-image img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
float: left;
width: 100%;
}
.blog-post-related-loop .blog-post-related-item-inside-wrapper{
float: left;
width: 100%;
text-align: center;
position: relative;
}
.blog-post-related-loop .blog-post-related-item-inside{
float: left;
width: 100%;
background: #fff;
padding-bottom: 0px;
margin-top: 10px;
}
.blog-post-related-loop .blog-post-related-item-inside h3{
margin: 0px;
font-size: 15px;
line-height: 1.2;
text-transform: none;
}
.blog_large_post_style .image-post-thumb .link_image > img{
width: 100%;
}
.blog_large_post_style .image-post-thumb, .full_width_quote_options .image-post-thumb {
z-index: 1;
}
.blog_large_post_style .qoute_large_image, .full_width_quote_options .qoute_large_image {
position: absolute;
height: 100%;
width: 100%;
padding-top: 0;
top: 0;
left: 0;
z-index: -1;
}
.blog_large_post_style .qoute_large_image img, .full_width_quote_options .qoute_large_image img {
position: absolute!important;
width: 100%;
max-width: none!important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog_large_post_style .qoute_large_background, .full_width_quote_options .qoute_large_background {
position: relative;
text-align: center;
padding: 100px 15px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
}
.qoute_large_background.image_grid_header_absolute{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
float: left;
width: 100%;
position: relative;
}
.qoute_large_background.image_grid_header_absolute .quote_text_des{
display: block;
color: #fff;
font-size: 25px;
font-style: italic;
line-height: 1.2em;
margin: 0;
text-align: center;
font-family: Georgia !important;
border-bottom: 1px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 10px;
}
.qoute_large_background.image_grid_header_absolute .fa-quote-right{
color: #fff;
font-size: 30px;
}
.qoute_large_background.image_grid_header_absolute .link_grid_header_absolute{
opacity: 0.5;
}
.qoute_large_background.image_grid_header_absolute .quote_source{
color: #fff;
text-align: center;
margin-bottom: 0px;
}
.qoute_large_background.image_grid_header_absolute .qoute_large_content_inside{
padding: 30px;
float: left;
width: 100%;
z-index: 2;
position: relative;
text-align: center;
}
.blog_large_post_style .qoute_large_wrapper_inside, .full_width_quote_options .qoute_large_wrapper_inside {
height: 100%;
display: table;
width: 100%;
table-layout: fixed;
}
.blog_large_post_style .qoute_large_content_inside, .full_width_quote_options .qoute_large_content_inside {
display: table-cell;
vertical-align: middle;
}
.blog_large_post_style .qoute_large_content_inside p, .full_width_quote_options .qoute_large_content_inside p {
font-size: 22px;
color: #FFF;
font-style: italic;
}
.blog_large_post_style .qoute_large_content_inside .jl_quote_des{
font-family: Georgia !important;
font-size: 25px;
border-bottom: 1px solid rgba(255,255,255, 0.3);
padding-bottom: 10px;
margin-bottom: 10px;
}
.blog_large_post_style .qoute_large_content_inside .quote_source, .full_width_quote_options .qoute_large_content_inside .quote_source {
font-size: 13px;
font-style: normal;
text-transform: none;
letter-spacing: 1px;
}
.full_width_quote_options .qoute_large_background_image{
height: 500px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
position: relative;
}
.full_width_quote_options .qoute_large_background_color{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
}
.full_width_quote_options .qoute_large_text{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
left: 15%;
right: 15%;
text-align: center;
}
.full_width_quote_options .qoute_large_text p{
color: #fff !important;
font-style: italic;
font-size: 16px !important;
}
.full_width_quote_options .qoute_large_text .quote_source{
font-style: normal !important;
}
.blog_large_post_style .jelly_pro_post_arrow_right, .single_post_caption_full_thumb .jelly_pro_post_arrow_right {
right: 20px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.blog_large_post_style .jelly_pro_post_arrow_left, .single_post_caption_full_thumb .jelly_pro_post_arrow_left {
left: 20px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.blog_large_post_style .jelly_pro_post_arrow_left,
.blog_large_post_style .jelly_pro_post_arrow_right,
.single_post_caption_full_thumb .jelly_pro_post_arrow_left,
.single_post_caption_full_thumb .jelly_pro_post_arrow_right {
background: #000;
color: #FFF;
cursor: pointer;
font-size: 15px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 50%;
opacity: 0.7;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
z-index: 1;
}
.blog_large_post_style .categories-title {
margin-bottom: 30px !important;
width: 100%;
display: inline-block;
vertical-align: top;
background: #fff;
border: 1px solid #EEE;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
padding: 20px;
margin-top: 0px;
color: #333;
}
.blog_large_post_style .box .post_content {
padding: 0px 30px;
float: left;
}
.preview_wrapper_icons{
position: absolute;
top: -15px;
right: 5px;
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}
.preview_wrapper_icons .preview_icon_hot{
display: inline-block;
width: 40px;
height: 40px;
line-height: 45px;
text-align: center;
vertical-align: middle;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background: #ff3400;
color: #fff;
margin-right: 5px;
margin-bottom: 10px;
font-size: 22px;
}
.preview_wrapper_icons .preview_icon_trend{
display: inline-block;
width: 40px;
height: 40px;
line-height: 45px;
text-align: center;
vertical-align: middle;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background: #ff8d00;
color: #fff;
margin-right: 5px;
margin-bottom: 10px;
font-size: 22px;
}
.preview_wrapper_icons .preview_icon_hot i, .preview_wrapper_icons .preview_icon_trend i{}
.grid_meta_bottom_wrapper{
float: left;
width: 100%;
}
.grid_meta_bottom_wrapper .author-avatar-link img{
display: none;
margin: 0px 5px 0px 0px;
width: 25px;
height: 25px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
float: left;
}
.grid_meta_bottom_wrapper .author-avatar-image img{
width: 32px !important;
height: 32px !important;
}
.grid_meta_bottom_wrapper .post-date{
margin-top: 5px;
}
.grid_meta_bottom_wrapper .author-avatar-link a{
height: 25px;
line-height: 25px !important;
font-weight: 500;
}
.grid_meta_bottom_wrapper .post-date, .grid_meta_bottom_wrapper .author-avatar-link a{
font-size: 12px;
line-height: 16px;
float: left;
color: #000;
text-align: left;
margin-right: 0px;
text-transform: none;
}
.grid_meta_bottom_wrapper .meta_comment{
float:right;
min-width: 24px;
height: 22px;
background-color: #444;
font-size: 11px;
line-height: 22px;
text-align: center;
margin-top: 3px;
color: #fff;
padding: 0 10px 0 11px;
}
.grid_meta_bottom_wrapper .meta_comment:after{
content: "";
display: block;
margin-left: 8px;
width: 0;
height: 0;
border-top: 5px solid #444;
border-right: 5px solid transparent;
}
.grid_meta_bottom_wrapper .meta_comment a{
color: #fff !important;
display: block;
text-decoration: none !important;
}
.grid_meta_bottom_wrapper .meta_comment a:hover{
text-decoration: none !important;
}
.grid_meta_bottom_wrapper .jm-post-like{
float: right;
margin-top: 2px;
}
.author-avatar-image {
float: left;
}
.author-avatar-image img {
width: 20px !important;
height: 20px !important;
float: left;
-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
margin-right: 5px;
}
.author-avatar-link {
float: left;
margin-top: 2px;
letter-spacing: 0px;
font-weight: 400;
text-transform: none;
margin-right: 10px;
}
.author-avatar-link a{
font-size: 12px;
font-weight: 400;
color: #000 !important;
}
.author-avatar-link a:hover{
text-decoration: none !important;
color: #ff3400;
}
.box .image-post-thumb {
position: relative;
float: left;
width: 100%;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jlsingle-title-above{
margin-top: 20px;
}
.box .image-post-thumb > a{
float: left;
width: 100%;
min-height: 60px;
}
.box .image-post-thumb > a > img{
max-width: 100%;
width: auto;
}
.box.blog_grid_post_style .image-post-thumb > a > img{
width: 100%;
}
.box.blog_grid_post_style .post-entry-content{
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.jl_grid3col_no_img .box.blog_grid_post_style .post-entry-content{
}
.box .image-post-thumb a > img, .owl-carousel .owl-item img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.box .image-post-thumb a:hover > img, .owl-carousel .owl-item:hover img{
}
.box .image-post-thumb a .overlay_icons, .full-slider-wrapper .bubble .overlay_icons, .header_small_carousel_post .item.col-md-12 > a .overlay_icons{
color: #FFF;
font-size: 15px !important;
left: 50%;
margin-left: -10px;
margin-top: 20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.box .image-post-thumb a:hover .overlay_icons, .full-slider-wrapper .bubble:hover .overlay_icons, .header_small_carousel_post .item.col-md-12:hover > a .overlay_icons{
margin-top: 0px;
opacity: 0;
}
.box .image-post-thumb audio {
position: absolute;
bottom: 0px;
}
.box img {
height: auto;
}
.format-audio .image-post-thumb img{
width: 100%;
}
.blog_large_post_style .post-entry-content .post-entry-content-wrapper{
float: left;
width: 100%;
background: #fff;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.post-entry-content {
float: left;
position: relative;
z-index: 1;
width: 100%;
text-align: left;
}
.owl-carousel .owl-item{
overflow: hidden;
}
.post-entry-content .post-entry-title {
font-size: 28px;
text-decoration: none;
}
.post-entry-content .post-entry-title:hover {
text-decoration: none;
}
.content_post_grid {
position: relative;
float: left;
width: 100%;
padding: 0px;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
}
.content_post_grid p{
margin-bottom: 0px;
text-align: left;
}
.meta-category-small {
float: left;
width: 100%;
}
.meta-category-small a {
float: left;
margin-right: 0px;
margin-top: 0px;
font-size: 11px !important;
text-transform: none;
margin: 0px 5px 0px 0px;
display: inline-block;
color: #000;
letter-spacing: 0em;
height: auto;
line-height: 10px;
padding: 0px;
font-weight: 600;
}
#footer-container .meta-category-small a{
color: #fff !important;
}
.meta-category-small a:hover {
text-decoration: none !important;
}
.single_meta_category{
width: auto;
}
.single_reactions_img.reactions_img_wrapper{
position: inherit;
top: 0;
right: 0;
float: right;
margin-top: 0px;
}
.post-meta-bot {
overflow: hidden;
position: relative;
margin: 0px;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
float: left;
width: 100%;
color: #565656;
padding: 0px;
}
.post-meta-bot-in{
float: left;
width: 100%;
padding: 0px;
}
.post-meta-bot i {
margin-right: 3px;
}
.post-meta-bot .love_post_view {
float: right;
margin-top: 2px;
}
.post-meta-bot .love_post_view a {
color: #313131;
}
.post-meta-bot .love_post_view a:hover{
color: #ff3400;
}
.post-meta-bot .meta-comment {
float: right;
font-size: 13px;
margin-left: 10px;
margin-top: 2px;
}
.post-meta-bot .meta-comment i {
margin-right: 3px;
}
.post-meta-bot .meta-comment a {
color: #313131;
font-size: 12px;
}
.post-meta-bot .meta-comment a:hover {
text-decoration: none !important;
color: #ff3400;
}
.meta-comment a:hover {
text-decoration: none !important;
}
.pagination-more {
display: block !important;
text-align: center;
padding-bottom: 0px;
float: left;
width: 100%;
}
.pagination-more div a:active, .pagination-more div a:focus{
text-decoration: none !important;
}
.pagination-more div a {
height: 50px;
min-width: 200px;
text-align: center;
text-transform: none;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1), inset 0 0 0 transparent;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.1), inset 0 0 0 transparent;
display: inline-block;
vertical-align: top;
line-height: 50px;
font-size: 14px;
font-weight: 700;
margin: 0px;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
z-index: 2;
color: #fff;
background-color: #ff3400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination-more div a:hover {
text-decoration: none;
text-decoration: none !important;
}
.load_more_main_wrapper #infscr-loading{
bottom: -14px; margin-left: -10px;
}
.scroll_more_main_wrapper .jelly-infinite-load{
opacity: 0;
}
#infscr-loading {
width: 200px;
height: 50px;
position: absolute;
left: 50%;
bottom: -50px;
margin-left: -100px;
padding: 10px 0;
z-index: 9999;
text-align: center;
background: #ff3400;
}
#infscr-loading img{
display: none;
}
.jl_spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
.jl_spinner > .jl_bounce1, .jl_spinner > .jl_bounce2, .jl_spinner > .jl_bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
margin-top: 5px;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.jl_spinner .jl_bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.jl_spinner .jl_bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0);
transform: scale(0);
} 40% { -webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.col-md-8#content{
position: relative;
padding-right: 20px;
}
.enable_single_post_full{
width: 100% !important;
padding-right: 15px !important;
}
/*Widget*/
#sidebar{
padding-left: 40px;
}
.jellywp_about_us_widget_wrapper p{
margin-bottom: 3px;
}
#footer-container .jellywp_about_us_widget_wrapper p{
text-align: left;
}
.widget{
float: left;
width: 100%;
margin-bottom: 40px;
margin-left: -20px;
position: relative;
z-index: 1;
}
.widget .widget{
border:0px solid #dedede;
background: none !important;
}
.widget.grid_widget_post_displat {
padding-bottom: 12px;
}
.widget.fblikebox_widget{
margin-bottom: 0px !important;
}
.widget.jellywp_subscribe_box, .widget.jellywp_ads300x250_widget, .widget.post_grid_widget, .widget.jellywp_about_us_widget, .widget.jellywp_social_iconss_widget, .widget.post_list_widget, .widget.post_list_widget, .widget.post_list_widget{
padding: 0px;
margin: 0px;
}
.grid_widget_post_displat .widget_container{
padding-bottom: 0px !important;
}
.widget .widget-title {
float: left;
width: 100%;
margin-bottom: 30px;
}
.widget .widget-title h2, .panel-grid-cell .widget .widget-title{
float: left;
width: 100%;
font-weight: 500 !important;
display: block;
font-size: 16px;
text-transform: none;
padding-bottom: 5px;
letter-spacing: 0px;
border-bottom: 4px solid #060606;
line-height: inherit;
margin-top: 1px;
}
.widget .widget-title a{
color: #FFF;
}
.widget-title span {
color: #333;
float: left;
font-size: 17px;
line-height: 27px;
padding: 6px 10px;
min-height: 30px;
margin: 0px;
text-transform: none;
}
.widget-title h2 a{
color: #000 !important;
}
footer .widget-title h2 a{
color: #FFF !important;
}
footer .widget .widget-title h2{
color: #fff;
background: none;
padding: 0px;
text-align: left;
height: auto;
line-height: 1.2;
font-size: 18px;
padding-bottom: 13px;
border-bottom: 0px solid #383838;
text-transform: none;
}
.widget-title h2 {
font-size: 17px;
line-height: 27px;
margin: 0px;
text-transform: none;
}
.widget_archive ul {
float: left;
width: 100%;
padding: 0px;
}
#footer-container .widget_archive ul li{
border-bottom: 1px solid #4c4c4c;
}
.widget_archive ul li {
float: left;
width: 100%;
list-style: none;
line-height: 35px;
border-bottom: 1px solid #EAEAEA;
}
.widget_archive ul li a {
position: relative;
margin-left: 15px;
}
.widget_archive ul li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -6px;
left: -15px;
}
.widget_categories ul {
float: left;
width: 100%;
padding: 0px;
margin-bottom: 0px;
}
#footer-container .widget_categories ul li{
border-bottom: 1px solid #4c4c4c;
}
#footer-container .widget_categories ul li:last-child{
border-bottom: 0px;
}
.widget_categories ul li {
float: left;
width: 100%;
list-style: none;
line-height: 35px;
border-bottom: 1px solid #EAEAEA;
}
.widget_categories ul li a {
position: relative;
margin-left: 15px;
}
.widget_categories ul li a:hover{
text-decoration: none !important;
color: #ff3400;
}
.widget_categories ul li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -6px;
left: -15px;
}
/* Reactions*/
.reactions_img_wrapper{
position: absolute;
top: -15px;
right: 15px;
}
.reactions_img_wrapper .category_style_item_image{
width: auto;
margin-bottom: 0px !important;
float: left;
margin-left: 5px;
text-align: center;
}
.reactions_img_wrapper .category_style_item_image input{
margin-right: 0px !important;
}
.reactions_img_wrapper.single_reactions_img .reactions_img_bg{
width: 35px;
height: 35px;
line-height: 35px; }
.reactions_img_wrapper .reactions_img_bg{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
padding: 0px;
background-color: #ffe509;
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.18);
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,.18);
box-shadow: 1px 2px 2px rgba(0,0,0,.18);
}
.reactions_img_wrapper .reactions_img_bg img{
border: 0px;
}
.reactions_img_wrapper input:checked + label > img{
border: 0px !important;
}
/* Category Image widget */
.wrapper_category_image{
float: left;
width: 100%;
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.wrapper_category_image .widget{
background: none;
}
.wrapper_category_image .widget-title{
float: left;
width: 100%;
margin-bottom: 30px;
}
.wrapper_category_image .widget-title h2{
float: left;
width: 100%;
display: block;
padding-bottom: 5px;
line-height: inherit;
}
.category_image_wrapper_main .category_image_bg_image{
background: #000;
min-height: 110px;
line-height: 110px;
color: #fff;
text-align: center;
width: 100%;
padding: 0px;
display: block;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.category_image_wrapper_main .category_image_bg_image:last-child{
margin-bottom: 0px !important;
}
.category_image_wrapper_main .category_image_link{
color: #fff;
display: block;
font-size: 13px;
letter-spacing: 2px;
text-transform: none;
font-weight: 700;
position: absolute;
z-index: 3;
width: 100%;
}
.category_image_wrapper_main .category_image_link:hover{
text-decoration: none !important;
}
.category_image_wrapper_main .category_image_bg_overlay{
background: #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0.3;
filter: alpha(opacity=30);
}
.widget_pages ul {
float: left;
width: 100%;
padding: 0px;
}
#footer-container .widget_pages ul li{
border-bottom: 1px solid #4c4c4c;
}
.widget_pages ul li {
float: left;
width: 100%;
list-style: none;
line-height: 35px;
border-bottom: 1px solid #EAEAEA;
}
.widget_pages ul li.page_item_has_children {
margin-left: 20px;
}
.widget_pages ul li a {
position: relative;
margin-left: 15px;
}
.widget_pages ul li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -6px;
left: -15px;
}
.widget_meta ul {
float: left;
width: 100%;
padding: 0px;
}
#footer-container .widget_meta ul li{
border-bottom: 1px solid #4c4c4c;
}
.widget_meta ul li {
float: left;
width: 100%;
list-style: none;
line-height: 35px; border-bottom: 1px solid #EAEAEA;
}
.widget_meta ul li a {
position: relative;
margin-left: 15px;
}
.widget_meta ul li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -6px;
left: -15px;
}
.widget_recent_comments ul {
float: left;
width: 100%;
padding: 0px;
}
#footer-container .widget_recent_comments ul li{
border-bottom: 1px solid #4c4c4c;
}
.widget_recent_comments ul li {
list-style: none;
position: relative;
margin-left: 15px;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #EAEAEA;
line-height: 1.5;
}
.widget_recent_comments ul li:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -1px;
left: -15px;
}
.widget_recent_entries ul {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.widget_recent_entries ul li {
float: left;
width: 100%;
list-style: none;
position: relative;
padding-left: 15px;
padding-bottom: 15px;
border-bottom: 0px solid #EAEAEA;
line-height: 1.5;
}
.widget_recent_entries ul li:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: 0px;
left: 0px;
}
.widget_rss ul {
float: left;
width: 100%;
padding: 0px;
}
#footer-container .widget_rss ul li{
border-bottom: 1px solid #4c4c4c;
}
.widget_rss ul li {
list-style: none;
position: relative;
margin-left: 15px;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #EAEAEA;
line-height: 1.5;
}
.widget_rss ul li:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: 0px;
left: -15px;
}
.widget_nav_menu ul {
float: left;
width: 100%;
padding: 0px;
}
.widget .slider_widget_post{
float: left;
width: 100%;
position: relative;
}
.widget .slider_widget_post .recent_post_large_widget{
float: left;
width: 100%;
padding: 0px !important;
margin-bottom: 0px !important;
}
.widget .slider_widget_post .image_post a{
overflow: hidden;
margin: 0px;
width: 100%;
float: left;
}
.widget .slider_widget_post .image_post a img{
width: 100%;
float: left;
opacity: 0.7;
}
.widget .slider_widget_post .owl-controls{
position: absolute;
top: 6px;
left: 4px;
}
.widget .slider_widget_post .owl-controls .jelly_pro_post_arrow_right, .widget .slider_widget_post .owl-controls .jelly_pro_post_arrow_left{
width: 23px;
height: 30px;
line-height: 30px;
font-size: 25px;
text-align: center;
color: #fff;
background: none;
float: left;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
position: relative;
z-index: 1;
}
.widget .slider_widget_post .owl-controls .jelly_pro_post_arrow_right:hover, .widget .slider_widget_post .owl-controls .jelly_pro_post_arrow_left:hover{
background: none;
color: #fff;
}
.widget .slider_widget_post .jelly_pro_post_arrow_left, .widget .slider_widget_post .jelly_pro_post_arrow_right{
width: 20px;
height: 50px;
line-height: 50px;
font-size: 15px;
text-align: center;
color: #000;
background: #fff;
float: left;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -19px;
cursor: pointer;
}
.widget .slider_widget_post .jelly_pro_post_arrow_left{
left: 0px;
}
.widget .slider_widget_post .jelly_pro_post_arrow_right{
right: 0px;
}
.widget .slider_widget_post .wrap_box_style_main{
position: absolute;
top: 50%;
bottom: auto;
transform: translateY(-50%);
text-align: center;
padding: 0px 12%;
z-index: 1;
}
.widget .slider_widget_post .wrap_box_style_main h3{
margin: 5px 0px 0px 0px;
font-size: 14px;
line-height: 1.2;
text-transform: none;
float: left;
}
.widget .slider_widget_post .wrap_box_style_main h3 a{
text-shadow: 1px 1px 3px rgba(0,0,0,.3)
}
.widget .slider_widget_post .wrap_box_style_main h3 a, .widget .slider_widget_post .wrap_box_style_main h3 a:hover {
color: #fff !important;
}
.widget .slider_widget_post .wrap_box_style_main .post-meta, .widget .slider_widget_post .wrap_box_style_main .post-meta span, .widget .slider_widget_post .wrap_box_style_main .post-meta a, .widget .slider_widget_post .wrap_box_style_main .post-meta a:hover{
color: #fff !important;
}
.widget .slider_widget_post .wrap_box_style_main .meta-category-small{
float: left;
width: 100%;
}
.widget .slider_widget_post .wrap_box_style_main .meta-category-small a{
float: none;
margin-right: 0px;
margin-top: 0px;
font-size: 10px !important;
text-transform: none;
margin: 0px 5px;
display: inline-block;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
height: auto;
line-height: 10px;
padding: 4px 11px 4px;
}
#footer-container .widget_nav_menu ul li{
border-bottom: 1px solid #EAEAEA;
}
#footer-container .widget_nav_menu ul li{
border-bottom: 0px;
}
#footer-container .widget_nav_menu ul li:first-child{
border-top: 0px;
}
.widget.widget_nav_menu, .widget.widget_pages, .widget.widget_categories{
}
.widget_nav_menu>ul>li, .widget_pages>ul>li, .widget_categories>ul>li{
border-top: 0px !important;
}
.widget_nav_menu ul li:first-child, .widget_pages ul li:first-child, .widget_categories ul li:first-child{
border-top: 0px solid #EAEAEA; }
.widget_nav_menu ul li, .widget_pages ul li, .widget_categories ul li {
float: left;
width: 100%;
list-style: none;
line-height: 35px; border-top: 1px solid #EAEAEA;
}
#footer-container .widget_nav_menu ul li, #footer-container .widget_pages ul li, #footer-container .widget_categories ul li{
border-top: 1px solid #4c4c4c;
}
.widget_nav_menu ul, .widget_pages ul, .widget_categories ul{
margin-top: -7px;
}
.widget_categories li span{
float: right;
padding: 0 5px;
background: #323439;
color: #fff;
min-width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 12px;
margin-top: 4px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.widget_nav_menu li ul, .widget_pages li ul, .widget_categories li ul{
border-top: 0px !important;
}
.widget_nav_menu ul li:last-child, .widget_pages ul li:last-child, .widget_categories ul li:last-child{
border-bottom: 0px;
}
.widget_nav_menu ul li .sub-menu, .widget_pages ul li .sub-menu, .widget_categories ul li .sub-menu {
margin-left: 20px;
border-top: 1px solid #EAEAEA;
}
.widget_nav_menu ul li .sub-menu li a {
margin-left: 20px;
padding: 0px;
}
.widget_nav_menu ul li a {
position: relative;
margin-left: 15px;
}
.widget_nav_menu ul li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: -6px;
left: -15px;
}
.comment_widget .post-meta{
color: #313131 !important;
}
footer .comment_widget .post-meta{
color: #737373 !important;
}
#sidebar #wp-calendar{margin-top: 0px;}
#wp-calendar {
width: 100%;
margin-top: 15px;
border-bottom: 0;
border-top-color: #ddd;
}
#wp-calendar caption {
text-align: right;
color: #333;
text-transform: none;
margin-top: 0;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 10px;
background: #FFF !important;
border-bottom: 1px solid #ddd !important;
border-top: 2px solid #ddd !important;
border-right: 0px solid #ddd !important;
}
#wp-calendar thead th {
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
#wp-calendar tbody {
color: #000;
}
#wp-calendar td{
border: 0px solid #fff;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 0px solid #fff;
text-align: center;
padding: 8px;
font-size: 12px;
}
#wp-calendar tbody td#today {
background-color: #E6E6E6;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad,
#wp-calendar tbody .pad:hover {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: none;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: none;
padding-top: 10px;
}
footer .col-md-4{
width: 33.33333333%;
}
/* Post Like System */
a.jm-post-like {
display: inline-block;
width: auto;
-moz-transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
}
a.jm-post-like {
font-size: 12px;
}
a.jm-post-like:hover,
a.jm-post-like:active,
a.jm-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus {
color: #222;
text-decoration: none !important;
}
footer .widget .widget-title{
background: none;
text-align: left;
padding: 0px;
margin-bottom: 20px;
}
footer .widget-title h2:before, footer .widget-title h2:after, footer .widget .widget-title:after{
display: none;
}
footer .footer-columns .f3-columns-1{
padding: 0px 35px 0px 15px;
}
.footer-columns .auto_image_with_date .post-date{
color: #fff !important;
}
footer .footer-columns .f3-columns-2{
padding: 0px 25px;
}
footer .f_columns_4_wrapper{}
footer .f_columns_3_wrapper{}
footer .f_columns_2_wrapper{}
footer .f_columns_1_wrapper{}
footer .footer-columns .f3-columns-3{
padding: 0px 20px 0px 20px;
}
footer .footer-columns .f2-columns-1{}
footer .footer-columns .f2-columns-2{}
footer .footer-columns .f1-columns-1{}
/*-----------------------------------------------------------------------------------*/
/* Justified Gallery/*-----------------------------------------------------------------------------------*/
@-webkit-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@-moz-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@-o-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@-webkit-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1.0;
}
}
@-moz-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1.0;
}
}
@-o-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1.0;
}
}
@keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1.0;
}
}
.justified-gallery {
margin: -3px;
width: 101%;
position: relative;
overflow: hidden;
}
.justified-gallery > a .overlay_icons{
color: #FFF;
font-size: 20px !important;
left: 50%;
margin-left: -10px;
margin-top: 20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.justified-gallery > a:hover .overlay_icons{
margin-top: 0px;
opacity: 1;
}
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
outline: none;
/* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000000;
left: 0;
right: 0;
margin: 0;
color: white;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: 0.7;
filter: "alpha(opacity=70)";
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1.0;
filter: alpha(opacity=100);
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99043;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/*-------------------------------------------------------------------------------------
Hover image
-------------------------------------------------------------------------------------*/
.featured-thumbnail .background_over_image {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s;
}
.featured-thumbnail:hover .background_over_image {
opacity: 1;
}
.featured-thumbnail:hover .date_post_small_display, .featured-thumbnail:hover .date_post_large_display{
background: #fff;
color: #000;
}
/*-----------------------------------------------------------------------------------*/
/* Reviews circle
/*-----------------------------------------------------------------------------------*/ .review_circle_large {
position: absolute;
top: 10px;
right: 10px;
width: 64px;
overflow: hidden;
height: 64px;
padding: 2px;
-webkit-radius: 100%;
-moz-radius: 100%;
-ms-border-radius: 100%;
-o-radius: 100%;
border-radius: 100%;
background: rgba(0,0,0,0.3);
}
.review_circle_large input {
background: none;
border: none;
font-weight: 700;
}
.review_circle_large_small {
position: absolute;
top: 10px;
right: 10px;
overflow: hidden;
width: 44px;
height: 44px;
padding: 2px;
-webkit-radius: 100%;
-moz-radius: 100%;
-ms-border-radius: 100%;
-o-radius: 100%;
border-radius: 100%;
background: rgb(69,72,77);
background: rgba(0,0,0,0.3);
z-index: 1;
}
.review_circle_large_small input {
background: none;
border: none;
}
.owl-carousel .owl-stage-outer{
overflow: hidden;
position: relative;
width: 100%;
z-index: 1; }
.post_review_bar {
font-size: 19px !important;
margin-top: 0px !important;
height: 60px !important;
color: #f4b711 !important;
}
.review_circle_large_small .post_review_bar {
font-weight: 700;
font-size: 13px !important;
margin-top: 0px !important;
height: 40px !important;
color: #f4b711 !important;
}
.review_star_small {
background: #f4b711;
position: absolute;
top: 5px;
right: 5px;
padding: 0 6px !important;
height: 16px;
line-height: 16px;
float: right;
color: #fff;
font-size: 11px;
}
/*-----------------------------------------------------------------------------------*/
/* Review System
/*-----------------------------------------------------------------------------------*/
#review-box {
background: #f3f3f3;
margin: 10px 0 20px 0;
font-size: 14px;
line-height: 22px;
float: left;
width: 100%;
padding: 20px;
}
#review-box.left {
margin: 0 30px 19px 0;
width: 48.4375%;
}
#review-box.right {
margin: 0 0 19px 30px;
width: 48.4375%;
}
#review-box h5 {
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #444444;
border-bottom: 1px solid #D6D6D6;
padding: 0 0 10px 0;
margin:0px;
}
#review-box ul {
margin-bottom: 10px;
padding: 0;
list-style: none;
float: left;
width: 100%;
}
#review-box ul li {
margin-bottom: 10px;
}
#review-box ul li .review-criteria-score {
margin-bottom: 10px;
}
#review-box ul li .review-criteria-score .left {
font-weight: bold;
}
#review-box ul li .review-criteria-score .right {
float: right;
font-weight: bold;
}
#review-box ul li .review-criteria-score .right i{
color: #F8C600;
font-size: 15px;
}
#review-box ul li .review-criteria-score [class*="icon-"] {
font-size: 14px;
color: #FFA83F;
margin: 0 0 0 1px;
width: 14px;
}
#review-box ul li .review-criteria-bar-container {
background: #FFFFFF;
height: 14px;
border: 2px solid #ff3400;
}
#review-box ul li .review-criteria-bar {
float:left;
height:12px;
background: #ff3400;
}
.animation_bar_width li .review-criteria-bar {
animation: bar-animation 2s;
-webkit-animation: bar-animation 2s;
}
@keyframes bar-animation {
from {
width: 0;
}
}
@-webkit-keyframes bar-animation {
from {
width: 0;
}
}
@-moz-keyframes bar-animation {
from {
width: 0;
}
}
.right.review-total-score-boxtype-percent b{
font-size: 25px !important;
}
#review-box .right.review-total-score-boxtype-star>span{
margin-top: -5px;
float: left;
width: 100%;
margin-left: 10px;
}
#review-box .right.review-total-score-boxtype-star i{
font-size: 19px;
margin-top: 39px;
margin-right: 3px;
float: left;
}
#review-box .right.review-total-score-boxtype-letter, #review-box .right.review-total-score-boxtype-number, #review-box .right.review-total-score-boxtype-percent, #review-box .right.review-total-score-boxtype-star{
background: #ff3400;
padding: 0px;
color: #FFFFFF;
font-weight: bold;
font-size: 53px;
line-height: 80px;
float: left;
margin-top: 3px;
width: 120px;
height: 80px;
text-align: center;
border-radius: 2px;
margin-right: 15px;
}
#review-box .right .icon-star {
font-size: 16px;
line-height: 22px;
margin: 0 2px;
width: 18px;
}
#review-box .review-summary {
margin: 20px 0 20px 0;
float: left;
width: 100%;
}
#review-box .review-summary p {
margin: 0 0 0 0;
}
.user-review {
background: #EAEAEA;
margin: 0 0 0 0;
}
.user-review .left {
max-width: 50%;
font-size: 16px;
font-weight: bold;
line-height: 20px;
padding: 10px 15px;
margin: 0;
text-transform: none;
}
.user-review .right {
background: #45a4f5;
padding: 8px 7px;
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.user-review .right img {
margin: 0 2px;
}
#review-box .review-total-score .type-star {
font-size: 14px;
padding: 7px 15px;
}
#review-box .review-total-score-box [class*="icon-"] {
font-size: 18px;
color: #FFFFFF;
margin: 0 1px;
}
.user_review-user-review-criteria {
color: #FFFFFF;
padding: 10px 12px; margin: 0px;
background: #202020; position: relative; text-transform: none;
float: left;
width: 100%;
}
span.user_review-criteria-star-under {
background: url(img/star-rating.png) no-repeat; background-position: 0px -20px;
height: 18px; width: 100px; position: absolute; top: 10px; right: 10px; }
span.user_review-criteria-star-top {
background:url(img/star-rating.png) no-repeat;
height:18px; position:absolute; top:0px; left:0px; }
.carousel_multi_width .review-badge{
width: 80px;
height: 80px;
}
.carousel_multi_width .review-badge .user_review_value{
width: 80px;
height: 80px;
line-height: 80px;
font-size: 26px;
}
.review-badge {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 40px;
z-index: 9;
color: #fff;
font-weight: 600;
}
.review-badge .user_review_background_color{
filter: alpha(opacity=80);
opacity: .8;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.review-badge .user_review_value{
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.review_star_wrapper{
position: absolute;
top: 15px;
left: 15px;
z-index: 999;
}
.review_star_wrapper .review_star_background{
position: relative;
vertical-align: middle;
width: 65px;
margin-top: -2px;
background-position: left top;
float: left;
height: 12px;
background: url('img/stars.png') no-repeat;
background-size: 63px 24px;
}
.review_star_wrapper .review_star_background .review_star_value{
display: inline-block;
height: 12px;
background: url('img/stars.png') no-repeat;
background-size: 63px 24px;
position: absolute;
left: 0;
top: 0;
background-position: left bottom;
}
.home_page_front_view{
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
color: #fff;
}
.home_page_front_view a, .home_page_front_view .view_options{
color: #fff !important;
margin-right: 2px;
display: inline-block;
text-align: center;
background: rgba(0,0,0,0.4);
height: auto;
line-height: 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 4px 12px 4px;
letter-spacing: 0.03em !important;
}
.home_page_front_view a:hover{
color: #fff;
}
.home_page_front_view i{
margin-right: 3px;
}
/*-------------------------------------------------------------------------------------
Page builder block
-------------------------------------------------------------------------------------*/
.jelly_homepage_builder .image-post-thumb{
margin-bottom: 0px;
}
.jelly_homepage_builder .image-post-title a, .jelly_homepage_builder .feature-post-title a, .jelly_homepage_builder h4 a{
color: #000;
}
.jelly_homepage_builder .large_continue_reading span{
color: #fff;
background: #000;
padding: 0px;
height: 28px;
line-height: 26px;
}
.jelly_homepage_builder .large_continue_reading span a{
color: #fff;
padding: 0px 12px;
border: 2px solid #000000;
height: 28px;
line-height: 24px;
}
.jelly_homepage_builder.homepage_builder_3grid_post .category_post_ajax_wrap{
float: left;
width: 100%;
}
.builder_cat_title_list_style{
padding: 0px;
margin: 0px;
position: absolute;
top: 5px;
right: 0px;
z-index: 1;
}
.builder_cat_title_list_style li{
list-style: none;
margin-left: 10px;
cursor: pointer;
float: left;
text-transform: none;
font-size: 13px;
font-weight: 600;
}
.builder_cat_title_list_style li.current_cat_post{
color: #ff3400 !important;
border-bottom: 0px solid;
}
.jelly_homepage_builder.homepage_builder_3grid_post .wrapper_display_post_cat{
float: left;
position: relative;
width: 100%;
}
.jelly_homepage_builder.main_bellow_list_cat_posts_wrap_1 .jelly_homepage_builder{
float: left;
width: 100%;
}
.jelly_homepage_builder.main_bellow_list_cat_posts_wrap_1 .jelly_homepage_builder .cat_post_nav{
margin-top: -10px;
}
.enable_cat_loading_bg:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
opacity: 0.85;
background: #fff;
z-index: 99;
}
.enable_cat_loading_bg .enable_cat_loading{
position: absolute;
background: none;
transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
top: 50%;
}
.jelly_homepage_builder.homepage_builder_3grid_post{
margin-bottom: 0px;
position: relative;
float: left;
width: 100%;
}
.jelly_homepage_builder.homepage_builder_3grid_post.main_right_post_style_list .row{
margin-right: -20px;
margin-left: -20px;
}
.jelly_homepage_builder.homepage_builder_3grid_post .row{
margin-right: -15px;
margin-left: -15px;
}
.jelly_homepage_builder.homepage_builder_3grid_post .row .blog_grid_post_style{
padding-right: 15px;
padding-left: 15px;
}
.jelly_homepage_builder.homepage_builder_3grid_post .row .cat_post_nav{
padding-right: 15px;
padding-left: 15px;
}
.jelly_homepage_builder.homepage_builder_3grid_post .post-entry-content{
margin-top: 0px;
padding: 0px;
border: 0px;
}
.jelly_homepage_builder.ajax_small_grid_margin{
margin-bottom: 10px;
}
.jelly_homepage_builder.ajax_small_grid_margin .cat_post_nav{
margin-top: -10px;
}
.jelly_homepage_builder.builder_post_list_bellow{
margin-bottom: 10px;
position: relative;
float: left;
width: 100%;
}
.jelly_homepage_builder.builder_post_list_bellow .blog_list_post_style{
padding-bottom: 0px;
margin-bottom: 40px !important;
border: 0px;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .blog_main_grid_post_style{
float: left;
width: 100%;
position: relative;
margin-bottom: 40px;
height: 400px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .blog_main_grid_post_style .image_grid_header_absolute{
width: 100%;
height: 400px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content{
position: absolute;
top: 50%;
background: none;
left: 22%;
right: 22%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
z-index: 9;
padding: 0px !important;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .meta-category-small{
float: left;
width: 100%;
text-align: center;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .meta-category-small a{
float: none !important;
display: inline-block;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .image-post-title{
float: left;
width: 100%;
line-height: 0px;
margin: 10px 0px 5px 0px;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .image-post-title a{
line-height: 1.2 !important;
font-size: 23px !important;
color: #fff !important;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
text-transform: none;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .image-post-title a:hover{
opacity: 0.8;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .post-meta span, .jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .post-entry-content .post-meta span a{
color: #fff !important;
font-size: 11px !important;
text-transform: none;
letter-spacing: 0px;
font-weight: 500;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .image-post-thumb a{
background: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.jelly_homepage_builder.builder_post_list_bellow.main_full_bellow_list .image-post-thumb img{
opacity: 0.8;
}
.page_builder_slider.jelly_homepage_builder, .jelly_homepage_builder.carousel_pagebuilder_wrapper, .jelly_homepage_builder.main_right_post_style_list{
margin-bottom: 30px;
}
.page_builder_slider_single_wrapper{
float: left;
width: 100%;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper{
margin-bottom: 30px;
}
.jelly_homepage_builder.main_right_post_style_list{
margin-bottom: 10px;
}
.home_main_right_list_post_margin{
margin-bottom: 25px !important;
}
.jelly_homepage_builder.main_right_post_style_list .cat_post_nav{
margin-top: 15px;
}
.jelly_homepage_builder.homepage_builder_two_cols{
margin-bottom: 30px;
}
.jelly_homepage_builder.homepage_builder_two_cols .image-post-title{
margin-bottom: 5px;
margin-top: 10px;
font-size: 18px;
}
.jelly_homepage_builder.homepage_builder_two_cols .post-entry-content{
padding: 0px;
margin-top: 0px;
border-bottom: 0px solid #eeeeee;
}
.jelly_homepage_builder.homepage_builder_two_cols .content_post_grid{
padding: 0px;
margin-top: 5px;
}
.jelly_homepage_builder.homepage_builder_two_cols .meta-category-small{
margin-top: 15px;
}
.jelly_homepage_builder.homepage_builder_two_cols .meta-category-small a{
margin: 0px 10px 0px 0px;
float: left;
}
.jelly_homepage_builder.homepage_builder_two_cols .right-post-display-content{
float: left;
width: 100%;
}
.jelly_homepage_builder.homepage_builder_two_cols .right-post-display-content .meta-category-small a{
padding: 0px;
font-weight: 600;
letter-spacing: 0px;
font-size: 10px !important;
background: none !important;
color: #000;
}
.jelly_homepage_builder.homepage_builder_two_cols .right-post-display-content .meta-category-small a:hover{
color: inherit !important;
}
.jelly_homepage_builder.homepage_builder_two_cols .right-post-display-content .meta-category-small{
margin-top: 0px;
margin-bottom: 5px;
}
.jelly_homepage_builder.homepage_builder_two_cols .feature-post-list{
float: left;
width: 100%;
margin-top: 10px;
}
.jelly_homepage_builder .homepage_builder_title{
float: left;
margin-top: -1px;
width: 100%;
position: relative;
z-index: 1;
margin-bottom: 30px;
text-align: left;
line-height: 34px;
}
.jelly_homepage_builder .homepage_builder_title h2{
float: left;
width: 100%;
font-weight: 600 !important;
display: block;
font-size: 18px;
text-transform: none;
padding-bottom: 0px;
border-bottom: 4px solid #060606;
line-height: inherit;
margin: 0px;
letter-spacing: -0.03em;
position: relative;
}
.home_builder_with_sidebar_options .widget .widget-title{
float: left;
width: 100%;
font-weight: 600 !important;
display: block;
font-size: 14px;
text-transform: none;
padding-bottom: 5px;
letter-spacing: 0px;
border-bottom: 2px solid #080808;
line-height: inherit;
}
.home_builder_with_sidebar_options .panel-grid, .home_builder_full_width_options .panel-grid{
margin-left: -25px !important;
margin-right: -25px !important;
}
.home_builder_with_sidebar_options .panel-grid-cell, .home_builder_full_width_options .panel-grid-cell{
padding-left: 25px !important;
padding-right: 25px !important;
}
/* page builder style 2*/
.heading_title_style_2 footer .widget .widget-title h2{
background: #383838 !important;
}
.heading_title_style_2 footer .widget .widget-title{
border-bottom: 2px solid #383838 !important;
}
.heading_title_style_2 .homepage_builder_grid_post.jelly_homepage_builder{
margin-bottom: 65px;
}
.heading_title_style_2 .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-prev, .heading_title_style_2 .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-next{
border-radius: 0px;
}
/* page builder style 3*/
.heading_title_style_3 footer .widget .widget-title:after{
height: 0px !important;
}
.heading_title_style_3 footer .widget .widget-title h2{
background: none !important;
color: #fff !important;
}
.heading_title_style_3 footer .widget .widget-title{
border-bottom: 2px solid #383838 !important;
}
.heading_title_style_3 .homepage_builder_grid_post.jelly_homepage_builder{
margin-bottom: 65px;
}
.heading_title_style_3 .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-prev, .heading_title_style_3 .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-next{
border-radius: 0px;
}
/* page builder style 1*/
.home_main_post_right_list .content_post_grid p{
text-align: left;
}
.jelly_homepage_builder.builder_post_list_bellow .meta-category-small{
margin-top: -5px;
}
.jelly_homepage_builder.builder_post_list_bellow .large_post_content{
float: left;
width: 100%;
}
.jelly_homepage_builder.builder_post_list_bellow .large_post_content p{
padding: 0px;
margin: 5px 0px 10px 0px;
float: left;
width: 100%;
}
.jelly_homepage_builder .love_post_view_single{
font-size: 13px;
float: right;
color: #CB0404;
font-weight: 600;
}
.jelly_homepage_builder .love_post_view_single i{
margin-right: 5px;
}
.jelly_homepage_builder .post-meta.meta-main-img, .jelly_homepage_builder .post-meta.meta-main-img a{
color: #999;
font-size: 11px !important;
text-transform: none;
letter-spacing: 0px;
font-weight: 500;
}
.jelly_homepage_builder .post-meta.meta-main-img a{
font-weight: 500;
}
.jelly_homepage_builder .post-meta.meta-main-img .post-author{
margin-right: 10px;
}
.jelly_homepage_builder .post-meta.meta-main-img span i{
margin-right: 5px;
}
.jelly_homepage_builder .home_builder_post{
border-top: 0px;
height: 4px;
}
.jelly_homepage_builder.homepage_builder_two_cols .blog_grid_post_style{
margin-bottom: 0px !important;
width: 100%;
}
.jelly_homepage_builder .post-entry-content{
text-align: left;
padding: 10px 0px 0px 0px;
}
.jelly_homepage_builder .image-post-thumb{
position: relative;
overflow: hidden;
}
.jelly_homepage_builder .image-post-thumb img{
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jelly_homepage_builder .overlay_icons{
color: #FFF;
font-size: 15px !important;
left: 50%;
margin-left: -10px;
margin-top: 20px;
position: absolute;
text-align: center;
top: 50%;
z-index: 9;
opacity: 0;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.jelly_homepage_builder .image-post-thumb:hover .overlay_icons{
margin-top: -4px;
opacity: 1;
}
/* page builder carousel*/
.jellywp_home_builder_carousel_post *:focus{
outline: none;
}
.jellywp_home_builder_carousel_post .featured-thumbnail{
padding: 0px 1px;
position: relative;
}
.jellywp_home_builder_carousel_post .slick-list{
margin: 0px -1px;
}
.jellywp_home_builder_carousel_post{
overflow: hidden;
}
.jellywp_home_builder_carousel_post .jelly_pro_post_arrow_left, .jellywp_home_builder_carousel_post .jelly_pro_post_arrow_right{
width: 25px;
height: 50px;
line-height: 50px;
font-size: 15px;
text-align: center;
color: #000;
background: #fff;
float: left;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -19px;
cursor: pointer;
}
.jellywp_home_builder_carousel_post .jelly_pro_post_arrow_left{
left: 0px;
}
.jellywp_home_builder_carousel_post .jelly_pro_post_arrow_right{
right: 0px;
}
.jellywp_home_builder_carousel_post a.featured-thumbnail{
padding: 0px;
background: #000;
}
.jellywp_home_builder_carousel_post img{
opacity: 0.7;
}
.jellywp_home_builder_carousel_post .popular-item-caption{
position: absolute;
top: 50%;
bottom: auto;
transform: translateY(-50%);
text-align: center;
margin: 0px 12%;
z-index: 1;
}
.jellywp_home_builder_carousel_post .meta-category-small{
text-align: center;
}
.jellywp_home_builder_carousel_post .meta-category-small{
float: none !important;
display: inline-block;
}
.jellywp_home_builder_carousel_post .popular-item-title h4{
line-height: 1.2;
float: left;
width: 100%;
margin: 7px 0px 0px 0px;
text-transform: none;
font-size: 16px;
}
.jellywp_home_builder_carousel_post .popular-item-title h4 a{
color: #fff;
text-transform: none;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
}
.jellywp_home_builder_carousel_post .popular-item-title h4 a:hover{
color: #fff !important;
opacity: 0.8;
}
.jellywp_home_builder_carousel_post .post-meta, .jellywp_home_builder_carousel_post .post-meta a{
color: #fff !important;
text-transform: none;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
}
.jellywp_home_builder_carousel_post .post-meta a:hover{
opacity: 0.8;
}
.jelly_white_text_color_on_background .builder_title_home_page{
color: #fff;
border-bottom: 2px solid #080808 !important;
border-bottom: 2px solid rgba(255,255,255,0.2) !important;
}
.jelly_padding_on_background{
padding: 50px 0px;
margin-bottom: 0px !important;
}
.jelly_white_text_color_on_background .slick-list .item h5{
color: #fff;
}
.jelly_white_text_color_on_background .slick-list .item h5 a:hover{
color: #fff !important;
opacity: 0.8;
}
/* Homepage grid bellow */
.jelly_homepage_builder.builder_post_grid_bellow {
float: left;
width: 100%;
margin-bottom: 10px;
}
.jelly_homepage_builder.builder_post_grid_bellow{
position: relative;
}
.jelly_homepage_builder.builder_post_grid_bellow .image-post-title{
margin-top: 5px;
margin-bottom: 5px;
font-size: 21px;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow, .jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style{
float: left;
width: 100%;
position: relative;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style{
float: left;
width: 100%;
position: relative;
margin-bottom: 40px;
height: 400px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .image_grid_header_absolute{
width: 100%;
height: 400px;
position: absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .image-post-thumb a, .jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .image-post-thumb a img{
width: 100%;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content{
position: absolute;
top: 50%;
background: none;
left: 22%;
right: 22%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
z-index: 9;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content .meta-category-small a{
float: none !important;
display: inline-block;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3{
float: left;
width: 100%;
line-height: 0px;
margin: 10px 0px 5px 0px;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3 a{
line-height: 1.2;
font-size: 23px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
text-transform: none;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3:hover, .jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3 a:hover, .jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content .post-meta span a:hover{
color: #fff !important;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3 a:hover, .jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content .post-meta span a:hover{
opacity: 0.8;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content h3 a,
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content .post-meta span,
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .post-entry-content .post-meta span a{
color: #fff;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .link_image{
background: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.jelly_homepage_builder.builder_post_grid_bellow .post_grid_main_with_grid_bellow .blog_main_grid_post_style .link_image img{
opacity: 0.8;
}
.container_grid_small_post_home{
float: left;
margin-bottom: 20px;
}
.container_grid_small_post_home .wrapper_grid_post_home{
position: relative;
margin-top: 30px;
}
.container_grid_small_post_home .wrapper_grid_post_home .link_image{
background: #000;
}
.container_grid_small_post_home .wrapper_grid_post_home .link_image img{
opacity: 0.6;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content{
position: absolute;
top: 50%;
background: none;
left: 22%;
right: 22%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: auto;
padding: 0px;
bottom: auto;
text-align: center;
z-index: 9;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content .meta-category-small a{
float: none;
display: inline-block;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content{
padding: 0px !important;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3{
line-height: 0px;
float: left;
width: 100%;
margin: 10px 0px 5px 0px;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3 a{
line-height: 1.2;
font-size: 18px;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
text-transform: none;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3:hover, .container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3 a:hover, .container_grid_small_post_home .wrapper_grid_post_home .post-entry-content .post-meta span a:hover{
color: #fff !important;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3 a:hover, .container_grid_small_post_home .wrapper_grid_post_home .post-entry-content .post-meta span a:hover{
opacity: 0.8;
}
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content h3 a,
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content .post-meta span,
.container_grid_small_post_home .wrapper_grid_post_home .post-entry-content .post-meta span a{
color: #fff;
}
.jelly_homepage_builder.builder_post_grid_bellow.builder_main_full_small_margin .container_grid_small_post_home.row{
margin-right: -1px;
margin-left: -1px;
}
.jelly_homepage_builder.builder_post_grid_bellow.builder_main_full_small_margin .wrapper_grid_post_home{
margin-top: 2px;
padding-right: 1px;
padding-left: 1px;
}
/* Homepage list */
.page_builder_listpost .post-entry-content{
text-align: left;
padding-top: 0px;
padding: 0px 0px 0px 30px;
}
.page_builder_listpost.jelly_homepage_builder{
float: left;
width: 100%;
margin-bottom: 5px;
}
.page_builder_listpost.jelly_homepage_builder .image-post-title{
margin-top: 10px;
margin-bottom: 8px;
font-size: 18px;
}
.page_builder_listpost.jelly_homepage_builder .image-post-thumb{
width: 40% !important;
}
.page_builder_listpost.jelly_homepage_builder .meta-category-small a{
margin: 0px 10px 0px 0px;
}
.page_builder_listpost.jelly_homepage_builder .post-entry-content{
width: 60% !important;
padding: 0px 0px 0px 25px !important;
}
.page_builder_listpost.jelly_homepage_builder .blog_list_post_style{
padding-bottom: 25px;
margin-bottom: 25px !important;
}
.page_builder_listpost.jelly_homepage_builder .blog_list_post_style:last-child{
border: 0px;
padding-bottom: 0px;
}
.page_builder_listpost.jelly_homepage_builder .meta-category-small{
margin-top: -5px;
}
.page_builder_listpost.jelly_homepage_builder .large_post_content {
float: left;
width: 100%;
}
.page_builder_listpost.jelly_homepage_builder .large_post_content p {
padding: 0px;
margin: 5px 0px 10px 0px;
float: left;
width: 100%;
}
/* Homepage Grid */
.homepage_builder_grid_post.jelly_homepage_builder{
margin-bottom: 0px;
float: left;
width: 100%;
}
.homepage_builder_grid_post.jelly_homepage_builder .image-post-title{
font-size: 18px;
}
.homepage_builder_grid_post.jelly_homepage_builder .post-entry-content{
padding: 0px;
margin-top: 0px;
border-bottom: 0px;
}
.homepage_builder_grid_post_container{
float: left;
width: 100%;
position: relative;
}
.homepage_builder_grid_post_container_wrapper .blog_grid_post_style{
margin-bottom: 30px !important;
width: 50%;
padding-right: 15px;
padding-left: 15px;
float: left;
}
.homepage_builder_grid_post.jelly_homepage_builder .content_post_grid{
padding: 0px;
margin-top: 5px;
}
.homepage_builder_grid_post.jelly_homepage_builder .image-post-title{
margin-bottom: 5px;
}
.jelly_clear{
clear: both;
float: left;
width: 100%;
height: 1px;
}
.homepage_builder_grid_post_container_wrapper{
float: left;
width: auto;
margin: 0px -15px;
position: relative;
}
.homepage_builder_grid_post_container_wrapper .post-entry-content .image-post-title a{
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.homepage_builder_grid_post.jelly_homepage_builder .home_page_front_view{
top: 15px;
bottom: auto;
}
/* Homepage Main with right list */
.home_main_post_right_list .box{
width: 100%;
}
.jelly_homepage_builder.main_right_post_style_list .box{
margin-bottom: 0px !important;
width: 100%;
padding: 0px !important;
}
.jelly_homepage_builder.main_right_post_style_list .blog_grid_post_style .meta-category-small a{
margin: 0px 10px 0px 0px;
float: left;
}
.jelly_homepage_builder.main_right_post_style_list .image-post-title{
margin-bottom: 5px;
font-size: 20px;
margin-top: 5px;
}
.jelly_homepage_builder.main_right_post_style_list .post-entry-content{
padding: 0px 0px;
margin-top: 0px;
border-bottom: 0px solid #eeeeee;
}
.jelly_homepage_builder.main_right_post_style_list .content_post_grid{
padding: 0px;
margin-top: 5px;
margin-bottom: 0px;
}
.main_right_post_style_list ul li .meta-category-small{
margin-top: 0px !important;
}
.main_right_post_style_list ul li .meta-category-small a{
padding: 0px;
font-weight: 600;
letter-spacing: 0px;
margin: 0px 10px 0px 0px;
background: none !important;
color: #000;
}
.main_right_post_style_list ul li .meta-category-small a:hover{
color: inherit !important;
}
.main_right_post_style_list .meta-category-small{
margin-top: 15px !important;
}
/* Homepage 2col Main with below list */
.grid_medium_wrapper_builder{
position: relative;
width: 100%;
float: left;
}
.grid_medium_wrapper_builder .post-entry-content{
position: absolute;
bottom: 0px;
left: 0px;
padding: 15px !important;
}
.grid_medium_wrapper_builder .link_image{
background: #000;
float: left;
}
.grid_medium_wrapper_builder .link_image img{
opacity: 0.8;
}
.grid_medium_wrapper_builder .meta-category-small a{
margin: 0px 10px 0px 0px;
}
.grid_medium_wrapper_builder .post-entry-content .image-post-title{
line-height: 1.2;
margin: 0px;
margin-top: 5px;
}
.grid_medium_wrapper_builder .post-entry-content .image-post-title a, .grid_medium_wrapper_builder .post-entry-content span{
color: #fff !important;
}
.homepage_builder_two_cols .blog_grid_post_style{
padding: 0px;
}
/* Homepage 3col */
.homepage_builder_3grid_post .blog_grid_post_style{
width: 33.33333333%;
float: left;
}
.homepage_builder_3grid_post .blog_grid_post_style img{
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.homepage_builder_3grid_post .meta-category-small{
margin-top: 10px;
}
.homepage_builder_3grid_post .meta-category-small a{
margin: 0px 10px 0px 0px;
}
.homepage_builder_3grid_post .post-meta{
float: left;
}
.homepage_builder_3grid_post .image-post-title{
font-size: 18px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 1.2;
}
.jelly_homepage_builder.homepage_builder_3grid_post .row{
margin-bottom: 0px;
float: left;
}
.homepage_builder_3grid_post .blog_grid_post_style{
margin-bottom: 25px; }
.jellywp_home_builder_carousel_post.row{
margin-bottom: 0px;
}
/* Homepage carousel 3col */
.jellywp_home_builder_carousel_post, .jelly_homepage_builder.carousel_pagebuilder_wrapper{
float: left;
width: 100%;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .featured-thumbnail:hover>a .overlay_icons{
margin-top: -4px;
opacity: 1;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .meta-category-small{
margin-top: 10px;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .popular-item-title{
float: left;
width: 100%;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .popular-item-title h4{
line-height: 1.2;
font-size: 15px;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .featured-thumbnail>a{
position: relative;
float: left;
width: 100%;
overflow: hidden;
z-index: 1;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-nav{
background: #fff;
position: absolute;
top: -52px;
right: 0px;
} .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-prev, .jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-next{
background: #000;
color: #fff;
width: 25px;
height: 25px;
float: left;
line-height: 25px;
text-align: center;
border-radius: 2px;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-prev{
margin-right: 3px;
margin-left: 5px;
}
.jelly_homepage_builder.carousel_pagebuilder_wrapper .owl-next{
right: 0px;
}
/* Homepage slider block */
.jelly_homepage_builder .full-slider-main-home{
margin: 0px;
}
.jelly_homepage_builder .full-slider-main-home .post-meta.meta-main-img, .jelly_homepage_builder .full-slider-main-home .post-meta.meta-main-img a{
color: #fff !important;
}
.home_slider_post_tab_nav *:focus, .home_slider_post_tab *:focus{
outline: none;
}
.home_slider_post_tab .banner-container{
transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
}
.home_slider_post_tab .post-meta span, .home_slider_post_tab .post-meta span a{
color: #fff !important;
}
.home_slider_post_tab .jelly_pro_post_arrow_left, .home_slider_post_tab .jelly_pro_post_arrow_right{
width: 25px;
height: 50px;
line-height: 50px;
font-size: 15px;
text-align: center;
color: #000;
background: #fff;
float: left;
-webkit-transition: .35s all;
-transition: .35s all;
transition: .35s all;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -19px;
cursor: pointer;
}
.home_slider_post_tab .jelly_pro_post_arrow_left{
left: 0px;
}
.home_slider_post_tab .jelly_pro_post_arrow_right{
right: 0px;
}
.home_slider_post_tab_nav{
margin-top: 30px;
}
.home_slider_post_tab_nav .slick-list{
margin: 0px -10px;
width: auto;
position: relative;
}
.home_slider_post_tab_nav .slick-list .item{
padding: 0px 10px;
}
.home_slider_post_tab_nav .slick-list .item .banner-carousel-item{
cursor: pointer;
}
.home_slider_post_tab_nav .slick-list .item.slick-current h5{
color: #ff3400;
}
.home_slider_post_tab_nav .slick-list .item h5{
font-size: 13px;
line-height: 1.3;
text-align: center;
margin-bottom: 0px;
}
/* Homepage main bellow list */
.jelly_homepage_builder.builder_post_list_bellow .post-entry-content{
padding: 0px 0px 0px 30px;
}
.jelly_homepage_builder.builder_post_list_bellow .image-post-title{
margin-top: 10px;
margin-bottom: 10px !important;
font-size: 20px;
}
.jelly_homepage_builder.builder_post_list_bellow .feature-post-list.row>li{
border-bottom: 0px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 50%;
}
.jelly_homepage_builder.builder_post_list_bellow .feature-post-list.row>li>div{
border-bottom: 0px solid #E4E4E4;
float: left;
width: 100%;
margin-bottom: 13px;
padding-bottom: 13px;
}
.jelly_homepage_builder.builder_post_list_bellow .feature-post-list.row>li:last-child div{
margin-bottom: 0px;
}
.builder_post_list_bellow ul li .meta-category-small{
margin-top: 0px !important;
}
.builder_post_list_bellow ul li .meta-category-small a{
padding: 0px;
font-weight: 600;
letter-spacing: 0px;
margin: 0px 10px 0px 0px;
background: none !important;
color: #000;
}
.builder_post_list_bellow ul li .meta-category-small a:hover{
color: inherit !important;
}
.builder_post_list_bellow .post-entry-content .meta-category-small{
margin-top: 0px;
}
.builder_post_list_bellow .post-entry-content .meta-category-small a{
float: left;
margin: 0px 10px 0px 0px;
}
/*-------------------------------------------------------------------------------------
WooCommerce
-------------------------------------------------------------------------------------*/
.woocommerce.woocommerce-page .main_title_wrapper{
}
.woocommerce ul.products li.product .price {
font-size: 18px;
float: right;
display: inline-block;
margin-bottom: 0px;
margin-top: 9px;
}
.woocommerce-ordering{
position: relative;
background: #fbfaf9;
}
.woocommerce-ordering .orderby{
height: 38px;
-webkit-appearance: none;
text-overflow: '';
border: 1px solid #dadada;
color: #333333;
cursor: pointer;
display: block;
font-size: 13px !important;
outline: none;
height: auto;
width: 100%;
padding: 8px 15px !important;
position: relative !important;
text-indent: 0.01px;
vertical-align: middle;
z-index: 5;
margin: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
background: none
}
.woocommerce-ordering:before{
font-size: 9px;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
line-height: 18px;
vertical-align: 10%;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
font-family: 'FontAwesome';
content: "\f078";
position: absolute;
right: 0px;
top: 0px;
text-align: center;
}
.woocommerce ul.products li.product a:hover{
color: #fff !important;
}
.woocommerce-product-search{
float: left;
width: 100%;
position: relative;
margin-bottom: 0px;
}
.woocommerce-product-search .search-field{
font-size: 13px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 100%;
height: 32px;
width: 95%;
padding-left: 10px;
outline: none;
}
.woocommerce-product-search input[type="submit"]{
position: absolute;
right: 0px;
bottom: 0px;
font-weight: 600 !important;
border-radius: 0px 3px 3px 0px !important;
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
background-color: #222222;
border-radius: 3px;
color: #ffffff;
border: none;
outline: none;
padding: 8px 15px 8px 15px;
cursor: pointer;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
font-weight: 600;
}
.widget.woocommerce{
margin-bottom: 30px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-search input{
background-image: none !important;
padding: 5px 15px !important;
margin-bottom: 10px !important;
}
.woocommerce a.remove{
background: red;
color: #fff !important;
font-size: 12px;
width: 25px;
height: 25px;
line-height: 25px;
}
.select2-container--default .select2-selection--single{
border: solid 1px #e4e4e4;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
float: left;
font-weight: 600 !important;
}
.variations .label label {
margin-top: 14px;
color: #222 !important;
}
.woocommerce .button.add_to_cart_button.product_type_simple.loading{
width: auto;
}
.woocommerce .button.add_to_cart_button.product_type_simple.loading:before{
opacity: 0;
}
.woocommerce a.button.loading, .woocommerce-page a.button.loading{ color: #FFF;}
.woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after,.woocommerce button.button.loading:after,.woocommerce input.button.loading:after{
top: 1px;
position: absolute;
height: 31px;
width: 13px;
line-height: 31px;
background: none;
margin: 0px;
}
.woocommerce #respond input#submit.loading{
height: 33px !important;
line-height: 33px !important;
}
.woocommerce a.button.added, .woocommerce-page a.button.added {
padding-right: 13px !important;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
margin-right: 10px;
}
.woocommerce-cart table.cart .product-thumbnail{
text-align: center;
}
.woocommerce-cart table.cart .product-remove a.remove{ display: auto !important;}
.woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .woocommerce a.remove:hover{
text-decoration: none !important;
}
.woocommerce_content_page h1.page-title{
padding-bottom: 5px !important;
font-weight: 500 !important;
font-size: 27px;
margin-bottom: 30px;
line-height: 34px;
}
.woocommerce_content_page a, .woocommerce_content_page a:hover{
color: #000 !important;
}
.woocommerce .form-row .input-text {
font-size: 12px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 100%;
height: 34px !important;
padding: 3px 9px 3px 9px;
}
.woocommerce-page ul .product {
float: left !important;
margin-right: 3.125% !important;
width: 31.25% !important;
/* responsive portrait phone */
}
.woocommerce-page ul .product.last {
margin-right: 0px !important;
}
.woocommerce-page ul .product:before {
content: '';
}
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img, .woocommerce ul.products li.product a img:hover, .woocommerce-page ul.products li.product a img:hover,
.woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img{
box-shadow: 0 0px 0px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.3);
}
.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img{
box-shadow: 0 0px 0px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.3);
}
.widget_price_filter form{ float: left; width: 100%; margin-bottom: 0px;}
.woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button,
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{
outline: none;
height: 33px;
line-height: 33px;
padding: 0 15px;
color: #FFF;
border: 0px solid #dbdbdb;
background: #222;
font-size: 13px;
cursor: pointer;
margin-bottom: 15px;
font-weight: 400;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
text-shadow: 0 0px 0 rgba(255,255,255,.8);
text-transform: none;
letter-spacing: 0px !important;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table{float: left;}
.woocommerce .button.add_to_cart_button.product_type_simple,
.woocommerce .button.add_to_cart_button.product_type_variable{
color: #000 !important;
width: 100%;
text-align: center;
text-transform: none;
background: #fff;
border: 1px solid #e6e6e6;
font-weight: 600;
}
.woocommerce .button.ajax_add_to_cart{
width: 100% !important;
}
.woocommerce ul.products li.product .added_to_cart.wc-forward:hover{
color: #000 !important;
}
.woocommerce .button.add_to_cart_button.product_type_simple:hover,
.woocommerce .button.add_to_cart_button.product_type_variable:hover{
color: #fff !important;
background: #222;
}
.woocommerce a.button.loading, .woocommerce-page a.button.loading{ color: #FFF;
width: 100%;}
.woocommerce a.button.added, .woocommerce-page a.button.added{ padding-right: 25px;}
.woocommerce #content input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce-page #content input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before{
top: 2px;
right: 3px;
font-size: 10px;
}
.woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{
margin-bottom: 0px !important;
color: #FFF !important;
}
.woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text{
width: 121px;
height: 33px;
line-height: 33px;
}
.product-name a, .product-name a:hover{ color: #222 !important;}
.woocommerce .star-rating span:before{ color: #ffc902;}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{color: #ff3400; font-weight: bold;}
.woocommerce a.added_to_cart:hover, .woocommerce-page a.added_to_cart:hover{ text-decoration: none !important; }
.woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover, .woocommerce-page div.product form.cart .button:hover,
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover
{ background: #000; text-decoration: none !important;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img{
box-shadow: none !important;
width: 75px !important;
margin-right: 13px;
margin-left: 0px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty{
height: 33px;
}
.woocommerce #content .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page #content .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page .quantity .plus{
height: 16px;
}
.woocommerce ul.products li.product .price{ float: left; width: 100%;}
.woocommerce ul.products li.product .price del{
float: left;
margin-right: 10px;
}
.woocommerce div.product p.price del{
margin-right: 10px;
}
.woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price,
.woocommerce ul.products li.product .price{
color: #000;
margin-top: -5px;
margin-bottom: 5px;
font-size: 1.05em;
}
.single-product.woocommerce .products ul, .single-product.woocommerce ul.products{
margin: 0px -15px;
}
.variations .label label{
display: inline-block !important;
margin: 7px 0px 0px 0px;
}
.woocommerce div.product form.cart .reset_variations{
display: none !important;
}
.related.products ul li,
.woocommerce .up-sells.upsells ul.products li.product, .woocommerce-page .up-sells.upsells ul.products li.product{
width: 33.33333333% !important;
margin: 0px !important;
padding: 0px 15px !important;
margin-bottom: 30px !important;
}
.related.products h2, .up-sells.upsells.products h2{
margin-bottom: 20px;
letter-spacing: 0px !important;
}
.woocommerce .quantity .qty{
border-radius: 3px;
border:1px solid #e6e6e6;
}
.woocommerce .quantity .qty:active, .woocommerce .quantity .qty:focus{
outline: none;
}
.woocommerce ul.products li.product a{
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
text-decoration: none !important;
}
.woocommerce .related.products{
margin-top: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
display: none;
}
.woocommerce #content div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page div.product span.price del{
color: #484848;
}
.woocommerce ul.products li.product .price ins{
font-weight: normal;
}
.woocommerce #reviews #comments ol.commentlist{
float: left;
margin-top: 15px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
border:0px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li{ margin-bottom: 11px;
padding: 0px 0px 13px 0px !important;
background: none !important;
border-bottom: 1px solid #e6e6e6 !important;
float: left;
width: 100%;
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-result-count{
color: #000;
}
.woocommerce ul.products li.product .star-rating span, .woocommerce ul.products li.product .star-rating span{ color: #ff3400;}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3{ font-weight: bold; padding:0px; font-weight: bold;
font-size: 15px;
line-height: 1.2;
margin-bottom: 9px;}
.woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title{
font-weight: bold;
letter-spacing: -1px;
}
.woocommerce .product .onsale{
width: 45px;
height: 45px;
line-height: 43px;
border: 0px !important;
background: none #ff3400;
box-shadow: none;
text-shadow: none;
margin: 0px !important;
left: 5px !important;
right:auto;
top: 5px !important;
font-size: 11px !important;
font-weight: bold !important;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
.woocommerce-page #content table.cart th{ background: #FFF !important;
color: #222 !important;}
.woocommerce.widget .ui-slider-range{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
box-shadow: none !important;
}
.woocommerce.widget .ui-slider{
background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
border-radius: 0px !important;
margin-bottom: 20px !important;
margin-top: 10px;
}
.woocommerce.widget .ui-slider .ui-slider-handle{
box-shadow: none;
border: 1px solid #ffffff;
background: none #a9a9a9;
width: 15px;
height: 15px;
}
.woocommerce-tabs h2, .related.products h2{
font-weight: bold;
letter-spacing: -1px;
font-size: 18px;
line-height: 1.2;
float: left;
width: 100%;
margin-top: 0px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs{
padding: 0px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before{
box-shadow: 0px 0px 0 #fff;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a{
width: 100%;
font-weight: 500;
padding: 0px 10px;
color: #fff !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
color: #000 !important;
padding: 0px 10px;
font-weight: 500;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
margin-top: 2px;
margin-right: 0px;
}
.woocommerce-product-gallery__image a:active, .woocommerce-product-gallery__image a:focus{
outline: none;
}
.woocommerce ul.product_list_widget .star-rating{
font-size: .857em;
}
.woocommerce #review_form #respond{
width: 100%;
}
.comments-area .comments-title, .comment-respond .comment-reply-title{
font-weight: 600;
}
.woocommerce #review_form #respond p span{
padding-top: 5px;
display: inline-block;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active{
padding: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 0px 0 rgba(255,255,255,.6);
margin: 0px;
background: #202020;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{
border: 0px solid #e0dadf;
background: none;
display: inline-block;
position: relative;
z-index: 0;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 0px 0 rgba(255,255,255,.6);
margin: 0px;
padding: 0px;
}
.woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li{
list-style: none !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar{
width: 50px;
height: 50px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
background: #0c0c0c;
border: 0px solid #0c0c0c;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text{
margin: 0 0 0 66px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta{
margin-bottom: 0px;
}
.woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price{
font-size: 1.05em;
}
.cart_totals h2{
font-weight: bold;
letter-spacing: -1px;
}
.cart-collaterals table, .cart-collaterals table td, .cart-collaterals table th {
border: 0px;
}
.woocommerce-cart .woocommerce .cart_totals th {
width: 60% !important;
font-size: 14px;
font-weight: bold;
}
.woocommerce-cart .woocommerce .cart_totals td{
font-style: 14px;
}
.cart-collaterals h2 {
font-size: 16px;
font-weight: bold;
}
.cart-collaterals h2 a:hover {
text-decoration: none !important;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
font-size: 12px;
line-height: 21px;
border: 1px solid #e6e6e6 !important;
background: none !important;
box-shadow: none !important;
margin: 10px 0px 20px 0px !important;
padding: 16px 15px 16px 45px !important;
float: left;
width: 100%;
}
.woocommerce-cart-form{
float: left;
width: 100%;
margin-bottom: 0px !important;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before {
border-radius: 3px !important;
box-shadow: none !important;
display: block !important;
height: 31px !important;
left: 15px !important;
line-height: 31px !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
top: 11px !important;
width: 31px !important;
font-size: 21px !important;
text-shadow: none !important;
}
.woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li{
list-style: none !important;
}
.payment_methods label {
width: auto !important;
display: initial !important;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td{ border-top: 0px solid rgba(0,0,0,.1);
}
.chosen-single, .chosen-single:hover{ color: #222 !important; text-decoration: none !important;}
.woocommerce .order_details li, .woocommerce-page .order_details li{
list-style: none !important;
}
.woocommerce-LoopProduct-link{
float: left;
width: 100%;
}
.woocommerce-LoopProduct-link:hover{
color: #000;
border: 0px;
text-decoration: none !important;
}
.woocommerce ul.products li.product .star-rating{
float: right;
}
.woocommerce ul.products li.product .price{
float: left;
width: auto;
}
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
font-size: 18px;
}
.woocommerce-loop-product__title{
font-size: 18px !important;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before{
top: 1px;
}
.woocommerce .summary.entry-summary .star-rating::before,
.woocommerce .summary.entry-summary .star-rating span::before{
top: 0px;
}
.button.wc-backward{ color: #FFF !important;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{
color: #222;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th{
border-collapse: collapse;
}
.woocommerce table.my_account_orders .order-actions .button, .woocommerce-page table.my_account_orders .order-actions .button{
color: #FFF !important;
}
.woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span{
background: #ff3400;
color: #FFF !important;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
margin-right: 5px;
padding: 0px 13px;
display: inline-block;
height: 32px;
line-height: 33px;
font-weight: 400;
text-decoration: none !important;
-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;
}
.woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li a{
background: #000;
-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;
}
.woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li{
border: 0px solid #e0dadf;
}
.woocommerce ul.products li.product h3:hover, .woocommerce-page ul.products li.product h3:hover{
color: #222 !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
margin-top: 0px;
}
.woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title{
margin-top: 0px;
margin-bottom: 0px;
text-transform: none;
font-weight: 700 !important;
color: #000;
font-size: 35px;
}
.content_single_page p.price{
font-size: 18px !important;
}
.single-product .main_title_wrapper{
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel{
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-product-rating{
margin-bottom: 10px;
}
.woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product{
float: left;
width: 100%;
}
.woocommerce .product .onsale{
top: 0px;
}
/*-------------------------------------------------------------------------------------
go to top
-------------------------------------------------------------------------------------*/
#go-top {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 9;
}
#go-top a {
width: 40px;
height: 40px;
display: block;
text-align: center;
text-decoration: none;
color: #FFF;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
background: #ff3400;
font-size: 16px;
line-height: 37px;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
/*-------------------------------------------------------------------------------------
BBpress
-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* BbPress forums
/*-----------------------------------------------------------------------------------*/
#bbpress-forums div.bbp-search-form{
width: 100%;
}
#bbpress-forums #bbp-search-form #bbp_search{
width: 95%;
max-width: 100%;
}
#bbp-search-form{
margin-bottom: 0px;
float: left;
width: 100%;
}
#bbp-search-form div{
position: relative;
}
#bbp-search-form div label{
display: none;
}
#bbp_search{
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
max-width: 100%;
height: 32px;
width: 95%;
padding-left: 10px;
outline: none;
}
.bbp-forum-title{
}
#bbp_search_submit{
position: absolute;
right: 0px;
bottom: 0px;
border-radius: 0px 3px 3px 0px !important;
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
text-transform: none;
font-weight: 400;
line-height: 16px;
background-color: #222222;
border-radius: 3px;
color: #ffffff;
border: none;
outline: none;
padding: 8px 15px 8px 15px;
cursor: pointer;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
z-index: 9;
}
#bbpress-forums fieldset.bbp-form{ border: 0px; padding: 0px;}
#bbpress-forums fieldset.bbp-form label{ font-style: 14px; margin-bottom: 10px;}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic{
border-top: 0px solid #eee;
border-bottom: 1px solid #eee;
float: left;
width: 100%;
padding: 25px 0px 22px 25px;
}
.bbp-pagination-count{ font-size: 13px !important;}
#bbpress-forums fieldset.bbp-form legend{
font-weight: 600;
border-bottom: 0px;
}
.bbp-forum-title, #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-forum-freshness, .bbp-forum-info{
font-size: 14px;
}
#bbpress-forums #bbp-search-form{
}
.forum-titles li {text-transform: none;}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results{
}
#bbpress-forums .posted-in a{ font-weight: 600;}
div.bbp-template-notice .bbp-author-avatar{ display: none;}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover{
text-decoration: none !important;
background: #eee;
}
#subscription-toggle a{
font-size: 11px;
font-weight: 500;
color: #fff;
text-transform: none;
background-color: #000;
padding: 3px 10px;
border-radius: 15px;
}
#subscription-toggle a:hover, #subscription-toggle a:active, #subscription-toggle a:focus{
text-decoration: none !important;
opacity: 0.6;
}
.bbp-footer{
display: none;
}
.bbp-topic-meta .last-post{
display: block;
}
#bbpress-forums p.bbp-topic-meta img.avatar {
float: right;
margin-left: 12px;
border: 0px;
}
a.bbp-author-name {
color: #e54e53;
font-weight: bold;
}
#bbpress-forums p.bbp-topic-meta span {
white-space: normal;
}
#bbpress-forums .bbp-topic-meta > a {
display: block;
color: inherit;
}
#bbpress-forums .bbp-topic-meta > a, #bbpress-forums .bbp-topic-meta > span{
font-weight: 500;
font-size: 13px;
}
#bbpress-forums .single-forum .bbp-topic-meta {
line-height: 1.2;
color: #a6a6a6;
}
li.bbp-forum-topic-count {
width: 17%;
text-align: right;
padding-right: 20px;
}
li.bbp-forum-topic-count div {
padding-right: 6px;
}
li.bbp-forum-topic-count div{
font-size: 12px;
font-weight: 500;
}
li.bbp-forum-freshness {
width: 28%;
text-align: right;
}
#bbpress-forums .forum-cat{
float: left;
width: 100%;
font-weight: bold;
color: #000;
background: #ECECEC;
line-height: 45px;
padding: 0px 5px;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd{
background-color: #FFF;
}
#bbpress-forums .forum-cat .bbp-forum-info{
padding-left: 10px;
}
#bbpress-forums .forum-cat .bbp-forum-freshness{
padding-right: 10px;
}
#bbpress-forums ul.bbp-topics{}
#bbpress-forums ul.bbp-topics .topic-avatars{
float: left;
margin-right: 10px;
}
#bbpress-forums ul.bbp-topics .topic-meta{
float: left;
margin-top: -5px;
width: 70%;
}
#bbp-user-body button{
outline: none;
height: 33px;
line-height: 33px;
padding: 0 15px;
color: #FFF;
border: 0px solid #dbdbdb;
background: #000;
font-size: 13px;
cursor: pointer;
margin-bottom: 15px;
font-weight: 500;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
text-shadow: 0 0px 0 rgba(255,255,255,.8);
-webkit-border-radius: 2px;
border-radius: 2px;
}
#bbp-user-body button:hover{
opacity: 0.6;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
#wpua-preview-existing span, #wpua-thumbnail-existing span{margin-left: 0px !important; width: 100% !important;}
.bbp-pagination-links a, .bbp-pagination-links span.current{
font-size: 12px;
margin-right: 5px;
padding: 5px 13px;
display: inline-block;
background: #000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-decoration: none;
-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;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0px;
}
.bbp-pagination-links a:hover, .bbp-pagination-links span.current{
background: #000;
text-decoration: none !important;
}
#bbpress-forums ul.bbp-topics .topic-activity{
float: right;
font-weight: bold;
margin-top: 15px;
margin-right: 25px;
}
#bbpress-forums ul.bbp-topics .topic-activity .stat{
font-size: 10px;
font-weight: 500;
color: #fff;
text-transform: none;
background-color: #000;
padding: 1px 10px;
border-radius: 15px;
margin-bottom: 5px !important;
}
#bbpress-forums .user-links{
font-weight: bold;
margin-bottom: 13px;
}
#bbpress-forums .reply-meta, #bbpress-forums .reply-meta a{
font-weight: bold !important;
}
.bbp-topic-title{
font-weight: bold;
font-size: 14px;
}
/* Login form*/
.bbp-login-form{
float: left;
width: 100%;
background: none;
margin-bottom: 0px;
}
.bbp-login-form fieldset{
margin: 0px;
padding: 0px;
background: none;
}
.bbp-login-form .bbp-username label{
float: left;
width: 100% !important;
font-size: 14px;
margin-bottom: 5px;
margin-top: 5px;
}
#sidebar .bbp-login-form label{ font-weight: 400;}
.bbp-login-form .bbp-username input{
float: left;
width: 100%;
}
.bbp-login-form .bbp-password label{
float: left;
width: 100% !important;
font-size: 14px;
margin-bottom: 5px;
margin-top: 5px;
}
.bbp-login-form .bbp-password input{
float: left;
width: 100%;
}
.bbp-login-form .bbp-remember-me{
float: left;
width: 160px;
}
.bbp-login-form .bbp-remember-me{
}
.bbp-login-form .bbp-remember-me label{
width: 130px !important;
font-size: 13px;
}
.bbp-login-form .bbp-submit-wrapper .button, #bbp_topic_submit, .bbp-submit-wrapper .button{
outline: none;
height: 33px;
line-height: 33px;
padding: 0 15px;
color: #FFF;
border: 0px solid #dbdbdb;
background: #222;
font-size: 13px;
cursor: pointer;
margin-bottom: 15px;
font-weight: 500;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
text-shadow: 0 0px 0 rgba(255,255,255,.8);
-webkit-border-radius:2px;
border-radius:2px;
}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content{
margin-left: 110px;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar{
margin-bottom: -3px;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title{
font-weight: 800;
text-transform: none;
padding-bottom: 0px;
line-height: 1.2;
font-size: 20px;
margin-bottom: 10px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
margin: 0px;
font-size: 13px;
}
.bbp-login-form .bbp-username input, .bbp-login-form .bbp-password input{
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 100%;
height: 32px;
width: 100%;
padding-left: 10px;
outline: none;
}
.widget_display_replies{
}
.widget_display_replies ul, .widget_display_views ul, .widget_display_topics ul, .widget_display_forums ul{
margin-top: -7px;
float: left;
width: 100%;
padding: 0px;
margin-bottom: 0px;
}
.widget_display_replies ul li, .widget_display_views ul li, .widget_display_topics ul li, .widget_display_forums ul li{
float: left;
width: 100%;
list-style: none;
padding: 6px 0px;
border-bottom: 1px solid #EAEAEA;
}
.widget_display_forums ul li a, .widget_display_topics ul li a{
font-weight: normal !important;
}
.bbp-logged-in img.avatar {
float: left;
margin: 0 10px 0 0;
width: 50px;
height: 50px;
}
.bbp-logged-in h4 {
font-size: 14px;
font-weight: 600;
clear: none;
padding: 3px 0 0;
margin: 0 0 6px;
}
.bbp-logged-in .logout-link {
font-size: 11px;
font-weight: 500;
color: #646464;
text-transform: none;
background-color: #eee;
padding: 3px 10px;
border-radius: 15px;
}
.widget.widget_display_stats dl {
margin: 0 auto;
}
.widget.widget_display_stats dl:after {
display: inline-block;
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.widget.widget_display_stats dt,
.widget.widget_display_stats dd {
float: left;
width: 30%;
padding: 8px 0;
border-bottom: 1px solid #efefef;
line-height: 26px;
text-align: right;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.3px;
}
.widget.widget_display_stats dt {
position: relative;
width: 70%;
padding-left: 20px;
text-align: left;
line-height: 30px;
}
.widget.widget_display_stats dt:before {
position: absolute;
left: 0px;
top: 7px;
color: #010101;
font-family: 'FontAwesome';
content: "\f105";
}
.widget.widget_display_stats dd strong {
display: inline-block;
font-size: 11px;
min-width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #efefef;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.widget.widget_display_stats dl dt:last-of-type,
.widget.widget_display_stats dl dd:last-of-type {
margin: 0;
border-bottom: none;
}
/*-------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------*/
.enable_footer_columns_dark{
background: #000000;
color: #fff; }
.enable_footer_columns_dark a{
color: #fff;
}
.enable_footer_columns_dark .feature-post-list .item-details .post-meta, .enable_footer_columns_dark .feature-post-list .item-details .post-meta a{
color: #fff;
}
.enable_footer_columns_dark .widget .widget-title h2{
color: #fff;
border-bottom: 0px solid #353535;
padding-bottom: 0px;
}
.enable_footer_columns_dark .social-icons-list-widget li a{
color: #fff;
}
.enable_footer_columns_dark .widget_categories ul li{
border-bottom: 1px solid #353535 !important;
}
.enable_footer_columns_dark .tagcloud a{
color: #000;
}
.enable_footer_columns_dark .author-avatar-link a{
color: #fff !important;
}
.enable_footer_columns_dark .widget p{
color: #fff;
}
footer {
background: #000;
padding-top: 50px;
color: #949494;
float: left;
width: 100%;
}
footer .social-icons-list-widget{
text-align: left;
}
footer .social-icons-list-widget li a{
color: #fff;
}
footer a {
color: #fff;
}
footer a:hover {
text-decoration: underline;
color: #fff;
}
footer .widget-title h2 {
color: #535353;
margin: 0px;
margin-bottom: 0px;
}
footer .widget-title{
margin-bottom: 30px;
}
.footer_wrapper {
background: #222;
color: #FFF;
padding: 10px 0px;
}
footer .widget {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0);
box-shadow: 0 0 3px rgba(0, 0, 0, 0);
padding:0px;
}
footer .widget p {
color: #bbb;
}
footer .widget select {
width: 90% !important;
}
footer #wp-calendar caption {
color: #ccc;
}
footer .widget .image-flickr-widget,
footer .widget .image-flickr-widget li {
padding: 0px;
margin-bottom: 0px;
float: left;
list-style: none;
}
.image-flickr-widget {
float: left;
width: 100%;
padding: 0px;
}
.image-flickr-widget li {
list-style: none;
}
.footer_wrapper .row {
margin-bottom: 0px;
}
.footer_wrapper a {
color: #FFF;
}
.footer_menu {
text-align: right;
}
.footer_menu ul li {
display: inline-block;
}
/*footer menu*/
.footer-bottom {
background: #fff;
color: #535353;
text-align: center;
float: left;
width: 100%;
}
.enable_footer_copyright_dark{
background: #000;
color: #fff;
border-top: 1px solid #353535;
}
.enable_footer_copyright_dark .footer_logo_bottom{
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.enable_footer_copyright_dark #menu-footer-menu li a{
color: #fff;
}
.footer-bottom .row {
margin-bottom: 0px;
}
.bottom_footer_menu_text{padding: 15px 0 10px 0;}
.footer-bottom .footer_logo_bottom {
padding-top: 55px;
padding-bottom: 55px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.footer-bottom .footer_logo_bottom img{
max-height: 90px;
}
.footer-bottom .footer-left-copyright {
font-size: 12px;
text-align: center;
margin-top: 0px;
}
.footer-bottom .footer-menu-bottom{
font-size: 13px;
text-align: right;
}
.footer-right {
text-align: right;
}
#menu-footer-menu {} #menu-footer-menu li {
display: inline;
list-style: none;
margin: 0 5px;
display: inline-block;
color: #FFF;
border-top: 3px solid rgba(0, 0, 0, 0);
}
#menu-footer-menu li a {
text-decoration: none;
color: #535353;
font-size: 12px;
}
#menu-footer-menu li a:hover{
text-decoration: none !important;
color: #ff3400;
}
#footer-container .container{
max-width: 100%;
padding-right: 40px;
padding-left: 40px;
text-align:left;
}
#footer-container .container .col-md-3{
padding-right: 30px;
padding-left: 30px;
}
#footer-container .feature-post-list.popular-post-widget li,
#footer-container .feature-post-list.recent-post-widget li,
#footer-container .feature-post-list li {
border-bottom: 0px solid #E4E4E4 !important;
}
#footer-container .feature-post-list.popular-post-widget li:last-child,
#footer-container .feature-post-list.recent-post-widget li:last-child,
#footer-container .feature-post-list li:last-child {
border: none !important;
}
#footer-container_no_footer {
padding-top: 0px !important;
}
.footer-columns .post-author a:hover,
.post-author a:hover,
.caption-overlay a,
.no_padding_footer{padding-top: 0px !important;}
footer .widget {
float: left !important;
margin-bottom: 50px;
width: 100%;
background: none;
}
footer .row {
margin-bottom: 0px !important;
}
#footer-container .widget:after {
border: 0px solid #EAEAEA;
position: relative;
display: none;
}
/*===========================slider====================================*/
/* Slider */
.slick-loading .slick-list
{
background: #ccc;
}
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* CSS player */
.ap-wrapper {
width: 100%;
overflow: hidden;
display: block;
position: relative;
background-size: cover;
background-position: center center; }
.ap-wrapper > .the-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center; }
.ap-wrapper.center-ap > *[class*="audio"] {
max-width: 1190px;
margin: 0px auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 10px;
margin-top: 40px;
margin-bottom: 40px; }
*[class*="audioplayer"] .the-comments {
display: none; }
*[class*="audioplayer"] .feed-embed-code {
display: none; }
.feed-dzsap {
display: none; }
/* -- functional styling */
.audioplayer .menu-description {
display: none; }
.audioplayer.fullflashbackup {
height: auto; }
.audioplayer.skin-default.fullflashbackup {
height: auto; }
.audioplayer.preload-method-none .loading-svg:not(.ceva) {
display: none; }
.audioplayer .prev-btn, .audioplayer .next-btn, .audioplayer .btn-menu-state {
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
visibility: hidden; }
.audioplayer-tobe {
opacity: 0; }
.audioplayer-tobe.for-add {
display: none; }
.audioplayer, .audioplayer-tobe {
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.audioplayer > div[class^="feed-"], .audioplayer-tobe > div[class^="feed-"] {
display: none; }
.audioplayer {
position: relative;
width: 100%;
height: auto;
line-height: 1;
opacity: 1;
/* === VOLUME STRUCTURE */ }
.audioplayer * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.audioplayer .btn-menu-state, .audioplayer controls-volume {
display: inline-block;
vertical-align: middle;
float: none; }
.audioplayer .ap-controls .the-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0; }
.audioplayer .ap-controls .scrubbar {
width: 100%;
height: 10px;
cursor: pointer;
position: relative; }
.audioplayer .ap-controls .scrubbar .scrub-bg .wave-separator {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1); }
.audioplayer .ap-controls .scrubbar .scrub-prog {
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background: #ae1919; }
.audioplayer .meta-artist-con {
position: absolute;
left: 28px;
bottom: 9px;
color: #dddddd;
max-width: 50%;
overflow-x: hidden;
overflow-y: visible;
font-size: 11px;
visibility: hidden;
opacity: 0;
line-height: 1.1; }
.audioplayer .curr-time {
color: #eee;
position: absolute;
padding: 4px 7px;
font-size: 12px;
top: auto;
bottom: 4px;
line-height: 1; }
.audioplayer .total-time {
color: #ccc;
position: absolute;
padding: 3px 7px;
font-size: 10px;
top: auto;
bottom: 6px;
right: auto;
line-height: 1; }
.audioplayer .sample-block-start, .audioplayer .sample-block-end {
height: 100%;
background-color: transparent;
cursor: default;
position: relative; }
.audioplayer .sample-block-end {
top: -100%; }
.audioplayer .controls-volume {
top: auto;
bottom: 4px;
right: 50px;
height: 14px; }
.audioplayer .volumeicon {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
left: 0px;
background: #aaaaaa;
background-position: center center;
background-repeat: no-repeat;
width: 7px;
height: 7px;
cursor: pointer;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer .volumeicon:before {
position: absolute;
left: -4px;
bottom: -3px;
background: transparent;
background-position: center center;
background-repeat: no-repeat;
width: 0px;
height: 0px;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-right-color: #aaaaaa;
border-width: 7px;
margin-left: 0px;
outline: 1px solid transparent;
transition-property: border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: border;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: border;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: border;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: border;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer .controls-volume:hover .volumeicon {
background: #dddddd; }
.audioplayer .controls-volume:hover .volumeicon:before {
border-right-color: #dddddd; }
.audioplayer .volume_static, .audioplayer .volume_active {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0); }
.audioplayer .volume_static {
left: 16px;
width: 26px;
height: 4px;
cursor: pointer; }
.audioplayer .volume_static:before {
height: 2px;
width: 100%;
position: absolute;
background-color: #aaaaaa;
background-position: center center;
background-repeat: repeat-x;
content: "";
top: 1px;
left: 0; }
.audioplayer .volume_static:after {
height: 10px;
width: 100%;
position: absolute;
content: "";
top: 0px;
left: 0; }
.audioplayer .total-time + .meta-artist-con {
margin-left: 5px; }
.audioplayer .volume_active {
left: 16px;
background: #ae1919;
background-position: center center;
background-repeat: repeat-x;
width: 24px;
height: 2px;
pointer-events: none;
transition-property: width;
transition-duration: 0.1s;
transition-timing-function: ease-out;
-moz-transition-property: width;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: width;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: width;
-o-transition-duration: 0.1s;
-o-transition-timing-function: ease-out;
-ms-transition-property: width;
-ms-transition-duration: 0.1s;
-ms-transition-timing-function: ease-out; }
.audioplayer .volume_cut {
display: none; }
.audioplayer .controls-volume.controls-volume-vertical {
line-height: 1; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder {
position: relative;
background-color: #333333;
display: block;
width: 20px;
height: 45px;
top: -65px;
left: -4px;
visibility: hidden;
opacity: 0;
transform: scale(0);
transition-property: all;
transition-duration: 0.25s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.25s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.25s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.25s;
-ms-transition-timing-function: ease-out; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder:after {
content: "";
height: 20px !important;
width: 100%;
position: absolute;
content: "";
top: 100%;
left: 0; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder .volume_static, .audioplayer .controls-volume.controls-volume-vertical .volume-holder .volume_active {
width: 2px;
height: 26px;
top: auto;
bottom: 2px;
transform: translate3d(0, 0, 0); }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder .volume_static {
position: relative;
bottom: -4px;
left: -1px;
display: block;
margin: 0 auto;
background-color: #444444; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder .volume_static:before {
display: none; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder .volume_active {
bottom: 9px;
left: 9px; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder:before {
content: "";
position: absolute;
left: 50%;
top: 100%;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333333;
margin-left: -5px; }
.audioplayer .controls-volume.controls-volume-vertical .volume-holder:after {
content: "";
position: absolute;
left: 0%;
top: 100%;
width: 100%;
height: 10px;
background-color: transparent; }
.audioplayer .controls-volume.controls-volume-vertical:hover .volume-holder {
visibility: visible;
opacity: 1;
transform: scale(1); }
.audioplayer .ap-controls-right {
float: right; }
.audioplayer .ap-controls-right:after {
content: "";
display: block;
clear: both; }
.audioplayer .con-controls .controls-volume {
position: relative; }
.audioplayer.disable-scrubbar .scrubbar {
display: none; }
.audioplayer.disable-volume .controls-volume {
display: none !important; }
.audioplayer .player-but {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
background-color: transparent;
vertical-align: middle;
margin-right: 5px; }
.audioplayer .player-but .the-icon-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #444444;
border-radius: 50%;
transform: translate3d(0%, 0%, 0) scale(1);
transform: translate3d(0%, 0%, 0) scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer .player-but svg.svg-icon {
width: 15px;
height: 15px; }
.audioplayer .player-but .svg-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer .player-but .svg-icon path {
fill: #444444; }
.audioplayer .player-but:hover .the-icon-bg {
transform: translate3d(0%, 0%, 0) scale(0.9);
-webkit-transform: translate3d(0%, 0%, 0) scale(0.9); }
.audioplayer .player-but:hover svg.svg-icon {
transform: translate3d(-50%, -50%, 0) scale(1.1);
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); }
.audioplayer.volume-dragging {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.audioplayer.meta-loaded .meta-artist-con, .audioplayer.meta-loaded .prev-btn, .audioplayer.meta-loaded .next-btn, .audioplayer.structure-setuped .meta-artist-con, .audioplayer.structure-setuped .prev-btn, .audioplayer.structure-setuped .next-btn {
opacity: 1;
visibility: visible; }
.audioplayer.transitioning-change-media {
overflow: hidden; }
.audioplayer.under-400 .meta-artist-con .the-artist {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden; }
.audioplayer.fullflashbackup .prev-btn {
top: auto;
background-image: url(img/skin_minion_arrowleft.png);
left: auto;
bottom: 1px;
right: 30px; }
.audioplayer.fullflashbackup .next-btn {
top: auto;
background-image: url(img/skin_minion_arrowright.png);
left: auto;
bottom: 1px;
right: 1px; }
.audioplayer:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.audioplayer.errored-out .audioplayer-inner {
opacity: 0.5; }
.audioplayer.errored-out .feedback-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 13px;
color: #222222;
background-color: #FFFFFF;
padding: 5px 10px; }
.audioplayer .item-tobe {
position: relative; }
.audioplayer .ap-controls .con-controls {
position: absolute; }
.audioplayer .ap-controls .con-playpause {
position: absolute;
cursor: pointer; }
.audioplayer .ap-controls .con-playpause .playbtn {
position: absolute;
top: 0;
left: 0; }
.audioplayer.under-400 .controls-volume {
display: none; }
.audioplayer.under-400 .comments-holder {
display: none !important; }
.audioplayer.under-400 .prev-btn {
display: none; }
.audioplayer.under-400 .next-btn {
display: none; }
.audioplayer.dzsap-loaded .prev-btn, .audioplayer.dzsap-loaded .next-btn, .audioplayer.dzsap-loaded .btn-menu-state, .audioplayer.dzsap-loaded .btn-embed-code {
/* [ER] [PATCH] from visible to hidden */
visibility: hidden; }
.audioplayer.skin-default .prev-btn, .audioplayer.skin-default .next-btn {
visibility: hidden; }
/* -- functional styling END */
/* -- estethic styling */
.audioplayer {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.audioplayer .audioplayer-inner {
position: relative; }
.audioplayer .audioplayer-inner .the-media {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none; }
.audioplayer .audioplayer-inner .the-thumb-con {
position: relative; }
.audioplayer .audioplayer-inner .the-thumb {
position: relative;
height: 120px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-color: #111111; }
.audioplayer.dzsap-loaded .meta-artist-con {
visibility: visible; }
.audioplayer .meta-artist {
width: auto; }
.audioplayer .ap-controls {
width: 100%;
height: 40px; }
.audioplayer .ap-controls .con-controls {
width: 100%;
height: 30px;
line-height: 100%; }
.audioplayer .ap-controls .con-playpause {
top: 10px;
left: 9px;
width: 10px;
height: 10px; }
.audioplayer .ap-controls .con-playpause .playbtn {
background-position: center center;
background-repeat: no-repeat;
width: 0px;
height: 0px;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: #aaaaaa;
border-width: 5px;
border-left-width: 10px; }
.audioplayer .ap-controls .con-playpause .pausebtn {
position: absolute;
top: 0;
left: 0;
height: 11px;
width: 11px; }
.audioplayer .ap-controls .con-playpause .pausebtn .pause-icon {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.audioplayer .ap-controls .con-playpause .pausebtn .pause-part-1, .audioplayer .ap-controls .con-playpause .pausebtn .pause-part-2 {
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: #aaaaaa;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer .ap-controls .con-playpause .pausebtn .pause-part-2 {
left: auto;
right: 0; }
.audioplayer .ap-controls .the-bg {
background-color: #111111; }
.audioplayer .ap-controls .scrubbar .scrub-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #aaaaaa; }
.audioplayer .ap-controls .scrubbar .scrubBox-hover {
position: absolute;
top: 0;
left: 0;
width: 1px;
visibility: hidden;
opacity: 0;
pointer-events: none;
height: 100%;
background: #ae1919;
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.dzsap-loaded .ap-controls .scrubbar:hover .scrubBox-hover {
visibility: visible;
opacity: 1; }
.audioplayer.skin-default .con-controls {
height: auto;
display: flex;
align-items: center;
line-height: 1;
padding: 8px 0; }
.audioplayer.skin-default .con-controls > * {
position: relative;
display: inline-block;
margin-right: 5px;
color: #ffffff; }
.audioplayer.skin-default .con-controls > .the-bg {
position: absolute;
display: block; }
.audioplayer.skin-default .ap-controls-right > * {
display: block; }
.audioplayer.skin-default .meta-artist {
display: flex;
align-items: center; }
.audioplayer.skin-default .meta-artist .the-artist, .audioplayer.skin-default .meta-artist .the-name {
display: inline-block;
vertical-align: middle; }
.audioplayer.skin-default .meta-artist .the-artist {
font-weight: bold;
font-size: 13px; }
.audioplayer.skin-default .meta-artist .the-artist + .the-name {
margin-left: 10px; }
.audioplayer.skin-default .con-controls .con-playpause {
display: inline-block;
position: relative;
top: 0;
left: 0;
vertical-align: middle;
margin-left: 15px; }
.audioplayer.skin-default .con-controls .meta-artist-con {
flex: 1000;
max-width: none; }
.audioplayer.skin-default .con-controls .ap-controls-right {
flex: 0 0 auto;
text-align: right; }
.audioplayer.skin-default .con-controls .curr-time {
display: inline-block;
position: relative;
left: 0px;
top: 0;
bottom: auto;
vertical-align: middle;
margin-left: 12px;
padding: 0; }
.audioplayer.skin-default .con-controls .total-time {
display: inline-block;
position: relative;
left: 0px;
top: 0px;
bottom: auto;
vertical-align: middle;
padding: 0;
margin-left: 5px;
margin-right: 15px; }
.audioplayer.skin-default .con-controls .controls-volume {
right: 0;
margin-right: 10px;
width: 45px;
bottom: auto; }
.audioplayer.skin-default .meta-artist-con {
left: 0;
display: inline-block;
text-overflow: ellipsis;
bottom: auto;
white-space: nowrap;
overflow: hidden; }
.hidden {
display: none; }
/* ==========SKIN-default styling END */
/* ==========SKIN-wave styling */
.audioplayer.skin-wave .ap-controls {
height: auto;
width: auto;
position: relative; }
.audioplayer.skin-wave .ap-controls .con-controls {
position: relative;
margin-top: 10px;
height: 45px; }
.audioplayer.skin-wave .ap-controls .scrubbar {
width: 100%;
height: 75px;
cursor: pointer;
position: relative;
opacity: 0;
transition-property: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg {
position: absolute;
top: 0%;
left: 0;
width: 100%;
height: 50px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: transparent; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg canvas.scrub-bg-img {
width: 100% !important;
image-rendering: crisp-edges; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 50px;
overflow: hidden;
background-color: transparent;
direction: ltr; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg-reflect {
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 15px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: transparent;
opacity: 0.5;
-webkit-transform: scaleY(-1);
transform: scaleY(-1); }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg-reflect img.scrub-bg-img-reflect {
height: 100%;
width: 100%;
max-width: none;
position: relative;
display: block; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog-reflect {
position: absolute;
top: 50px;
left: 0;
width: 0;
height: 15px;
overflow: hidden;
background-color: transparent;
direction: ltr; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog-reflect img.scrub-prog-img-reflect, .audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog-reflect .scrub-prog-canvas-reflect {
height: 100%;
width: 100%;
max-width: none;
opacity: 0.5;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
display: block; }
.audioplayer.skin-wave .ap-controls .con-playpause {
display: inline-block;
position: relative;
left: 0;
vertical-align: middle;
top: 0;
width: 45px;
height: 45px;
flex: 0 0 45px;
-webkit-tap-highlight-color: transparent;
margin-right: 15px; }
.audioplayer.skin-wave .ap-controls .con-playpause .playbtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: transparent;
border-width: 0px;
border-left-width: 0px;
position: relative;
background-color: #ed145b;
border-radius: 50%; }
.audioplayer.skin-wave .ap-controls .con-playpause .playbtn:before {
transform: scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .ap-controls .con-playpause .playbtn:hover:before {
transform: scale(0.9); }
.audioplayer.skin-wave .ap-controls .con-playpause .playbtn:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -5px;
content: " ";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #EEEEEE; }
.audioplayer.skin-wave .ap-controls .con-playpause .pausebtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-image: none;
background-color: #ed145b;
border-radius: 50%; }
.audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:before, .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -6px;
content: " ";
width: 4px;
height: 18px;
background-color: #EEEEEE;
transform: scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:after {
margin-left: 2px; }
.audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:hover:before, .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:hover:after {
transform: scale(0.8); }
.audioplayer.skin-wave .btn-zoomsounds {
position: relative; }
.audioplayer.skin-wave .volume_active {
background-color: #db4343; }
.audioplayer.skin-wave .meta-artist-con {
overflow-y: hidden;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
position: relative;
left: 0;
bottom: auto;
width: auto;
margin-right: 15px; }
.audioplayer.skin-wave .meta-artist {
font-size: 0; }
.audioplayer.skin-wave .meta-artist .the-artist {
margin-bottom: 0px;
color: #db4343;
width: 100%;
overflow: hidden;
position: relative;
display: block;
text-overflow: ellipsis;
font-size: 11px; }
.audioplayer.skin-wave .meta-artist .the-artist:after {
content: "";
display: block;
clear: both;
height: 0px; }
.audioplayer.skin-wave .meta-artist .the-name {
margin-top: 5px;
display: inline-block;
width: auto;
font-size: 16px;
color: #555555; }
.audioplayer.skin-wave .meta-artist .the-name > a {
color: #555555; }
.audioplayer.skin-wave .ap-controls:after {
content: "";
display: block;
clear: both; }
.audioplayer.skin-wave .curr-time, .audioplayer.skin-wave .total-time {
padding: 4px 7px;
font-size: 10px;
opacity: 0;
visibility: hidden; }
.audioplayer.skin-wave .curr-time, .audioplayer.skin-wave .total-time {
top: 38px; }
.audioplayer.skin-wave .curr-time {
background: rgba(0, 0, 0, 0.7);
color: #eee;
position: absolute;
bottom: auto; }
.audioplayer.skin-wave .pausebtn .pause-icon {
display: none; }
.audioplayer.skin-wave .pausebtn:after, .audioplayer.skin-wave .pausebtn:before {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .loading-svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
display: block;
opacity: 1;
visibility: visible;
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave.meta-loaded .pausebtn:after, .audioplayer.skin-wave.meta-loaded .pausebtn:before {
opacity: 1;
visibility: visible; }
.audioplayer.skin-wave.meta-loaded .loading-svg {
opacity: 0;
visibility: hidden; }
.audioplayer.skin-wave .total-time {
background: rgba(255, 255, 255, 0.7);
color: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: auto;
left: auto;
right: 0;
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .con-controls > * {
vertical-align: middle; }
.audioplayer.skin-wave .con-controls:after {
display: block;
content: "";
clear: both; }
.audioplayer.skin-wave .curr-time.static {
right: 40px;
top: 0;
bottom: auto; }
.audioplayer.skin-wave .total-time.static {
right: 0;
top: 0;
bottom: auto; }
.audioplayer.skin-wave .prev-btn, .audioplayer.skin-wave .next-btn {
background-color: #ed145b;
border-radius: 50%; }
.audioplayer.skin-wave .prev-btn > svg path, .audioplayer.skin-wave .next-btn > svg path {
fill: #FFF; }
.audioplayer.skin-wave .next-btn {
margin-right: 15px; }
.audioplayer.skin-wave .next-btn > svg {
margin-left: 2px; }
.audioplayer.skin-wave .next-btn path {
fill: #444444; }
.audioplayer.skin-wave .audioplayer-inner .the-thumb-con {
position: absolute;
width: 130px;
height: 130px;
margin-right: 20px; }
.audioplayer.skin-wave .audioplayer-inner .the-thumb-con ~ .ap-controls {
padding-left: 150px;
overflow: visible; }
.audioplayer.skin-wave .comments-holder {
display: block;
position: absolute;
height: 14px;
top: 51px;
visibility: hidden;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.1s;
transition-timing-function: ease-out;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.1s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.1s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .comments-holder .the-bg {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.audioplayer.skin-wave .comments-holder .dzstooltip-con {
position: absolute;
top: 0; }
.audioplayer.skin-wave .comments-holder .the-avatar {
width: 14px;
height: 14px;
background-color: #111;
background-position: center center;
background-size: contain; }
.audioplayer.skin-wave .comments-holder .the-comment-author {
color: #53c3e2; }
.audioplayer.skin-wave .comments-holder .placeholder .the-avatar {
box-shadow: 0 0 3px 0 white; }
.audioplayer.skin-wave .comments-holder.active {
visibility: visible; }
.audioplayer.skin-wave .controls-volume {
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 41px;
top: 0;
left: 0; }
.audioplayer.skin-wave .controls-volume {
margin-left: 10px; }
.audioplayer.skin-wave .controls-volume {
margin-left: 15px; }
.audioplayer.skin-wave .comments-writer {
padding-top: 10px;
max-width: 500px;
margin: 0 auto; }
.audioplayer.skin-wave .comments-writer .comments-writer-inner {
background: rgba(0, 0, 0, 0.4);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 15px;
position: relative; }
.audioplayer.skin-wave .comments-writer .comments-writer-inner:before {
content: "";
position: absolute;
left: 50%;
bottom: 100%;
margin-left: -5px;
opacity: 0;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(0, 0, 0, 0.4);
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .comments-writer input[type=text], .audioplayer.skin-wave .comments-writer textarea {
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.7);
border-radius: 0px;
color: #777;
display: inline-block;
font-size: 13px;
line-height: 18px;
margin-top: 9px;
margin-bottom: 9px;
padding: 5px 8px;
width: 100%;
resize: none;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.audioplayer.skin-wave .comments-writer input[type=text]:focus, .audioplayer.skin-wave .comments-writer textarea:focus {
border-color: rgba(219, 67, 67, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01) inset, 0 0 8px rgba(219, 67, 67, 0.1) inset;
outline: 0 none; }
.audioplayer.skin-wave .comments-writer .audioplayer.skin-wave .comments-writer textarea::-webkit-input-placeholder {
color: #777 !important;
opacity: 1; }
.audioplayer.skin-wave .comments-writer .audioplayer.skin-wave .comments-writer textarea::placeholder {
color: #777 !important;
opacity: 1; }
.audioplayer.skin-wave .comments-writer .audioplayer.skin-wave .comments-writer .comment-input:-webkit-input-placeholder {
color: #777 !important;
opacity: 1; }
.audioplayer.skin-wave .comments-writer .audioplayer.skin-wave .comments-writer ::-webkit-input-placeholder {
color: #777 !important;
opacity: 1; }
.audioplayer.skin-wave .comments-writer .audioplayer.skin-wave .comments-writer textarea::placeholder {
color: #777 !important;
opacity: 1; }
.audioplayer.skin-wave .comments-writer .float-right {
position: relative; }
.audioplayer.skin-wave .comments-writer .dzs-button {
border: 1px solid rgba(255, 255, 255, 0.3);
text-transform: uppercase;
padding: 8px 15px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
background-color: rgba(255, 255, 255, 0.7);
margin-top: 9px;
margin-bottom: 9px;
margin-left: 9px;
font-size: 11px;
font-weight: bold;
color: #777;
transition-property: background, color;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: background, color;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: background, color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: background, color;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: background, color;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .comments-writer .dzs-button:hover {
background-color: rgba(255, 255, 255, 0.5); }
.audioplayer.skin-wave .audioplayer-inner .the-thumb {
position: relative;
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #111111;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg .scrub-bg-img {
height: 100%;
width: 100%;
max-width: none;
position: relative;
transition-property: visibility, opacity, transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: visibility, opacity, transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: visibility, opacity, transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: visibility, opacity, transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: visibility, opacity, transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg-img.transitioning-in, .audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog-img.transitioning-in {
position: absolute;
top: 0px;
left: 0;
opacity: 0; }
.audioplayer.skin-wave.fast-animate-scrubbar .ap-controls .scrubbar {
transition-property: opacity;
transition-duration: 0.1s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.1s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.1s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave .comments-writer {
height: 0;
overflow: hidden;
position: relative;
margin-left: 0;
margin-right: 0;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: height;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: height;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .comments-writer.active .comments-writer-inner:before {
opacity: 1; }
.audioplayer.skin-wave .volume_static:before {
background: #4f4949; }
.audioplayer.skin-wave.skin-wave-wave-mode-canvas-mode-reflecto .scrubbar + .con-controls {
margin-top: 20px; }
.audioplayer.skin-wave.skin-wave-mode-nocontrols .scrubbar {
height: 150px; }
.audioplayer.skin-wave.skin-wave-mode-nocontrols .the-thumb-con, .audioplayer.skin-wave.skin-wave-mode-nocontrols .total-time, .audioplayer.skin-wave.skin-wave-mode-nocontrols .curr-time, .audioplayer.skin-wave.skin-wave-mode-nocontrols .con-controls {
display: none; }
.audioplayer.skin-wave.skin-wave-mode-nocontrols .ap-controls {
padding-left: 0; }
.audioplayer.skin-wave.skin-wave-mode-nocontrols .the-thumb-con ~ .ap-controls {
padding-left: 0; }
.audioplayer.skin-wave.disable-scrubbar {
/* -- disalbe comments if no scrubbar for skinw
*/ }
.audioplayer.skin-wave.disable-scrubbar .comments-holder, .audioplayer.skin-wave.disable-scrubbar .comments-writer {
display: none; }
.audioplayer.skin-wave.disable-scrubbar.skin-wave-mode-alternate.has-thumb .con-controls {
margin-bottom: 70px; }
.audioplayer.skin-wave[data-reflection-size="0.75"] .scrubbar {
transform-origin: left 75%; }
.audioplayer.skin-wave[data-reflection-size="0.75"] .scrub-bg, .audioplayer.skin-wave[data-reflection-size="0.75"] .scrub-prog {
transform-origin: left 75%; }
.audioplayer.skin-wave[data-reflection-size="0.75"] .scrub-bg > canvas, .audioplayer.skin-wave[data-reflection-size="0.75"] .scrub-prog > canvas {
transform-origin: left 75%; }
.audioplayer.skin-wave[data-reflection-size="0.75"] .scrubbar:after {
top: 75%; }
.audioplayer.skin-wave[data-reflection-size="0.5"] .scrubbar {
transform-origin: left 50%; }
.audioplayer.skin-wave[data-reflection-size="0.5"] .scrub-bg, .audioplayer.skin-wave[data-reflection-size="0.5"] .scrub-prog {
transform-origin: left 50%; }
.audioplayer.skin-wave[data-reflection-size="0.5"] .scrub-bg > canvas, .audioplayer.skin-wave[data-reflection-size="0.5"] .scrub-prog > canvas {
transform-origin: left 50%; }
.audioplayer.skin-wave[data-reflection-size="0.5"] .scrubbar:after {
top: 50%; }
.audioplayer.skin-wave[data-reflection-size="1"] .scrub-bg, .audioplayer.skin-wave[data-reflection-size="1"] .scrub-prog {
transform-origin: left 100%; }
.audioplayer.skin-wave[data-reflection-size="1"] .scrub-bg > canvas, .audioplayer.skin-wave[data-reflection-size="1"] .scrub-prog > canvas {
transform-origin: left 100%; }
.audioplayer.skin-wave:not(.skin-wave-is-spectrum) .scrub-bg {
transition-delay: 0.2s;
transform: scaleY(0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.skin-wave.skin-wave-is-spectrum .scrub-bg {
transform: scaleY(0);
transform-origin: left bottom;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.skin-wave.skin-wave-is-spectrum .scrub-bg > canvas {
transform-origin: left bottom; }
.skin-wave.skin-wave-is-spectrum.theme-light .scrubbar:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.22) 49%, rgba(255, 255, 255, 0.1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.skin-wave.skin-wave-is-spectrum .scrubbar:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.22) 49%, rgba(48, 48, 48, 0.1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.skin-wave.skin-wave-is-spectrum.is-playing .scrub-bg {
transform: scaleY(1); }
.audiogallery .btn-menu-state {
cursor: pointer; }
.audiogallery .btn-menu-state > svg > path {
transform: rotate(0deg) translate3d(0, 0, 0);
-moz-transform: rotate(0deg) translate3d(0, 0, 0);
transform-origin: top left;
opacity: 1;
transition-property: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audiogallery.menu-opened .btn-menu-state > svg > path:nth-of-type(1) {
transform: rotate(45deg) translate3d(2px, 0px, 0);
-moz-transform: rotate(45deg) translate3d(4px, -1px, 0); }
.audiogallery.menu-opened .btn-menu-state > svg > path:nth-of-type(2) {
opacity: 0; }
.audiogallery.menu-opened .btn-menu-state > svg > path:nth-of-type(3) {
transform: rotate(-45deg) translate3d(0px, 1px, 0);
-moz-transform: rotate(-45deg) translate3d(-8px, 0px, 0); }
html[dir=rtl] .audioplayer.skin-wave .audioplayer-inner .the-thumb-con {
margin-left: 20px;
margin-right: 0px; }
html[dir=rtl] .audioplayer.skin-wave .audioplayer-inner .the-thumb-con ~ .ap-controls {
padding-left: 0;
padding-right: 150px; }
/* skin-wave simple END */
.audioplayer.skin-wave.scrubbar-loaded .ap-controls .scrubbar {
opacity: 1; }
.audioplayer.skin-wave.scrubbar-loaded .comments-holder {
opacity: 1;
visibility: visible; }
.audioplayer.skin-wave.scrubbar-loaded .curr-time, .audioplayer.skin-wave.scrubbar-loaded .total-time {
opacity: 1;
visibility: visible; }
.audioplayer.skin-wave.scrubbar-loaded:not(.skin-wave-is-spectrum) .scrub-bg {
transform: scaleY(1); }
.audioplayer.skin-wave.alternate-responsive-layout.under-400.skin-wave-mode-normal .audioplayer-inner .the-thumb {
width: 100%; }
.audioplayer.skin-wave.alternate-responsive-layout.under-400.skin-wave-mode-normal .audioplayer-inner .the-thumb-con {
position: relative;
float: none;
margin: 0 auto;
text-align: center; }
.audioplayer.skin-wave.alternate-responsive-layout.under-400.skin-wave-mode-normal .audioplayer-inner .ap-controls {
width: 100%;
padding-left: 0; }
.audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .con-controls {
display: flex;
align-items: center;
width: 100%; }
.audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .meta-artist-con {
flex: 1000;
max-width: none; }
.audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .ap-controls-right {
float: none;
flex: 0 0 auto;
display: flex;
flex-direction: row-reverse;
align-items: center;
align-content: center; }
.audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .comments-writer {
position: absolute;
left: 50%;
top: 80px; }
.audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .con-controls, .audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .prev-btn, .audioplayer.skin-wave:not(.skin-wave-mode-small):not(.skin-wave-mode-nocontrols) .next-btn {
transition-property: margin;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: margin;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: margin;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: margin;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: margin;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave.comments-writer-active:not(.skin-wave-mode-small):not(.skin-wave-mode-alternate) .con-controls {
margin-top: 160px; }
.audioplayer.skin-wave.comments-writer-active:not(.skin-wave-mode-small):not(.skin-wave-mode-alternate) .prev-btn, .audioplayer.skin-wave.comments-writer-active:not(.skin-wave-mode-small):not(.skin-wave-mode-alternate) .next-btn {
margin-top: 150px; }
.audioplayer.skin-wave.meta-loaded .total-time {
opacity: 1; }
.audioplayer.skin-wave.under-720 .btn-embed-code {
display: none; }
.audioplayer.skin-wave.under-720 .meta-artist-con .the-artist {
display: block;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative; }
.audioplayer.skin-wave.under-720 .meta-artist-con .the-name {
display: block;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.btn-embed .copy-embed-code-btn {
position: absolute;
padding: 10px 13px;
line-height: 1;
font-size: 11px;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.8);
color: #444444;
right: 10px;
bottom: 10px;
cursor: pointer;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
z-index: 1; }
.audioplayer.skin-wave.skin-wave-mode-normal.under-720 .audioplayer-inner .the-thumb-con {
position: absolute;
float: none; }
.audioplayer.skin-wave.skin-wave-mode-normal.under-720 .audioplayer-inner .meta-artist-con {
max-width: calc(100% - 110px); }
.audioplayer.skin-wave.skin-wave-mode-normal.under-720 .audioplayer-inner .ap-controls {
overflow: visible; }
.audioplayer.has-thumb.skin-wave.skin-wave-mode-normal.under-720:not(.skin-wave-mode-nocontrols) .audioplayer-inner .ap-controls {
padding-left: 150px;
overflow: visible; }
.zoomsounds-wrapper-bg-center.is-playing {
padding: 100px 15px; }
.zoomsounds-wrapper-bg-center, .zoomsounds-wrapper-bg-bellow {
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 15px 15px;
transition-property: padding, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: padding, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: padding, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: padding, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: padding, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.zoomsounds-wrapper-bg-center > .zoomsounds-bg, .zoomsounds-wrapper-bg-bellow > .zoomsounds-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.zoomsounds-wrapper-bg-center > .zoomsounds-bg.loaded, .zoomsounds-wrapper-bg-bellow > .zoomsounds-bg.loaded {
opacity: 1; }
.zoomsounds-wrapper-bg-bellow {
max-width: 300px;
margin: 10px auto;
background-color: #444444;
padding: 100px 15px 0; }
.zoomsounds-wrapper-bg-bellow > .zoomsounds-bg:after {
content: "";
position: absolute;
width: 100%;
height: 70px;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.zoomsounds-wrapper-bg-bellow.skin-wave-mode-small .ap-controls .ap-controls-left:not(.ceva) {
position: static; }
.zoomsounds-wrapper-bg-bellow.skin-wave-mode-small .ap-controls .ap-controls-left:not(.ceva) .meta-artist-con {
position: absolute;
width: 100%;
max-width: none;
bottom: 100%;
display: block;
margin-bottom: 10px; }
.dzsap-wrapper-buts {
position: absolute;
top: 0;
left: 0; }
.dzsap-wrapper-but {
background-color: rgba(0, 0, 0, 0.45);
width: 35px;
height: 35px;
display: inline-block;
vertical-align: top;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
position: relative; }
.dzsap-wrapper-but > .the-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
display: block; }
.dzsap-wrapper-but > .the-icon svg {
width: 15px;
height: 15px; }
.dzsap-wrapper-but path {
fill: rgba(255, 255, 255, 0.7);
transition-property: fill;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: fill;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: fill;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: fill;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: fill;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzsap-wrapper-but.btn-like > .the-icon {
margin-top: 1px; }
.dzsap-wrapper-but:hover {
background-color: rgba(0, 0, 0, 0.7); }
.dzsap-wrapper-but:hover path {
fill: rgba(255, 255, 255, 0.9); }
html[dir=rtl] .audioplayer.skin-wave.skin-wave-mode-normal.under-720 .audioplayer-inner .the-thumb-con {
left: 0; }
.audioplayer.skin-wave.skin-wave-mode-normal.under-500 .audioplayer-inner .prev-btn, .audioplayer.skin-wave.skin-wave-mode-normal.under-500 .audioplayer-inner .next-btn {
position: absolute;
left: -60px; }
.audioplayer.skin-wave.skin-wave-mode-normal.under-500 .audioplayer-inner .next-btn {
left: -30px; }
.audioplayer.skin-wave.skin-wave-mode-normal.under-400.has-thumb:not(.skin-wave-mode-nocontrols) .audioplayer-inner .ap-controls {
padding-left: 60px; }
.audioplayer.skin-wave.under-400 .audioplayer-inner .the-thumb-con {
width: 50px;
height: 50px; }
.audioplayer.skin-wave.under-400 .audioplayer-inner .the-thumb {
width: 100%; }
.audioplayer.skin-wave.under-400.skin-wave-mode-alternate .audioplayer-inner .the-thumb-con {
top: 0; }
.audioplayer.skin-wave.fullflashbackup .prev-btn {
top: 155px;
left: 270px; }
.audioplayer.skin-wave.fullflashbackup .next-btn {
top: 155px;
left: 270px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .the-thumb-con {
width: 100px;
height: 100px; }
.audioplayer.skin-wave.skin-wave-mode-alternate.has-thumb .audioplayer-inner .ap-controls {
padding-left: 120px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .ap-controls {
padding-left: 110px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .con-controls {
position: relative;
margin-bottom: -2px;
margin-top: 5px;
white-space: nowrap; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .con-playpause {
position: relative; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .meta-artist-con {
position: relative;
overflow: hidden;
left: 0;
top: 0px;
max-width: none;
text-align: left; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .meta-artist-con .the-artist {
margin-top: 0; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .meta-artist-con .the-name {
display: block;
margin-bottom: 0;
margin-top: 3px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar {
height: 60px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .controls-volume {
float: right;
position: relative;
left: 0;
bottom: auto; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-bg, .audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-prog {
height: 70px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-bg {
position: relative; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-bg-reflect {
position: relative;
top: 0; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-prog-reflect {
top: 70px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .curr-time, .audioplayer.skin-wave.skin-wave-mode-alternate .ap-controls .total-time {
top: 55px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .comments-holder {
top: 120px; }
.audioplayer.skin-wave.skin-wave-mode-alternate .comments-writer {
position: relative;
left: 50%;
top: 0;
margin: 0; }
.audioplayer.skin-wave.button-aspect-noir .svg-icon path {
fill: #444444; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause {
width: 40px;
height: 40px;
border-radius: 50%; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .playbtn, .audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn {
background-color: transparent;
border: 0; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .playbtn .the-icon-bg, .audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn .the-icon-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #444444;
border-radius: 50%;
transform: translate3d(0%, 0%, 0) scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .playbtn svg.svg-icon, .audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn svg.svg-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
margin-left: 2px; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .playbtn:before, .audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn:before {
display: none; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause:hover .the-icon-bg {
transform: translate3d(0%, 0%, 0) scale(0.9); }
.audioplayer.skin-wave.button-aspect-noir .con-playpause:hover svg.svg-icon {
transform: translate3d(-50%, -50%, 0) scale(1.1); }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn .pause-icon {
display: block !important; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn .pause-icon .pause-part-1, .audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn .pause-icon .pause-part-2 {
display: none; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn .pause-icon .svg-icon {
margin-left: 0px; }
.audioplayer.skin-wave.button-aspect-noir .con-playpause .pausebtn:after {
display: none; }
.audioplayer.skin-wave.button-aspect-noir .next-btn, .audioplayer.skin-wave.button-aspect-noir .prev-btn {
background-color: transparent; }
.audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .playbtn .the-icon-bg, .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .pausebtn .the-icon-bg, .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but .the-icon-bg {
background-color: #444444; }
.audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled i.svg-icon {
color: #ffffff; }
.audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .svg-icon path {
fill: #fff; }
.audioplayer.theme-light .extra-html {
color: #ffffff; }
.audioplayer.skin-wave.theme-light .meta-artist .the-name {
color: #ffffff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.audioplayer.skin-wave.theme-light .meta-artist .the-name > a {
color: inherit; }
.audioplayer.skin-wave.theme-light .volumeicon {
background-color: #ffffff; }
.audioplayer.skin-wave.theme-light .volumeicon:before {
border-right-color: #ffffff; }
.audioplayer.skin-wave.theme-light.button-aspect-noir .con-playpause .playbtn .the-icon-bg, .audioplayer.skin-wave.theme-light.button-aspect-noir .con-playpause .pausebtn .the-icon-bg {
border-color: #ffffff; }
.audioplayer.skin-wave.theme-light.button-aspect-noir .svg-icon path {
fill: #ffffff; }
div.btn-embed-code-con {
position: relative;
top: auto; }
.audioplayer.skin-wave .ap-controls .the-bg {
background-color: transparent; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-bg .scrub-bg-div {
height: 100%;
width: 100%;
background: #aaa;
position: absolute;
top: 0;
left: 0; }
/* volume controls
*/
.audioplayer.skin-wave .volumeicon {
background: #4f4949; }
.audioplayer.skin-wave .volumeicon:before {
border-right-color: #4f4949; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog .scrub-prog-img {
height: 100%;
width: 100%;
max-width: none;
transition-property: opacity, visibilitytransform;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity, visibilitytransform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity, visibilitytransform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity, visibilitytransform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity, visibilitytransform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog .scrub-prog-div {
height: 100%;
width: 100%;
background: #ed145b;
position: absolute;
top: 0;
left: 0;
opacity: 0.3; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrubBox-hover {
height: 70%;
top: 15%;
background: #ed145b; }
.audioplayer.skin-wave-mode-small .audioplayer-inner {
height: 60px; }
.audioplayer.skin-wave-mode-small .audioplayer-inner .the-thumb-con {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 60px;
position: relative; }
.audioplayer.skin-wave-mode-small .meta-artist-con + .the-thumb-con {
margin-left: 20px; }
.audioplayer.skin-wave-mode-small .ap-controls {
overflow: visible;
width: 100%;
position: absolute;
left: 0;
top: 0;
line-height: 1;
display: flex;
flex-wrap: nowrap;
align-items: center; }
.audioplayer.skin-wave-mode-small .ap-controls .extra-dzsap-button {
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-left {
float: none;
position: relative;
flex: 1;
white-space: nowrap; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-left > * {
vertical-align: middle; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-right {
float: none;
flex: 1;
white-space: nowrap;
flex-wrap: nowrap;
display: flex;
align-items: center; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-right > .meta-artist-con:first-child {
margin-left: 20px; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-right > .meta-artist-con + .the-thumb-con {
margin-left: 0px; }
.audioplayer.skin-wave-mode-small .ap-controls .ap-controls-right > .the-thumb-con + .controls-volume {
margin-left: 0px; }
.audioplayer.skin-wave-mode-small .ap-controls .the-bg {
display: none; }
.audioplayer.skin-wave-mode-small .ap-controls .scrubbar {
flex: 20;
width: auto;
height: 60px;
top: 0;
left: 0; }
.audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrubBox-hover {
height: 60px;
top: 0; }
.audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-bg, .audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-prog {
height: 60px; }
.audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-bg-reflect, .audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-prog-reflect {
height: 20px;
top: 60px; }
.audioplayer.skin-wave-mode-small .ap-controls .con-playpause {
display: inline-block;
left: 0;
position: relative;
margin-left: 0px;
vertical-align: middle;
margin-right: 20px; }
.audioplayer.skin-wave-mode-small .ap-controls .con-playpause + .extra-dzsap-button {
margin-left: -10px; }
.audioplayer.skin-wave-mode-small .ap-controls .dzsap-repeat-button, .audioplayer.skin-wave-mode-small .ap-controls .dzsap-loop-button {
margin-right: 20px;
cursor: pointer; }
.audioplayer.skin-wave-mode-small .ap-controls .dzsap-repeat-button path, .audioplayer.skin-wave-mode-small .ap-controls .dzsap-loop-button path {
fill: #444; }
.audioplayer.skin-wave-mode-small .ap-controls .dzsap-loop-button:hover path, .audioplayer.skin-wave-mode-small .ap-controls .dzsap-loop-button.active path {
fill: #db4343; }
.audioplayer.skin-wave-mode-small .ap-controls .con-controls {
position: absolute;
left: 0;
top: 0;
margin-top: 0; }
.audioplayer.skin-wave-mode-small .ap-controls .btn-embed-code-con {
position: relative;
display: inline-block;
left: 0;
bottom: auto;
margin-left: 13px; }
.audioplayer.skin-wave-mode-small .ap-controls .controls-volume {
position: relative;
margin-left: 15px;
margin-right: 0px; }
.audioplayer.skin-wave-mode-small .meta-artist-con {
left: 0;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
max-width: none;
white-space: nowrap;
bottom: auto;
max-width: 110px;
overflow: visible; }
.audioplayer.skin-wave-mode-small .meta-artist-con .the-name {
width: auto;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden; }
.audioplayer.skin-wave-mode-small .curr-time, .audioplayer.skin-wave-mode-small .total-time {
top: 43px; }
.audioplayer.skin-wave-mode-small .comments-holder {
top: 60px; }
.audioplayer.skin-wave-mode-small .meta-artist-con {
visibility: visible; }
.audioplayer.skin-wave-mode-small .next-btn {
margin-left: 10px;
margin-right: 10px; }
.audioplayer.skin-wave-mode-small.under-500:not(.disable-scrubbar) .meta-artist-con {
display: none; }
.audioplayer.skin-wave-mode-small.disable-scrubbar .meta-artist-con {
max-width: none; }
.audioplayer.skin-wave.skin-wave-no-reflect .ap-controls .scrubbar .scrubBox-hover {
height: 100%;
top: 0; }
.audioplayer.skin-wave.skin-wave-no-reflect .ap-controls .scrubbar .scrub-bg, .audioplayer.skin-wave.skin-wave-no-reflect .ap-controls .scrubbar .scrub-prog {
height: 100%; }
.audioplayer.skin-wave.skin-wave-no-reflect .ap-controls .scrubbar .scrub-bg-reflect, .audioplayer.skin-wave.skin-wave-no-reflect .ap-controls .scrubbar .scrub-prog-reflect {
display: none; }
.audioplayer.skin-wave.skin-wave-no-reflect.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-bg, .audioplayer.skin-wave.skin-wave-no-reflect.skin-wave-mode-alternate .ap-controls .scrubbar .scrub-prog {
max-height: 100%; }
.audioplayer.skin-wave.skin-wave-mode-small.scrubbar-tweak-overflow-hidden-on .ap-controls .scrubbar, .audioplayer.skin-wave.skin-wave-mode-small.scrubbar-tweak-overflow-hidden-on .scrubbar .scrub-bg-img, .audioplayer.skin-wave.skin-wave-mode-small.scrubbar-tweak-overflow-hidden-on .scrubbar .scrub-prog-img {
overflow: visible;
transition-property: width, left, opacity, transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: width, left, opacity, transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: width, left, opacity, transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: width, left, opacity, transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: width, left, opacity, transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
/* ==========SKIN-wave-mode-small styling END */
/* ==========SKIN-minimal styling */
.audioplayer.skin-minimal .ap-controls {
height: 100px; }
.audioplayer.skin-minimal .ap-controls .the-bg {
background-color: transparent; }
.audioplayer.skin-minimal .ap-controls .con-playpause .playbtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: transparent;
border-width: 0px;
border-left-width: 0px;
background-size: cover; }
.audioplayer.skin-minimal .ap-controls .con-playpause.canvas-fallback .playbtn {
background-image: url(img/playbtn.png);
background-size: cover; }
.audioplayer.skin-minimal .ap-controls .con-playpause .playbtn-canvas, .audioplayer.skin-minimal .ap-controls .con-playpause .pausebtn-canvas {
width: 100%;
height: 100%; }
.audioplayer.skin-minimal .ap-controls .con-controls {
height: auto;
position: relative; }
.audioplayer.skin-minimal .ap-controls .con-playpause {
top: 0px;
left: 0px;
width: 100px;
height: 100px;
-webkit-tap-highlight-color: transparent;
position: relative; }
.audioplayer.skin-minimal .ap-controls .con-playpause .pausebtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: none;
border-width: 0px;
border-left-width: 0px;
background-size: cover; }
.audioplayer.skin-minimal .ap-controls .con-playpause.canvas-fallback .pausebtn {
background-image: url(img/pausebtn.png);
background-size: cover; }
.audioplayer.skin-minimal .ap-controls .con-playpause .pausebtn > div {
display: none; }
.audioplayer.skin-minimal .ap-controls .con-pausebtn .pausebtn-canvas {
width: 100%;
height: 100%; }
/* ==========SKIN-minimal styling ENDD */
/* ==========SKIN-minimal styling */
.audioplayer.skin-minion .ap-controls .the-bg {
background-color: transparent; }
.audioplayer.skin-minion .ap-controls .con-playpause .playbtn-canvas {
width: 100%;
height: 100%; }
.audioplayer.skin-minion .ap-controls {
height: 14px; }
.audioplayer.skin-minion .ap-controls .con-controls {
height: auto;
position: relative; }
.audioplayer.skin-minion .ap-controls .con-playpause {
top: 0px;
left: 0px;
width: 14px;
height: 14px;
-webkit-tap-highlight-color: transparent;
position: relative;
margin: 0 auto; }
.audioplayer.skin-minion .ap-controls .con-playpause .playbtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: none;
border-width: 0px;
border-left-width: 0px;
background-size: cover;
background-image: url(img/skin_minion_pausebtn.png); }
.audioplayer.skin-minion .ap-controls .con-playpause .pausebtn {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: " ";
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-left-color: none;
border-width: 0px;
border-left-width: 0px;
background-size: cover;
background-image: url(img/skin_minion_playbtn.png); }
.audioplayer.skin-minion .the-artist {
font-weight: bold;
display: inline-block;
margin-right: 5px; }
.audioplayer.skin-minion .prev-btn {
width: 14px;
height: 14px;
background-image: url(img/skin_minion_arrowleft.png);
transform: translateX(5px);
-webkit-transform: translateX(5px);
opacity: 0;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-minion .next-btn {
width: 14px;
height: 14px;
background-image: url(img/skin_minion_arrowright.png);
transform: translateX(-5px);
-webkit-transform: translateX(-5px);
opacity: 0;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-minion.is-playing .prev-btn, .audioplayer.skin-minion.is-playing .next-btn {
transform: translateX(0px);
-webkit-transform: translateX(0px);
opacity: 1; }
.audioplayer.skin-minion .ap-controls .con-playpause .pausebtn > div {
display: none; }
.audioplayer.skin-minion .ap-controls .con-pausebtn .pausebtn-canvas {
width: 100%;
height: 100%; }
/* ==========SKIN-minimal styling ENDD */
/* ==========SKIN-justthumbandbutton styling */
.audioplayer.skin-justthumbandbutton .audioplayer-inner {
position: relative;
top: 0;
left: 0;
width: 250px;
height: 250px;
margin: 0 auto; }
.audioplayer.skin-justthumbandbutton .the-thumb-con {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.audioplayer.skin-justthumbandbutton .the-thumb-con .the-thumb {
width: 100%;
height: 100%; }
.audioplayer.skin-justthumbandbutton .ap-controls {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.audioplayer.skin-justthumbandbutton .ap-controls .scrubbar {
position: absolute;
top: auto;
bottom: 0;
height: 10px;
z-index: 5; }
.audioplayer.skin-justthumbandbutton .ap-controls .scrubbar .scrub-bg {
background: rgba(0, 0, 0, 0.1); }
.audioplayer.skin-justthumbandbutton .ap-controls .con-controls {
width: 100%;
height: 100%; }
.audioplayer.skin-justthumbandbutton .ap-controls .con-controls .the-bg {
background: transparent; }
.audioplayer.skin-justthumbandbutton .con-playpause {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-left: -40px;
margin-top: -40px; }
.audioplayer.skin-justthumbandbutton .con-playpause .playbtn, .audioplayer.skin-justthumbandbutton .con-playpause .pausebtn {
width: 100%;
height: 100%;
background-image: url(img/skin-justthumbandbutton-playbtn.png);
background-size: cover;
background-position: center center;
border-left: 0;
border-right: 0;
opacity: 0;
visibility: hidden;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-justthumbandbutton .con-playpause .playbtn {
opacity: 0.9;
visibility: visible; }
.audioplayer.skin-justthumbandbutton .con-playpause .playbtn:hover {
opacity: 1; }
.audioplayer.skin-justthumbandbutton .con-playpause .pausebtn {
background-image: url(img/skin-justthumbandbutton-pausebtn.png); }
.audioplayer.skin-justthumbandbutton .con-playpause .pausebtn:hover {
opacity: 1; }
.audioplayer.skin-justthumbandbutton .con-playpause .pausebtn > * {
display: none; }
.audioplayer.is-playing:not(.design-animateplaypause) .pausebtn {
opacity: 1;
visibility: visible; }
.audioplayer.skin-justthumbandbutton .con-playpause .playbtn, .audioplayer.skin-justthumbandbutton .con-playpause .pausebtn {
opacity: 0; }
.audioplayer.skin-pro .audioplayer-inner {
height: 60px; }
.audioplayer.skin-pro .audioplayer-inner .the-thumb-con {
display: none; }
.audioplayer.skin-pro .prev-btn, .audioplayer.skin-pro .next-btn {
display: none; }
.audioplayer.skin-pro .meta-artist-con {
color: #000;
font-size: 16px;
bottom: auto;
top: 20px;
left: 58px;
pointer-events: none; }
.audioplayer.skin-pro .meta-artist-con > * {
display: inline-block;
vertical-align: middle; }
.audioplayer.skin-pro .the-artist {
font-weight: bold;
margin-right: 10px; }
.audioplayer.skin-pro .the-name {
font-weight: 300; }
.audioplayer.skin-pro .ap-controls, .audioplayer.skin-pro .ap-controls .con-controls {
height: 100%; }
.audioplayer.skin-pro .ap-controls .scrubbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.audioplayer.skin-pro .ap-controls .scrubbar .scrub-bg {
background-color: #ffffff; }
.audioplayer.skin-pro .ap-controls .scrubbar .scrub-prog {
background-color: rgba(138, 25, 25, 0.5); }
.audioplayer.skin-pro .ap-controls .con-playpause {
width: 20px;
height: 20px;
top: 20px;
left: 15px; }
.audioplayer.skin-pro .ap-controls .con-playpause .playbtn {
border-width: 0;
width: auto;
height: auto; }
.audioplayer.skin-pro .ap-controls .con-playpause .playbtn svg {
width: 20px;
height: 20px; }
.audioplayer.skin-pro .ap-controls .con-playpause .playbtn svg path {
fill: #444444; }
.audioplayer.skin-pro .ap-controls .con-playpause .pausebtn {
border-width: 0px;
border-left-width: 00px;
width: 20px;
height: 20px; }
.audioplayer.skin-pro .ap-controls .con-playpause .pausebtn .pause-part-1, .audioplayer.skin-pro .ap-controls .con-playpause .pausebtn .pause-part-2 {
display: none; }
.audioplayer.skin-pro .ap-controls .con-playpause .pausebtn .pause-icon {
left: -1px; }
.audioplayer.skin-pro .ap-controls .con-playpause .pausebtn svg {
width: 20px;
height: 20px; }
.audioplayer.skin-pro .ap-controls .con-playpause .pausebtn svg path {
fill: #444444; }
.audioplayer.skin-pro .ap-controls .con-controls {
position: static;
width: auto; }
.audioplayer.skin-pro .ap-controls .con-controls .the-bg {
background: transparent;
display: none; }
.audioplayer.skin-pro .ap-controls .curr-time, .audioplayer.skin-pro .ap-controls .total-time {
color: #000;
font-size: 16px;
top: 17px;
pointer-events: none; }
.audioplayer.skin-pro .ap-controls .curr-time {
opacity: 0.3; }
.audioplayer.skin-pro .ap-controls .controls-volume {
top: 25px;
bottom: auto;
right: 60px; }
.audioplayer.skin-pro .ap-controls .controls-volume .volumeicon {
background-color: #000000; }
.audioplayer.skin-pro .ap-controls .controls-volume .volumeicon:before {
border-right-color: #000000; }
.audioplayer.is-playing:not(.design-animateplaypause):not(.button-aspect-noir) .con-playpause .pausebtn {
visibility: visible;
opacity: 1; }
.audioplayer.is-playing:not(.design-animateplaypause):not(.button-aspect-noir) .con-playpause .playbtn {
visibility: hidden;
opacity: 0; }
.audioplayer.skin-aria {
text-align: left;
line-height: 1; }
.audioplayer.skin-aria .audioplayer-inner {
height: 100px; }
.audioplayer.skin-aria .audioplayer-inner > .the-thumb-con {
display: none; }
.audioplayer.skin-aria .controls-right {
display: none; }
.audioplayer.skin-aria .ap-controls {
height: 100%; }
.audioplayer.skin-aria .ap-controls > .the-bg {
display: none; }
.audioplayer.skin-aria .ap-controls .ap-controls-left {
width: 100px;
height: 100%;
position: relative;
background-color: #825d5b;
float: left;
border-radius: 5px 0 0 5px; }
.audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause {
width: 60px;
height: 60px;
margin-left: 0;
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
background-color: #a26b61;
border-radius: 50%; }
.audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause .playbtn {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -16px;
width: auto;
height: auto;
border: 0px solid #191d21; }
.audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause .playbtn path {
fill: #e1d9ca; }
.audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause .pausebtn {
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -16px;
width: auto;
height: auto;
border: 0px solid #191d21; }
.audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause .pausebtn path {
fill: #e1d9ca; }
.audioplayer.skin-aria .ap-controls .ap-controls-right {
float: none;
overflow: hidden;
background-color: #e1d9ca;
height: 100px;
border-radius: 0 3px 3px 0;
padding-top: 13px;
padding-left: 13px;
padding-right: 13px; }
.audioplayer.skin-aria .ap-controls .ap-controls-right > * {
float: none; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist {
overflow: hidden; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist-con {
position: relative;
top: 0;
left: 0;
color: #774b5e;
white-space: nowrap;
max-width: none; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist-con .the-artist {
font-size: 16px;
font-weight: bold; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist-con .the-artist:after {
content: "";
display: block;
clear: both;
height: 4px; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist-con .the-name {
font-size: 14px;
font-weight: 300; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .scrubbar {
margin-top: 8px;
height: 6px; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .scrubbar > .scrub-bg {
border-radius: 2px; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .scrubbar > .scrub-prog {
border-radius: 2px;
background-color: #ed145b; }
.audioplayer.skin-aria .ap-controls .ap-controls-right .total-time {
position: relative;
top: 0;
left: 0;
color: #774b5e;
padding: 0;
font-size: 14px;
margin-top: 8px; }
/* -- skin-redlights START */
.audioplayer.skin-redlights .audioplayer-inner {
height: 80px;
padding: 10px;
background-color: #e2e2e2;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-redlights .audioplayer-inner > .the-thumb-con {
display: none; }
.audioplayer.skin-redlights .volume_static:before {
display: none; }
.audioplayer.skin-redlights .ap-controls {
height: 100%; }
.audioplayer.skin-redlights .ap-controls .playbtn {
border-width: 12px;
border-left-width: 20px;
border-left-color: #FFFFFF;
transition-property: border, margin;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: border, margin;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: border, margin;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: border, margin;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: border, margin;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-redlights .ap-controls .playbtn:before {
content: "";
position: absolute;
top: 0;
background-color: #FFFFFF;
width: 0px;
height: 25px;
margin-top: -12px;
left: -19px;
transition-property: width, left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: width, left;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: width, left;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: width, left;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: width, left;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-redlights .ap-controls > .the-bg {
display: none; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left {
width: 60px;
height: 100%;
position: relative;
float: left;
margin-right: 10px; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause {
width: 60px;
height: 60px;
top: 0;
left: 0;
position: relative;
background-color: #222222;
transition-property: background;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .playbtn {
position: absolute;
top: 50%;
left: 50%;
margin-left: -9px;
margin-top: -13px;
width: auto;
height: auto; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .playbtn path {
fill: #fff; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .pausebtn {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -13px;
width: 20px;
height: 25px;
border: 0px solid #191d21; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .pausebtn path {
fill: #e1d9ca; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .pausebtn:before, .audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .pausebtn:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #222222;
transition-property: right, top, height, background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: right, top, height, background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: right, top, height, background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: right, top, height, background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: right, top, height, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause .pausebtn:after {
left: auto;
right: 7px;
top: 0%;
height: 50%; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause:hover {
background-color: #db4343; }
.audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:before, .audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #FFFFFF; }
.audioplayer.skin-redlights .ap-controls .controls-right {
float: right;
width: auto;
min-width: 40%;
text-align: right;
padding: 10px 10px 5px 0; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right {
float: none;
overflow: hidden;
background-color: transparent;
height: auto;
position: relative;
border-radius: 0 3px 3px 0;
padding-top: 8px;
padding-left: 13px;
padding-right: 13px; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right > * {
float: none; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .meta-artist {
overflow: hidden;
white-space: nowrap; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .meta-artist-con {
position: relative;
top: 0;
left: 0;
color: #774b5e;
white-space: nowrap;
max-width: 100%;
margin-bottom: 5px;
float: left; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .meta-artist-con .the-artist {
font-weight: bold;
display: inline-block;
font-family: "Lato", "Open Sans", sans-serif;
color: #222222;
font-size: 14px;
margin-right: 10px; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .meta-artist-con .the-name {
font-size: 14px;
font-weight: 300; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume {
width: 57px;
height: 12px;
position: absolute;
float: none;
bottom: auto;
left: auto;
right: 15px;
top: 14px; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_static {
width: auto;
height: auto;
background: transparent;
top: 0; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_static rect {
fill: #a9a9a9; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volumeicon, .audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_static, .audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_cut {
position: relative;
left: 0; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_active {
position: absolute;
height: auto;
background: transparent;
width: auto;
overflow: hidden;
top: 0;
left: 0; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_active rect {
fill: #222222; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volumeicon {
display: none; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .scrubbar {
margin-top: 7px;
height: 10px; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .scrubbar > .scrub-bg {
border-radius: 0px;
height: 10px;
background-color: #FFFFFF;
border: 1px solid #222222; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .scrubbar > .scrub-prog {
border-radius: 0px;
height: 6px;
top: 2px;
left: 2px;
max-width: calc(100% - 4px);
background-color: #222222; }
.audioplayer.skin-redlights .ap-controls .ap-controls-right .total-time {
position: relative;
top: 0;
left: 0;
color: #774b5e;
padding: 0;
font-size: 14px;
margin-top: 8px; }
.audioplayer.skin-aria.under-400 .meta-artist-con {
display: block; }
.audioplayer.skin-redlights.is-playing .audioplayer-inner .con-playpause {
background-color: #FFFFFF; }
.audioplayer.skin-redlights.is-playing .audioplayer-inner .con-playpause .playbtn {
border-left-width: 5px;
margin-left: -10px; }
.audioplayer.skin-redlights.is-playing .audioplayer-inner .con-playpause .playbtn:before {
width: 6px;
left: -5px; }
.audioplayer.skin-redlights.is-playing .audioplayer-inner .con-playpause .pausebtn:after {
left: auto;
right: 0px;
top: 0%;
height: 100%; }
.audioplayer.skin-redlights.under-400 .controls-right {
display: none; }
.audioplayer.skin-redlights.theme-dark .audioplayer-inner {
background-color: #3e3e3e; }
/* ==========SKIN-redlights styling ENDD */
/* -- skin-steel START */
.audioplayer.skin-steel {
width: auto; }
.audioplayer.skin-steel .audioplayer-inner {
display: inline-block;
width: auto;
height: auto;
background-color: transparent;
background-color: #dddddd;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-steel .audioplayer-inner .the-thumb-con {
display: inline-block; }
.audioplayer.skin-steel .audioplayer-inner .the-thumb {
height: 79px;
width: 80px;
background-size: cover; }
.audioplayer.skin-steel .ap-controls {
text-align: center;
width: auto;
height: 100%; }
.audioplayer.skin-steel .ap-controls .playbtn {
border: 0; }
.audioplayer.skin-steel .ap-controls .playbtn .play-icon {
border: solid transparent;
border-width: 12px;
border-left-width: 20px;
border-left-color: #FFFFFF; }
.audioplayer.skin-steel .ap-controls > .the-bg {
display: none; }
.audioplayer.skin-steel .ap-controls .ap-controls-left {
width: auto;
height: 100%;
position: relative;
white-space: nowrap;
display: inline-block;
vertical-align: middle; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn, .audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn {
width: 80px;
height: 80px;
background-color: #5A555A;
position: relative;
display: inline-block;
vertical-align: top; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn svg, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn svg {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn svg path, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn svg path {
fill: #444444; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn .svg1, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg1 {
margin-left: -4px;
width: 8px; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn .svg2, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg2 {
margin-left: 4px; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg1 {
width: auto; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg2 {
width: 8px; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover svg, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover svg {
margin-left: 0;
opacity: 0.8;
transform: translate(-50%, -50%) scale(1.3); }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn {
border-left: 1px solid rgba(255, 255, 255, 0.1); }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause {
top: 0;
left: 0;
position: relative;
background-color: #5A555A;
transition-property: background;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition-property: left, width;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: left, width;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: left, width;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: left, width;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: left, width;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear;
overflow: hidden; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn .play-icon {
position: absolute;
top: 50%;
left: 50%;
margin-left: -7px;
margin-top: -12px;
width: auto;
height: auto;
transition-property: border, margin;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: border, margin;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: border, margin;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: border, margin;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: border, margin;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn path {
fill: #fff; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -13px;
width: 20px;
height: 25px;
border: 0px solid #191d21; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn path {
fill: #e1d9ca; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:before, .audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
left: 0;
background-color: #ffffff;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:after {
left: auto;
right: 7px;
top: 0%;
height: 100%;
transition-property: right, top, height, background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: right, top, height, background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: right, top, height, background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: right, top, height, background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: right, top, height, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover, .audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover {
background-color: #db4343; }
.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:before, .audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:after, .audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover .pausebtn:before, .audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover .pausebtn:after, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover .pausebtn:before, .audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover .pausebtn:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #FFFFFF; }
.audioplayer.skin-steel .ap-controls .controls-right {
float: none;
display: inline-block;
width: auto;
min-width: 40%;
text-align: right;
padding: 10px 10px 5px 0; }
.audioplayer.skin-steel .ap-controls .ap-controls-right {
float: none;
display: inline-block;
overflow: hidden;
background-color: transparent;
height: auto;
vertical-align: middle;
position: relative;
border-radius: 0 3px 3px 0;
padding-top: 0px;
padding-left: 13px;
padding-right: 13px;
text-align: left;
margin-left: 10px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right > * {
float: none; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist {
overflow: hidden;
white-space: nowrap; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con {
position: relative;
top: 0;
left: 0;
white-space: nowrap;
max-width: none;
width: 160px;
margin-bottom: 3px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-artist {
font-weight: bold;
display: block;
font-family: "Lato", "Open Sans", sans-serif;
color: inherit;
margin-right: 10px;
margin-bottom: 4px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #222; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name {
font-size: 15px;
color: #db4343;
display: block;
margin-bottom: 5px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name a {
color: #db4343; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume {
width: 57px;
height: 12px;
position: absolute;
float: none;
bottom: auto;
left: auto;
right: 15px;
top: 14px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static {
width: auto;
height: auto;
background: transparent;
top: 0; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static rect {
fill: #a9a9a9; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volumeicon, .audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static, .audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_cut {
position: relative;
left: 0; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_active {
position: absolute;
height: auto;
background: transparent;
width: auto;
overflow: hidden;
top: 0;
left: 0; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_active rect {
fill: #222222; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volumeicon {
display: none; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar {
margin-top: 7px;
height: 10px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar > .scrub-bg {
border-radius: 0px;
height: 10px;
background-color: #FFFFFF;
border: 1px solid #222222; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar > .scrub-prog {
border-radius: 0px;
height: 6px;
top: 2px;
left: 2px;
max-width: calc(100% - 4px);
background-color: #222222; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .curr-time, .audioplayer.skin-steel .ap-controls .ap-controls-right .total-time {
position: relative;
display: inline-block;
color: inherit;
font-size: 14px;
top: 0;
bottom: auto;
padding: 0;
font-size: 10px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .separator-slash {
opacity: 0.2;
display: inline-block;
vertical-align: middle;
font-size: 16px; }
.audioplayer.skin-steel .ap-controls .ap-controls-right .curr-time {
padding-left: 2px;
opacity: 0.5; }
.audioplayer.skin-steel.curved-buttons .con-playpause {
border-radius: 50%; }
.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause {
background-color: #EEEEEE; }
.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .play-icon {
border-left-color: #222222; }
.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .pausebtn:before, .audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .pausebtn:after {
background-color: #222222; }
.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .play-icon {
border-left-color: #ffffff; }
.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .pausebtn:before, .audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .pausebtn:after {
background-color: #ffffff; }
.audioplayer.skin-aria.under-400 .meta-artist-con {
display: block; }
.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .playbtn {
width: 12%;
left: 40%; }
.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .playbtn .play-icon {
border-width: 14px;
border-left-width: 35px;
margin-left: -8px;
margin-top: -15px; }
.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .pausebtn:after {
right: 0; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .playbtn .play-icon {
border-width: 6px;
border-left-width: 10px;
margin-left: -4px;
margin-top: -6px; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn {
height: 12px;
margin-top: -6px;
margin-left: -11px; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:before, .audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:after {
width: 4px; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:before {
left: 3px; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:after {
right: 4px; }
.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:before, .audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:after {
width: 4px; }
.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn, .audioplayer.skin-steel.size-mini .ap-controls-left .con-playpause, .audioplayer.skin-steel.size-mini .ap-controls-left .next-btn {
width: 40px;
height: 40px; }
.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn .svg1 {
width: 5px;
margin-left: -3px; }
.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn .svg2 {
width: 7px; }
.audioplayer.skin-steel.size-mini .ap-controls-left .next-btn .svg2 {
width: 5px;
margin-left: 3px; }
.audioplayer.skin-steel.size-mini .ap-controls-left .next-btn .svg1 {
width: 7px; }
.audioplayer.skin-steel.size-mini .audioplayer-inner .the-thumb {
width: 40px;
height: 40px; }
.audioplayer.skin-steel.size-mini .ap-controls-right {
vertical-align: middle; }
.audioplayer.skin-steel.size-mini .ap-controls-right .meta-artist .the-artist:first-child {
margin-top: 3px;
margin-bottom: 2px; }
.audioplayer.skin-steel.size-mini .ap-controls-right .meta-artist-con .the-name {
margin-bottom: 0; }
.audioplayer.skin-steel.size-mini .ap-controls-right .curr-time, .audioplayer.skin-steel.size-mini .ap-controls-right .separator-slash, .audioplayer.skin-steel.size-mini .ap-controls-right .total-time {
display: none; }
.audioplayer.skin-steel.under-400 .controls-right {
display: none; }
.slider-clipper .audioplayer.skin-steel, .slider-clipper .audioplayer-tobe.skin-steel {
width: 100%; }
/* ==========SKIN-steel styling ENDD */
.extra-html {
margin-top: 15px;
font-size: 12px;
line-height: 100%;
opacity: 0;
visibility: hidden;
color: #555;
-webkit-transform: translateY(20px);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.extra-html i {
display: inline-block;
vertical-align: middle; }
.extra-html i + .the-number {
margin-left: 5px;
display: inline-block;
vertical-align: middle; }
.extra-html .float-left {
position: relative;
top: -3px; }
.extra-html .float-left.thumb-margin {
padding-left: 150px; }
.extra-html.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px); }
.extra-html:after {
display: block;
clear: both;
content: " "; }
.audioplayer > .extra-html-in-controls-left {
display: none; }
.audioplayer > .extra-html-in-controls-right {
display: none; }
.extra-html--left {
display: inline-block; }
.btn-zoomsounds {
padding: 7px 10px;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
margin-right: 5px;
font-weight: bold;
color: #222222;
text-decoration: none;
font-size: 13px;
cursor: pointer;
transition-property: color, background, border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: color, background, border;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: color, background, border;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: color, background, border;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: color, background, border;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.btn-zoomsounds:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #eaeaea;
border-radius: 4px;
transform: scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.btn-zoomsounds > * {
display: inline-block;
vertical-align: middle;
position: relative; }
.btn-zoomsounds > .the-icon {
margin-right: 6px; }
.btn-zoomsounds > .the-icon > svg {
display: block; }
.btn-zoomsounds > .the-icon > svg path, .btn-zoomsounds > .the-icon > svg polygon, .btn-zoomsounds > .the-icon > svg polyline {
fill: #444;
transition-property: fill;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: fill;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: fill;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: fill;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: fill;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.btn-zoomsounds .show-on-active {
display: none; }
html[dir=rtl] .extra-html i + .the-number {
margin-left: 0;
margin-right: 5px; }
html[dir=rtl] .btn-zoomsounds > .the-icon {
margin-right: 0;
margin-left: 6px; }
.btn-zoomsounds.btn-itunes {
color: #ffffff; }
.btn-zoomsounds.btn-itunes:before {
background-color: #4e7596; }
.btn-zoomsounds:hover:before {
transform: scale(0.93); }
.btn-zoomsounds.btn-like:hover .the-icon > svg path, .btn-zoomsounds.btn-like.active .the-icon > svg path {
fill: #db4343; }
.btn-zoomsounds.btn-like.active {
color: #aaaaaa; }
.btn-zoomsounds.active .hide-on-active {
display: none; }
.btn-zoomsounds.active .show-on-active {
display: inherit; }
a.btn-zoomsounds, span.btn-zoomsounds {
display: inline-block;
text-decoration: none; }
.audioplayer.skin-silver {
line-height: 1; }
.audioplayer.skin-silver a {
color: #e4c000; }
.audioplayer.skin-silver .audioplayer-inner {
height: 50px; }
.audioplayer.skin-silver .audioplayer-inner > .the-thumb-con {
display: none; }
.audioplayer.skin-silver .ap-controls {
height: 100%;
background-color: #ededed;
display: flex;
align-content: center;
align-items: center; }
.audioplayer.skin-silver .ap-controls > .the-bg {
display: none; }
.audioplayer.skin-silver .ap-controls > .con-controls > .the-bg {
background-color: #ededed; }
.audioplayer.skin-silver .ap-controls .ap-controls-left {
width: auto;
height: 100%;
position: relative;
float: left;
border-radius: 5px 0 0 5px; }
.audioplayer.skin-silver .ap-controls .ap-controls-left .con-playpause {
margin-left: 18px;
margin-right: 18px;
margin-top: 10px;
position: relative;
left: 0;
top: 0;
width: 15px;
height: 30px;
display: inline-block;
vertical-align: top; }
.audioplayer.skin-silver .ap-controls .ap-controls-left .con-playpause .playbtn {
width: auto;
height: auto;
border: 0px solid #191d21; }
.audioplayer.skin-silver .ap-controls .ap-controls-left .con-playpause .playbtn path {
fill: #222222; }
.audioplayer.skin-silver .ap-controls .ap-controls-left .con-playpause .pausebtn {
width: auto;
height: auto;
border: 0px solid #191d21; }
.audioplayer.skin-silver .ap-controls .ap-controls-left .con-playpause .pausebtn path {
fill: #222222; }
.audioplayer.skin-silver .ap-controls .scrubbar {
flex: 1000; }
.audioplayer.skin-silver .ap-controls .ap-controls-right {
flex: 0 0 auto;
float: none;
height: 100%;
display: flex;
align-items: center;
margin-right: 18px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con {
position: relative;
display: inline-block;
vertical-align: middle;
top: 0;
left: 0;
color: #111111;
white-space: nowrap;
line-height: 16px;
margin-top: 0px;
margin-left: 18px;
width: auto;
max-width: 190px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .meta-thumb {
display: inline-block; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .meta-artist {
display: inline-block;
vertical-align: middle; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-thumb-con {
display: inline-block;
width: 35px;
height: 35px;
vertical-align: middle;
margin-right: 10px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-thumb-con > .the-thumb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
border-radius: 5px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-artist {
font-size: 14px;
font-weight: bold;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: block; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-artist:after {
content: "";
display: block;
clear: both;
height: 4px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-name {
font-size: 12px;
font-weight: 300;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .controls-volume {
display: inline-block;
vertical-align: middle;
bottom: auto;
right: auto;
left: 0;
position: relative;
width: 10px;
margin-left: 18px; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .controls-volume .volumeicon {
position: relative;
background-color: #222222; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .controls-volume .volumeicon::before {
border-right-color: #222222; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .controls-volume .volume_active {
background-color: #e4c000; }
.audioplayer.skin-silver .ap-controls .ap-controls-right .total-time {
position: relative;
vertical-align: middle;
top: 0px;
left: 0;
color: #111111;
padding: 0;
font-size: 12px;
margin-top: 0px;
display: inline-block;
margin-left: 18px;
bottom: auto; }
.audioplayer.skin-silver .ap-controls .curr-time {
position: relative;
vertical-align: top;
top: 0;
left: 0;
color: #111111;
padding: 0;
font-size: 12px;
margin-top: 19px;
display: inline-block;
margin-right: 18px;
bottom: auto; }
.audioplayer.skin-silver .ap-controls .scrubbar {
width: auto;
height: 12px;
position: relative;
overflow: hidden; }
.audioplayer.skin-silver .ap-controls .scrubbar > .scrub-bg, .audioplayer.skin-silver .ap-controls .scrubbar > .scrub-prog {
height: 3px;
position: absolute;
top: 50%;
margin-top: -1px; }
.audioplayer.skin-silver .ap-controls .scrubbar > .scrub-prog {
background-color: #e4c000; }
.audioplayer.skin-silver.theme-dark .ap-controls {
background-color: #444343; }
.audioplayer.skin-silver.theme-dark .ap-controls .ap-controls-left .con-playpause .playbtn path, .audioplayer.skin-silver.theme-dark .ap-controls .ap-controls-left .con-playpause .pausebtn path {
fill: #ffffff; }
.audioplayer.skin-silver.theme-dark .ap-controls, .audioplayer.skin-silver.theme-dark .ap-controls .curr-time, .audioplayer.skin-silver.theme-dark .ap-controls .total-time, .audioplayer.skin-silver.theme-dark .ap-controls .the-artist, .audioplayer.skin-silver.theme-dark .ap-controls .the-artist > a {
color: #dddddd; }
.audioplayer.skin-silver.theme-dark .ap-controls .ap-controls-right .controls-volume .volumeicon {
background-color: #ffffff; }
.audioplayer.skin-silver.theme-dark .ap-controls .ap-controls-right .controls-volume .volumeicon::before {
border-right-color: #ffffff; }
.audioplayer.skin-silver.scrubbar-tweak-overflow-hidden-on .ap-controls .scrubbar {
overflow: visible;
transition-property: width, left, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: width, left, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: width, left, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: width, left, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: width, left, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-aria.under-400 .meta-artist-con {
display: block; }
.position-relative {
position: relative; }
.play-button-simple-svg {
position: absolute;
top: 0;
left: 0; }
.audioplayer.skin-customcontrols {
position: static; }
.audioplayer.skin-customcontrols .custom-play-btn, .audioplayer.skin-customcontrols .custom-pause-btn {
cursor: pointer;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-customcontrols .custom-play-btn {
opacity: 1;
visibility: visible; }
.audioplayer.skin-customcontrols .custom-pause-btn {
opacity: 0;
visibility: hidden; }
.audioplayer.skin-customcontrols .meta-artist-con {
display: none; }
.audioplayer.skin-customcontrols .feed {
display: none; }
.audioplayer.skin-customcontrols.is-playing .custom-pause-btn {
opacity: 1;
visibility: visible; }
.audioplayer.skin-customcontrols.is-playing .custom-play-btn {
opacity: 0;
visibility: hidden; }
/* ==========SKIN-justthumbandbutton styling ENDD */
/*===========
=================================
===========
======================
Audio Gallery
=================================
*/
.zoomsounds-nav {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
opacity: 0;
width: 100%;
overflow: hidden; }
.zoomsounds-nav .menu-item {
position: relative;
cursor: pointer;
padding-right: 90px; }
.zoomsounds-nav .menu-item .menu-item-thumb-con {
width: 25px;
height: 25px; }
.zoomsounds-nav .menu-item .menu-item-thumb-con .menu-item-thumb {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center; }
.zoomsounds-nav .menu-item:after {
content: " ";
clear: both;
display: block; }
.zoomsounds-nav .menu-item:last-child {
border-bottom-width: 0px; }
.zoomsounds-nav .menu-item:last-child:before {
display: none; }
.zoomsounds-nav.skin-wave .menu-item .the-artist {
font-size: 15px;
position: absolute;
right: 5px;
top: 14px;
max-width: 70%; }
.zoomsounds-nav.skin-wave .menu-item .the-name {
font-size: 13px;
position: absolute;
right: 5px;
top: 37px; }
.zoomsounds-nav.skin-wave .menu-item .menu-item-thumb-con {
width: 50px;
height: 50px;
margin: 10px;
float: left; }
.zoomsounds-nav.skin-wave .menu-item .menu-item-thumb-con .menu-item-thumb {
border-radius: 50% 50%;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
.zoomsounds-nav.skin-wave .menu-item:before {
content: " ";
width: 100%;
height: 1px;
position: absolute;
top: 100%;
opacity: 0.2;
background: -moz-linear-gradient(left, rgba(180, 179, 177, 0) 0%, #b4b3b1 20%, #b4b3b1 21%, #b5b4b1 80%, #b5b4b1 81%, rgba(181, 180, 177, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(180, 179, 177, 0)), color-stop(20%, #b4b3b1), color-stop(21%, #b4b3b1), color-stop(80%, #b5b4b1), color-stop(81%, #b5b4b1), color-stop(100%, rgba(181, 180, 177, 0)));
background: -webkit-linear-gradient(left, rgba(180, 179, 177, 0) 0%, #b4b3b1 20%, #b4b3b1 21%, #b5b4b1 80%, #b5b4b1 81%, rgba(181, 180, 177, 0) 100%);
background: -o-linear-gradient(left, rgba(180, 179, 177, 0) 0%, #b4b3b1 20%, #b4b3b1 21%, #b5b4b1 80%, #b5b4b1 81%, rgba(181, 180, 177, 0) 100%);
background: -ms-linear-gradient(left, rgba(180, 179, 177, 0) 0%, #b4b3b1 20%, #b4b3b1 21%, #b5b4b1 80%, #b5b4b1 81%, rgba(181, 180, 177, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 20%, #ffffff 21%, #ffffff 80%, #ffffff 81%, rgba(255, 255, 255, 0) 100%); }
.zoomsounds-nav.skin-wave .menu-item.no-thumb {
position: relative;
padding-right: 0;
text-align: right;
margin-bottom: 10px; }
.zoomsounds-nav.skin-wave .menu-item.no-thumb span.the-name {
position: relative;
top: 0; }
.zoomsounds-nav.skin-wave .menu-item.no-thumb .the-artist {
position: static;
float: left; }
.zoomsounds-nav.skin-default .menu-item {
padding: 10px;
background-color: #444444;
color: #dddddd;
transition-property: background;
transition-duration: 0.5s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.5s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.5s;
-ms-transition-timing-function: ease-out; }
.zoomsounds-nav.skin-default .menu-item .menu-item-thumb-con {
float: left;
margin-right: 10px; }
.zoomsounds-nav.skin-default .menu-item .the-artist {
float: left;
display: block;
position: relative;
top: 2px;
margin-right: 10px; }
.zoomsounds-nav.skin-default .menu-item .the-name {
float: left;
display: block;
position: relative;
top: 2px;
margin-right: 10px;
opacity: 0.5; }
.zoomsounds-nav.skin-default .menu-item .float-right > a {
display: inline-block;
vertical-align: top;
font-size: 0; }
.zoomsounds-nav.skin-default .menu-item:nth-child(odd) {
background-color: #3d3d3d; }
.zoomsounds-nav.skin-default .menu-item.active {
background-color: #222222; }
.zoomsounds-nav.skin-aura .menu-item {
padding: 10px;
background-color: transparent;
color: #222;
line-height: 1;
max-width: 100%;
text-overflow: ellipsis;
opacity: 0.65;
display: flex;
align-items: center;
align-content: center;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.zoomsounds-nav.skin-aura .menu-item .menu-item-number {
flex: 0 0 auto;
margin-right: 10px;
font-style: italic; }
.zoomsounds-nav.skin-aura .menu-item .menu-item-thumb-con {
flex: 0 0 auto;
margin-right: 10px; }
.zoomsounds-nav.skin-aura .menu-item .menu-artist-info {
flex: 100; }
.zoomsounds-nav.skin-aura .menu-item .menu-item-views {
position: absolute;
top: 50%;
right: 10px;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
transform: translate3d(0, -50%, 0); }
.zoomsounds-nav.skin-aura .menu-item .float-right {
flex: 0 0 auto;
text-align: right;
float: none;
margin-left: 15px;
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.zoomsounds-nav.skin-aura .menu-item .the-artist {
display: inline-block;
position: relative;
vertical-align: middle;
margin-right: 10px;
font-weight: bold; }
.zoomsounds-nav.skin-aura .menu-item .the-name {
float: none;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
opacity: 0.5;
font-weight: bold; }
.zoomsounds-nav.skin-aura .menu-item .float-right > a {
display: inline-block;
vertical-align: top;
font-size: 0; }
.zoomsounds-nav.skin-aura .menu-item.has-extra-info:hover .menu-item-views {
opacity: 0; }
.zoomsounds-nav.skin-aura .menu-item.has-extra-info:hover .float-right {
opacity: 1; }
.zoomsounds-nav.skin-aura .menu-item.active {
opacity: 1; }
.zoomsounds-nav.skin-aura .menu-item:last-child {
border-bottom: 0; }
.menu-btn-like {
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.menu-btn-like:hover, .menu-btn-like.active {
background-color: #da635d; }
.btn-zoomsounds-menu {
border: 1px solid #444444;
background-color: #444444;
border-radius: 3px;
width: 25px;
height: 25px;
margin-left: 5px;
font-size: 11px !important;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
transform: scale(1) translate3d(0, 0, 0);
transition-property: transform, background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: transform, background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: transform, background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: transform, background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: transform, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.btn-zoomsounds-menu > i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); }
.btn-zoomsounds-menu, .btn-zoomsounds-menu:hover {
text-decoration: none;
color: #ffffff; }
.btn-zoomsounds-menu:hover {
transform: scale(0.95) translate3d(0, 0, 0); }
.menu-item-views {
margin-left: 5px; }
.menu-item-views > * {
display: inline-block;
vertical-align: middle;
line-height: 1; }
.audiogallery {
position: relative; }
.audiogallery .slider-main .slider-clipper {
width: 100%;
height: 100%;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: height;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: height;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audiogallery .slider-main .slider-clipper > .audioplayer {
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: linear;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-o-transition-property: opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear;
-ms-transition-property: opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: linear; }
.audiogallery .slider-main .slider-clipper > .audioplayer.active {
opacity: 1; }
.audiogallery .slider-main .slider-clipper > .audioplayer, .audiogallery .slider-main .slider-clipper .audioplayer-tobe {
display: none;
position: absolute;
top: 0; }
.audiogallery .slider-main .slider-clipper > .audioplayer.transitioning-in, .audiogallery .slider-main .slider-clipper > .audioplayer.transitioning-out, .audiogallery .slider-main .slider-clipper > .audioplayer-tobe.transitioning-out, .audiogallery .slider-main .slider-clipper > .audioplayer-tobe.transitioning-in, .audiogallery .slider-main .slider-clipper > .audioplayer.active {
display: block; }
.audiogallery .slider-main .slider-clipper > .audioplayer.active {
position: relative; }
.audiogallery.menu-position-bottom .nav-main {
margin-top: 25px; }
.audiogallery.menu-position-top .nav-main {
margin-bottom: 25px; }
.audiogallery.mode-showall .slider-main .slider-clipper > .audioplayer {
display: block;
position: relative; }
.divimage {
background-size: cover;
background-position: center center; }
.audiogallery.dzsag-loaded .nav-main {
opacity: 1; }
.audiogallery-con {
position: relative; }
.audiogallery-con .gallery-thumb {
position: absolute;
top: 0;
width: 130px;
height: 130px; }
.audiogallery-con .gallery-thumb + .audiogallery {
padding-left: 150px; }
.button-buy {
font-size: 12px;
padding: 4px 7px;
border-radius: 5px;
display: inline-block;
background-color: #a5617f;
color: #ffffff;
vertical-align: top;
cursor: pointer;
margin-bottom: 5px; }
a.button-buy {
text-decoration: none;
color: #FFFFFF;
opacity: .9; }
a.button-buy:hover {
color: #ffffff;
opacity: 1; }
.audiogallery.skin-default.menu-position-bottom .nav-main {
margin-top: 10px; }
.audiogallery.skin-default.menu-position-top .nav-main {
margin-bottom: 10px; }
.audioplayer.center-custom-buttons .play-button-con {
background-color: #222222;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
opacity: 0.3; }
.audioplayer.center-custom-buttons .play-button-con > i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
color: #ffffff; }
.center-ap-inside > .audioplayer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); }
.audiogallery.mode-showall .nav-main {
display: none; }
.audiogallery.mode-showall .slider-clipper {
height: auto !important; }
.audiogallery.mode-showall .number-wrapper {
float: right;
width: 40px; }
.audiogallery.mode-showall.dzsag-loaded .slider-main .slider-clipper > .audioplayer {
opacity: 1; }
.audiogallery.mode-showall.skin-redlights .audioplayer {
margin-bottom: 1px; }
.audiogallery.mode-showall.skin-redlights .number-wrapper {
height: 80px;
background-color: #d6d6d6;
position: relative; }
.audiogallery.mode-showall.skin-redlights .number-wrapper > .the-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 20px;
font-family: "Lato",sans-serif;
font-weight: 900;
font-style: italic; }
.audiogallery.mode-showall.skin-redlights .audioplayer.skin-redlights {
overflow: hidden;
width: auto; }
.audiogallery.mode-showall.skin-redlights .audioplayer.skin-redlights:nth-child(odd) .audioplayer-inner {
background-color: #d7d7d7; }
.audiogallery.mode-showall.skin-redlights .slider-clipper > .number-wrapper:nth-child(even) {
background-color: #CCCCCC; }
.audiogallery *[class*=audioplayer] .menu-description {
display: none; }
.audiogallery .audioplayer-tobe {
display: none; }
.audiogallery .slider-main {
position: relative; }
.audiogallery .nav-main .nav-clipper {
position: relative; }
.audiogallery .nav-main .download-button {
position: relative;
float: right;
margin-top: 10px;
margin-right: 10px; }
.audiogallery .nav-main .download-after-rate {
opacity: 0.5; }
.audiogallery .nav-main .download-after-rate.active {
opacity: 1; }
.float-left {
float: left; }
.skin-simple {
background-color: transparent;
color: #222222;
float: left;
margin-right: 12px;
cursor: pointer;
border-radius: 0;
font-size: 18px;
padding: 2px 2px;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: color;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.skin-simple > i {
display: inline-block;
font-size: 18px;
margin-right: 7px; }
.skin-simple.active, .skin-simple:hover {
color: #ae1919;
text-decoration: none; }
.star-rating-con {
float: left;
cursor: pointer;
margin-left: 15px;
position: relative; }
.star-rating-con .star-rating-bg {
width: 122px;
height: 24px;
background-size: cover;
background-image: url(img/5stars.png);
background-repeat: no-repeat;
background-position: center center; }
.star-rating-con .star-rating-set-clip {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 0;
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease-out; }
.star-rating-con .star-rating-set-clip .star-rating-prog {
width: 122px;
height: 24px;
background-size: cover;
background-image: url(img/5stars-overlay.png);
background-repeat: no-repeat;
background-position: center center; }
.star-rating-con .star-rating-prog-clip {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 0; }
.star-rating-con .star-rating-prog-clip .star-rating-prog {
width: 122px;
height: 24px;
background-size: cover;
background-image: url(img/5stars-overlay.png);
background-repeat: no-repeat;
background-position: center center; }
.counter-hits {
float: right;
margin-right: 15px; }
.counter-likes {
float: right;
margin-right: 15px; }
.counter-rates {
float: right;
margin-right: 15px; }
.counter-likes .the-number, .counter-hits .the-number, .counter-rates .the-number {
font-size: 13px; }
.overflow-it {
overflow: hidden; }
.float-right {
float: right; }
object {
outline: 0; }
.clear {
clear: both; }
.file-icon {
color: #eee;
font-size: 15px;
position: relative; }
.file-icon > a {
color: #eee;
text-decoration: none; }
.file-icon:after {
content: " ";
display: block;
clear: both; }
.file-icon .header-clip {
opacity: 0.5;
width: 15px;
height: 15px;
float: right;
display: block;
position: relative;
overflow: hidden; }
.file-icon .header-triangle {
position: absolute;
top: 0px;
left: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 0 7.5px 15.0px;
border-color: transparent transparent transparent #db4343; }
.file-icon .header-bg {
background: #db4343;
overflow: hidden;
height: 15px;
display: block; }
.file-icon .file-icon-inner {
background: #db4343;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 3px solid #d72e2e; }
.dzsap-sticktobottom-placeholder {
height: 0px;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: height;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: height;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzsap-sticktobottom-placeholder.dzsap-sticktobottom-placeholder-for-skin-silver.active {
height: 50px; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave {
height: auto; }
.dzsap-sticktobottom-placeholder.dzsap-sticktobottom-placeholder-for-skin-wave {
height: 80px; }
.dzsap-sticktobottom-placeholder.dzsap-sticktobottom-placeholder-for-skin-wave.active {
height: 100px; }
.dzsap-sticktobottom {
height: 100px;
display: block;
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 10px 10px;
background: #fff;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
z-index: 5;
opacity: 0;
transition-property: bottom, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: bottom, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: bottom, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: bottom, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: bottom, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzsap-sticktobottom.inited {
opacity: 1; }
.dzsap-sticktobottom .feedback-text {
display: none; }
.dzsap-sticktobottom .sticktobottom-close-con {
position: absolute;
right: 30px;
bottom: 100%;
width: 50px;
height: 40px;
background-color: #eee;
opacity: 0;
visibility: hidden;
cursor: pointer;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
border-radius: 7px 7px 0 0;
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzsap-sticktobottom .sticktobottom-close-con .svg-icon {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzsap-sticktobottom .sticktobottom-close-con .icon-show {
opacity: 0;
visibility: hidden; }
.dzsap-sticktobottom.audioplayer-loaded .sticktobottom-close-con {
opacity: 1;
visibility: visible; }
.dzsap-sticktobottom.audioplayer-was-loaded .sticktobottom-close-con {
opacity: 1;
visibility: visible; }
.dzsap-sticktobottom.audioplayer-was-loaded .sticktobottom-close-con .icon-hide {
opacity: 0;
visibility: hidden; }
.dzsap-sticktobottom.audioplayer-was-loaded .sticktobottom-close-con .icon-show {
opacity: 1;
visibility: visible; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver {
padding: 0;
height: 50px;
bottom: -100%;
background-color: #fafafa; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver .audioplayer {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver .audioplayer.skin-silver .ap-controls {
background-color: transparent; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave {
bottom: -120px; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave > .audioplayer {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave.dzsap-sticktobottom-for-skin-wave--mode-, .dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave.dzsap-sticktobottom-for-skin-wave--mode-normal {
bottom: -150px; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave.dzsap-sticktobottom-for-skin-wave--mode-normal.active {
height: 150px; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave.dzsap-sticktobottom-for-skin-wave--mode-alternate.active {
height: 130px; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver.audioplayer-loaded {
bottom: 0; }
body *.dzsap-sticktobottom.audioplayer-loaded:not(.enforcer):not(.enforcer2) {
bottom: 0; }
.float-right {
float: right; }
.misc-icon-itunes, .misc-icon-soundcloud, .misc-icon-youtube {
background-image: url(img/icon_itunes.svg);
width: 25px;
height: 25px;
display: inline-block;
margin-left: 5px;
background-size: cover; }
.misc-icon-soundcloud {
background-image: url(img/icon_soundcloud.svg); }
.misc-icon-youtube {
background-image: url(img/icon_youtube.svg); }
.audioplayer-song-changer .meta-artist {
display: none; }
/*
dzs tooltips
arrow-top,
arrow-bottom
-- align-left
-- align-center (js)
-- align-top
arrow-left,
arrow-right
-- align-top
-- align-center (js)
-- align-bottom
custom css3 effects
*see about custom animation
*/
.dzstooltip-con {
position: relative;
cursor: pointer; }
.dzstooltip {
display: inline-block;
position: absolute;
cursor: auto;
visibility: hidden;
opacity: 0;
transition-property: visibility, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: visibility, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: visibility, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: visibility, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: visibility, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 100%;
left: -5px;
font-size: 12px;
line-height: 150%;
margin-bottom: 10px;
background-color: rgba(20, 20, 20, 0.9);
color: #eeeeee;
padding: 10px 15px;
width: 600px; }
.dzstooltip.arrow-from-start {
left: -10px; }
.dzstooltip.arrow-from-start.arrow-bottom:before {
left: 10px; }
.dzstooltip.transition-slidein {
transform: translate3d(0, -5px, 0);
-webkit-transform: translate3d(0, -5px, 0);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.dzstooltip.width-auto {
width: auto; }
.dzstooltip.arrow-bottom:before {
content: "";
position: absolute;
top: 100%;
left: 15px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(20, 20, 20, 0.9); }
/* - aux padder */
.dzstooltip.arrow-bottom:after {
content: "";
position: absolute;
top: 100%;
left: 10px;
width: 50px;
height: 10px; }
/* -- set throught javascript */
.dzstooltip.align-center.arrow-bottom:before {
left: 50%;
margin-left: -4px; }
/* - aux padder */
.dzstooltip.align-center.arrow-bottom:after {
left: 50%;
margin-left: -25px; }
.dzstooltip.align-right {
left: auto;
right: -5px; }
.dzstooltip.align-right.arrow-bottom:before {
left: auto;
right: 8px;
margin-left: 0; }
/* - aux padder */
.dzstooltip.align-right.arrow-bottom:after {
left: 100%;
margin-left: -25px; }
.dzstooltip.no-arrow:before {
display: none; }
.dzstooltip-con:not(.for-click):hover > .dzstooltip, .dzstooltip.active {
visibility: visible;
opacity: 1;
z-index: 53;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0); }
.dzstooltip.skin-black {
background: rgba(0, 0, 0, 0.85);
border: 1px solid rgba(0, 0, 0, 0.5);
color: #eeeeee;
border-radius: 3px;
font-size: 0.9rem;
line-height: 1.5rem; }
/* style-nova START */
ul.style-nova {
list-style: none;
margin: 0; }
ul.style-nova > li {
display: block;
margin-bottom: 10px; }
ul.style-nova > li .li-thumb {
float: none;
display: inline-block;
vertical-align: middle;
width: 75px;
height: 75px;
margin-right: 15px;
border-radius: 5px;
background-size: cover;
background-position: center center;
position: relative; }
ul.style-nova > li .li-meta {
display: inline-block;
vertical-align: middle; }
ul.style-nova > li .track-title {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
color: #443f3f;
display: block; }
ul.style-nova > li .track-by {
display: block;
font-weight: 400;
font-size: 14px;
font-style: italic;
opacity: 0.7; }
ul.style-nova > li .the-price {
font-size: 11px;
margin-top: 5px;
color: #4B2E73; }
ul.style-nova > li:after {
display: block;
content: "";
clear: both; }
/* style-nove END */
.playbtn-darkround, .pausebtn-darkround {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: rgba(50, 50, 50, 0.65);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: background;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: background;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out; }
.audioplayer.skin-customcontrols.position-relative {
position: relative; }
.audioplayer.skin-customcontrols.position-relative .playbtn-darkround, .audioplayer.skin-customcontrols.position-relative .pausebtn-darkround {
position: relative;
top: 0;
left: 0;
transform: translate3d(0, 0, 0); }
.audioplayer.skin-customcontrols.position-relative .pausebtn-darkround {
position: absolute; }
.playbtn-darkround[data-border-radius="5px"], .pausebtn-darkround[data-border-radius="5px"] {
border-radius: 5px; }
.playbtn-darkround[data-size="30px"], .pausebtn-darkround[data-size="30px"] {
width: 40px;
height: 40px; }
.dzs-container {
max-width: 1170px;
margin: 0 auto; }
.dzsap-charts {
/*
* Define the widths: play around with these to get a best fit.
*/
/*
* Basic styles, good for a large display. Everything fits in
* one row, no wrapping. All text based cells grow equally.
*/
/* Some borders to show the behaviour. Uncomment to see it in action */
/*
.text-2, .num-2 {
border: 1px solid green;
padding: 2px;
margin: 2px;
}
.text-4, .num-4 {
border: 1px solid red;
margin: 2px;
}
*/ }
.dzsap-charts .number-col {
width: 20px;
text-align: left; }
.dzsap-charts .track-col {
width: 70px;
text-align: left; }
.dzsap-charts .title-col {
flex-grow: 4;
-webkit-flex-grow: 4; }
.dzsap-charts .title-col .the-track {
font-size: 15px;
font-weight: bold;
margin-bottom: 1px; }
.dzsap-charts .title-col .the-artist {
font-size: 13px;
opacity: 0.7;
font-style: italic; }
.dzsap-charts .stats-col {
margin-left: auto; }
.dzsap-charts .table-row {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
flex-wrap: no-wrap;
-webkit-flex-wrap: no-wrap;
width: 100%;
font-size: 15px; }
.dzsap-charts .wrapper {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
flex-grow: 0;
-webkit-flex-grow: 0; }
.dzsap-charts .text-4,
.dzsap-charts .text-2,
.dzsap-charts .text {
flex-grow: 1;
-webkit-flex-grow: 1; }
.dzsap-charts .text-4 {
display: flex;
align-items: center;
justify-content: center; }
.dzsap-charts .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 20px; }
.dzsap-charts .text {
width: 180px; }
.dzsap-charts .num {
width: 80px;
text-align: right; }
.dzsap-charts .body-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-collapse: collapse;
padding-top: 8px;
padding-bottom: 8px; }
.dzsap-charts .body-row .number-col {
font-weight: bold; }
.dzsap-charts .body-row .stats-col i {
font-size: 12px;
display: inline-block;
margin-right: 3px;
vertical-align: middle;
opacity: 0.7; }
.dzsap-charts .table-row.header {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
opacity: 0.7;
font-size: 11px; }
.playbtn-darkround:after {
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #CCCCCC;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin-left: 2px; }
.playbtn-darkround[data-size="30px"]:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid #CCCCCC; }
.pausebtn-darkround[data-size="30px"]:before, .pausebtn-darkround[data-size="30px"]:after {
transform: scale(0.8) translate3d(-50%, -50%, 0);
margin-top: -2px; }
.pausebtn-darkround:before, .pausebtn-darkround:after {
content: "";
width: 5px;
height: 20px;
margin-left: -4px;
background-color: #CCCCCC;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); }
.pausebtn-darkround:after {
margin-left: 5px; }
.playbtn-darkround:hover, .pausebtn-darkround:hover {
background-color: rgba(50, 50, 50, 0.5); }
.position-relative {
position: relative; }
.play-button-simple-svg {
position: absolute;
top: 0;
left: 0; }
/*
=========
TOOLTIP STYING
END
==========
*/
.cus-menu-item .cus-menu-item--thumb {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
width: 50px;
height: 50px;
background-size: cover; }
.cus-menu-item .cus-menu-item--text {
display: inline-block;
vertical-align: middle; }
.cus-menu-item:after {
content: "";
clear: both; }
.dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave {
bottom: 0;
opacity: 1;
}