/*Style for Blog , news page */
/* End Copyright */
/*====== END Footer ======*/
/*====== Blog ======*/
/* Listing */
/* ===== Posts ===== */
body.blog #content{
background: #f6f7f9;
}
body.blog #colright{
background: #fff;
padding: 30px;
border-radius:5px;
}
#colright .moduletable.blog .k2ItemsBlock ul li{
display: block;
overflow: hidden;
background: none !important;
margin-bottom: 10px;
}
#colright .moduletable.blog .k2ItemsBlock ul li .moduleItemImage{
float: left;
display: block;
margin-right: 10px;
}
#colright div.k2CategoriesListBlock ul li{
background: none;
border: none;
padding-left: 0;
}
#colright div.k2CategoriesListBlock ul li a{
display: block;
}
#colright div.k2CategoriesListBlock ul li a .catCounter{
float: right;
}
#colright div.k2ArchivesBlock ul li{
padding: 5px 0 5px 0;
}
#colright div.k2ArchivesBlock ul li a{
display: block;
}
#colright div.k2ArchivesBlock ul li a .archiveCounter{
float: right;
}
.blog-list div.catItemImageBlock{
margin: 0;
}
.blog-list .post-item {
position: relative;
margin-bottom: 40px;
}
.blog-list .post-item .post-image {
width: 100%;
overflow: hidden;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
background-color: #fff;
}
.blog-list .post-item .post-video {
width: 100%;
text-align: center;
overflow: hidden;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
background-color: #fff;
}
.blog-list .post-item .post-gallery{
width: 100%;
text-align: center;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
overflow: hidden;
position: relative;
background-color: #fff;
}
.blog-list .post-item .post-gallery ul{
list-style: none;
padding: 0;
margin: 0;
}
.blog-list .post-item .post-gallery ul img{
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.blog-list .post-item .post-gallery .owl-controls{
margin: 0;
position: absolute;
width: 100%;
top: calc(50% - 22px);
}
.blog-list .post-item .post-gallery .owl-theme .owl-controls .owl-buttons div {
height: 44px;
line-height: 44px;
width: 44px;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 30px;
color: #777;
background: #fff;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
font-size: 14px;
opacity: 1;
}
.blog-list .post-item .post-gallery .owl-theme .owl-controls .owl-buttons .owl-next {
right: 30px;
left: auto;
}
.blog-list .post-item .post-content {
position: relative;
z-index: 9;
background: #ffffff;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
padding: 35px 40px 20px;
}
.blog-list .post-item.no-featured-image .post-content{
border-radius: 5px;
-webkit-border-radius: 5px;
}
.blog-list .post-item .post-meta ul {
display: inline-block;
list-style: none;
padding: 0;
margin-left:0;
}
.blog-list .post-item .post-meta ul li{
display: inline-block;
font-style: italic;
margin-right: 15px;
}
.blog-list .post-item .post-meta ul li i{
font-size: 16px;
margin-right: 1px;
}
.blog-list .post-item .post-meta ul li a{
color: #777;
}
.blog-list .post-item .post-title {
margin: 0 0 20px;
}
.blog-list .post-item .post-title a {
font-weight: 600;
color: #333333;
}
.blog-list .feature-post{
font-weight: 600;
color: #ffffff;
display: inline-block;
padding: 0 15px;
background: #F16E8E;
text-transform: uppercase;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.blog-list .post-item .post-bar {
padding: 18px 0 0;
border-top: 1px solid #eee;
}
.blog-list .post-item .post-bar-left {
float: left;
font-size: 11px;
width: 50%;
text-transform: uppercase;
}
.blog-list .post-item .post-bar-left a {
color: #333;
font-weight: 600;
text-transform: uppercase;
}
.blog-list .post-item .post-bar-left > div {
display: inline-block;
margin-right: 10px;
}
.blog-list .post-item .post-bar-right {
float: left;
width: 50%;
text-align: right;
}
.post-social-share .share-title {
font-size: 12px;
margin-right: 10px;
}
.post-social-share .social-share-item {
text-align: right;
padding: 0 5px 5px 0;
}
.post-social-share .social-share-item:last-child {
padding-right: 0;
}
.post-social-share i {
display: inline-block;
width: 25px;
height: 25px;
line-height: 21px;
text-align: center;
border-width: 2px;
border-style: solid;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.post-social-share i:before {
line-height: inherit;
}
.post-social-share .share-buttons-fb i {
color: #2980b9;
border-color: #2980b9;
}
.post-social-share .share-buttons-tt i {
color: #3ac1f1;
border-color: #3ac1f1;
}
.post-social-share .share-buttons-linkedin i {
color: #f16e8e;
border-color: #f16e8e;
}
.post-social-share .share-buttons-gg i {
color: #DB4437;
border-color: #DB4437;
}
.post-social-share .share-buttons-tumblr i {
color: #36465d;
border-color: #36465d;
}
.post-social-share .share-buttons-pinterest i {
color: #BD081C;
border-color: #BD081C;
}
.post-social-share .share-buttons-email i {
color: #f0483e;
border-color: #f0483e;
}
.post-social-share .share-buttons-fb:hover i {
color: #ffffff;
background: #2980b9;
}
.post-social-share .share-buttons-tt:hover i {
color: #ffffff;
background: #3ac1f1;
}
.post-social-share .share-buttons-linkedin:hover i {
color: #ffffff;
background: #f16e8e;
}
.post-social-share .share-buttons-gg:hover i {
color: #ffffff;
background: #DB4437;
}
.post-social-share .share-buttons-tumblr:hover i {
color: #ffffff;
background: #36465d;
}
.post-social-share .share-buttons-pinterest:hover i {
color: #ffffff;
background: #BD081C;
}
.post-social-share .share-buttons-email:hover i {
color: #ffffff;
background: #f0483e;
}
.blog-list .post-item.no-featured-image .post-content-wrap {
padding: 0;
}
.blog-list .post-item .post-category a {
color: #777;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.blog-list .post-item:hover .post-category a {
color: #333333;
}
.blog-list .post-item .post-desc {
margin-bottom: 30px;
}
.blog-list .post-item .post-description {
font-size: 14px;
font-weight: 500;
line-height: 28px;
margin-bottom: 25px;
}
.blog-list .post-item .post-bottom {
display: table;
width: 100%;
text-transform: capitalize;
border-top: 1px #f6f7f9 solid;
padding-top: 17px;
}
.blog-list .post-item .post-bottom .post-author a {
color: #777;
}
.blog-list .post-item .post-bottom .post-read-more {
font-weight: 600;
float: right;
text-transform: uppercase;
font-size: 11px;
position: relative;
top: -2px;
}
.blog-list .post-item .post-bottom .post-read-more i {
font-size: 18px;
margin: 0 10px;
position: relative;
top: 3px;
}
/* ===== End Posts ===== */
.page-content .blog-list-filter .filter.all-posts {
float: right;
padding: 0;
}
.blog-list .post .post-item.fit-video,
.blog-list .post .post-item.post-gallery {
padding-bottom: 0;
}
.blog-list .post .post-item.fit-video .featured-image {
position: relative;
}
.blog-list .post .post-item.fit-video .featured-image .button-detail {
display: inline-block;
position: absolute;
width: 60px;
height: 60px;
line-height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
background: #34495E;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 29px;
z-index: 9;
}
.blog-list .post .post-item.fit-video .featured-image .button-detail i {
padding-left: 3px;
}
.blog-content .feature-post {
font-weight: 600;
color: #ffffff;
display: inline-block;
padding: 0 15px;
background: #F16E8E;
text-transform: uppercase;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
@media screen and (max-width: 830px) {
.ei-title{
position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 10px;
background: #fff;
background: rgba(255,255,255,0.9);
padding: 5px 0;
}
.ei-title h2, .ei-title h3{
text-align: center;
}
.ei-title h2{
font-size: 20px;
line-height: 24px;
}
.ei-title h3{
font-size: 30px;
line-height: 40px;
}
}
/* End Listing */
/* Detail */
.blog-content.single-content .featured-image .post-title-feature {
position: absolute;
width: 100%;
left: 0;
bottom: 76px;
}
.blog-content.single-content .post-main-content{
background: #fff;
padding: 40px 50px 25px 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.blog-content.single-content .post-meta{
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.blog-content.single-content .post-meta ul{
display: inline-block;
list-style: none;
padding: 0;
margin-left: 0;
}
.blog-content.single-content .post-meta ul li{
display: inline-block;
font-style: italic;
margin-right: 15px;
}
.blog-content.single-content .post-meta ul li i{
font-size: 18px;
margin-right: 3px;
}
.blog-content.single-content .post-meta ul li a{
color: #777;
}
.blog-content.single-content .post-title-feature .post-info-category a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 6px;
}
.blog-content.single-content .post-main-info {
position: relative;
}
.blog-content.single-content .next-post-title{
margin-right: 10px;
}
.blog-content.single-content .next-post{
font-size: 15px;
}
.blog-content.single-content .next-post a{
font-size: 15px;
}
.blog-content.single-content .social-share .share-title {
color: #333333;
margin-right: 20px;
}
.blog-content.single-content .social-share a {
margin-right: 15px;
}
.blog-content.single-content .post-content-desc {
margin-bottom: 25px;
}
.blog-content.single-content .post-content-desc p{
margin-bottom: 20px;
}
.blog-content.single-content .featured-image{
overflow: hidden;
background-color: #fff;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.blog-content.single-content .post-tags .tag-title{
margin-right: 10px;
}
.blog-content.single-content .post-tags .tag-title i{
margin-right: 5px;
}
.blog-content.single-content .post-tags a{
height: 20px;
line-height: 20px;
padding: 0 10px;
background: #eee;
color: #333;
display: inline-block;
margin-right: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 12px;
}
.blog-content.single-content .post-tags a:hover{
color: #fff;
}
.blog-content.single-content .post-bar{
padding: 21px 0 0;
margin-top: 20px;
border-top: 1px solid #f1f1f1;
}
.blog-content.single-content .post-bar-left{
float: left;
width: 65%;
}
.blog-content.single-content .post-bar-right{
float: right;
width: 35%;
text-align: right;
}
.blog-content.single-content .post-social-share .share-title{
font-size: 15px;
}
.blog-content .post-item .owl-theme .owl-controls {
margin:0;
position:absolute;
width:100%;
top:calc(50% - 22px);
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons div {
height:44px;
line-height:44px;
width:44px;
padding:0;
margin:0;
position:absolute;
top:0;
color:#777;
background:#fff;
border-radius:100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
font-size:14px;
opacity:1;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons div:hover {
color:#fff;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons i.fa {
line-height:inherit;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons .owl-prev {
left:30px;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons .owl-next {
right:30px;
}
.blog-content.single-content .post-text .alignnone {
width: 100%;
margin: 15px 0;
}
.blog-content.single-content .post-text blockquote {
font-style: italic;
font-size: 15px;
line-height: 30px;
}
.blog-content.single-content .post-text blockquote p:last-child {
margin-bottom: 0;
}
.blog-content.single-content .related-post {
padding: 90px 0 70px;
background: #f8f9fa;
}
.blog-content.single-content .related-post-item {
position: relative;
}
.blog-content.single-content .related-post h3 {
color: #333333;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 40px;
}
.blog-content.single-content .related-post .related-post-item {
position: relative;
margin-bottom: 30px;
}
.blog-content.single-content .related-post .related-post-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
background: #2a363b;
transition: opacity 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s;
}
.blog-content.single-content .related-post .related-post-item:hover:after {
opacity: 0.9;
}
.blog-content.single-content .related-post .related-post-thumb img {
width: 100%;
}
.blog-content.single-content .related-post-item .post-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 0 60px;
transition: bottom 0.5s linear 0s;
-webkit-transition: bottom 0.5s linear 0s;
overflow: hidden;
z-index: 9;
}
.blog-content.single-content .related-post-item:hover .post-info {
bottom: 90px;
}
.blog-content.single-content .related-post-item .post-info .related-post-title {
margin-bottom: 20px;
}
.blog-content.single-content .related-post-item .post-info .related-post-title a {
font-size: 16px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
}
.blog-content.single-content .related-post-item .post-info .related-post-content {
opacity: 0;
height: 0;
transition: opacity 0.5s linear 0s, height 0.5s linear 0s;
-webkit-transition: height 0.5s linear 0s, height 0.5s linear 0s;
overflow: hidden;
}
.blog-content.single-content .related-post-item:hover .post-info .related-post-content {
opacity: 1;
height: auto;
}
.blog-content.single-content .related-post-item .post-info .related-post-content p {
color: #ffffff;
line-height: 28px;
opacity: 0.3;
font-weight: 500;
margin-top: -10px;
}
.blog-content.single-content .related-post-item .post-info .more-link {
font-weight: 600;
text-transform: uppercase;
display: inline-block;
}
.blog-content.single-content .post-text .gallery{
margin-bottom: 15px;
}
.blog-content.single-content .related-post-item .post-info .more-link i {
margin-right: 10px;
font-size: 18px;
line-height: inherit;
position: relative;
top: 3px;
}
.blog-content.single-content .comments {
margin: 35px 0 0;
}
.comments-content .comments-title {
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.comments-content .comments-title span {
font-weight: 600;
color: #333333;
}
.comments-content .comment_list {
margin: 0;
padding: 0;
list-style: none;
}
.comments-content .comment_list li {
padding: 25px;
list-style: none;
background: #fafafa;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.comments-content .comment_list > li {
padding: 35px 50px;
background: #fff;
list-style: none;
margin-bottom: 10px;
}
.comments-content .comment_list > li > ul > li{
margin-top: 10px;
padding: 25px 50px;
}
.comments-content .comment_list > li > ul > li:first-child{
margin-top: 25px;
}
.comments-content .comment_list .commentAvt {
float: left;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin-right: 35px;
margin-top: 15px;
}
.comments-content .comment_list .commentRight {
overflow: hidden;
}
.comments-content .comment_list .name-cmt {
font-weight: 600;
color: #333333;
text-transform: uppercase;
}
.comments-content .comment_list .date-cmt {
margin-left: 5px;
}
.comments-content .comment_list .content-reply {
margin-top: 5px;
}
.comments-content .comment_list .content-reply ul {
margin-left: 15px !important;
}
.comments-content .comment_list .content-reply li{
padding: 0 !important;
list-style: inherit !important;
background: inherit !important;
}
.comments-content .comment_list .content-reply > p {
margin-bottom: 10px;
}
.comments-content .comment_list .comment_reply a {
font-weight: 500;
color: #333333;
display: inline-block;
margin-right: 15px;
font-size: 12px;
}
.comments-content .comment_list .comment_reply a i {
font-size: 15px;
}
.comment-respond .comment-reply-title {
text-transform: uppercase;
margin-top: 35px;
margin-bottom: 20px;
font-weight: bold;
}
.comment-respond .comment-reply-title a {
text-transform: uppercase;
float: right;
margin-top: 10px;
font-weight: 600;
}
.comment-respond .commentFormField textarea, .comment-respond .commentFormField input {
height: auto;
line-height: 20px;
border: 1px solid #e6e6e6;
color: #9e9e9e;
margin-bottom: 25px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.comment-respond .commentFormField textarea {
padding: 15px 25px;
}
.comment-respond .commentFormField input {
padding: 15px 35px;
}
.comment-respond input.btn-submit {
color: #fff;
font-size: 14px;
font-weight: normal;
height: 38px;
line-height: 38px;
margin: 0;
padding: 0 15px;
text-transform: uppercase;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.comments .logged-in-as{
margin-bottom: 15px;
}
.comments .logged-in-as a{
color: #333;
}
.commentList ul.children ul.children ul.children ul.children{
padding: 0;
}
.commentList ul.children ul.children ul.children ul.children li{
padding-left: 0;
}
.blog-author{
margin-top:35px;
background: #fff;
padding: 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.blog-author .authorAvt{
float:left;
}
.blog-author .authorAvt img.avatar{
width: 90px;
}
.blog-author .authorAvt + .authorDetails{
margin-left:120px;
}
.blog-author .author-name{
line-height:24px;
padding-bottom:10px;
position:relative;
color: #777;
text-transform: uppercase;
font-size: 20px;
}
.blog-author .author-name a {
color: #333;
font-style: normal;
font-weight: 600;
margin-left: 5px;
font-size: 24px;
}
.blog-author .caption-desc{
}
/* End Detail */
/* Pagination */
.page-nav {
padding-top:60px;
margin-top:25px;
border-top:2px solid #f2f2f2;
text-align: right;
}
.page-nav.page-nav-blog {
margin: 0;
padding: 0;
text-align: right;
}
.page-nav.page-nav-blog .page-numbers{
float: none;
background: #fff;
}
.page-nav-inner{
margin:0 -3px;
}
.page-nav .page-numbers {
color: #333333;
display:inline-block;
font-size: 13px;
font-weight:600;
height: 38px;
line-height: 38px;
margin: 0 6px 0 0;
text-align: center;
float: left;
width: 38px;
background: #f6f7f9;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.page-nav .page-numbers.dots {
line-height: 34px;
}
.page-nav .page-numbers i {
line-height:inherit;
font-size: 18px;
}
.page-nav span.current, .page-nav a.page-numbers:hover {
color:#fff;
}
.page-nav .page-numbers a, .page-nav .page-numbers span {
float: none;
display: block;
border: none;
background: none;
padding: 0;
line-height: inherit;
color: #333333;
}
.page-nav .page-numbers.active a,
.page-nav .page-numbers a:hover,
.page-nav .page-numbers.active span,
.page-nav .page-numbers span:hover,
.page-nav .page-numbers a:hover span {
background: none;
color: #ffffff;
}
.page-nav .page-numbers.disabled {
background: #f6f7f9 !important;
}
.page-nav .page-numbers.disabled span {
color: #333333 !important;
}
/* End Pagination */
/*====== END Blog ======*/
/*====== Page Heading ======*/
.page-heading {
background-position:center center;
color:#ffffff;
}
.page-heading.default {
text-align: center;
}
.page-heading h1 {
margin: 0;
line-height: 1.5;
font-size: 32px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
}
.page-heading .breadcrumbs-top {
background: rgba(0, 0, 0, 0.1);
padding: 10px 15px;
font-weight: 600;
}
.page-heading .breadcrumbs-top .current {
text-transform: uppercase;
font-size: 11px;
}
/*====== End Page Heading ======*/
/*====== Breadcrumbs ======*/
.breadcrumbs{
position: relative;
padding: 0;
list-style: none;
margin: 0;
}
.breadcrumbs:after{
display: block;
content: '';
clear: both;
}
.breadcrumbs > li i {
font-size: 14px;
display: inline-block;
margin: 0 10px;
color: #fff;
}
.breadcrumbs > li > a {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.breadcrumbs > li {
display: inline-block;
}
.breadcrumbs > li.current {
color: #fff;
opacity: 0.7;
}
/*====== End Breadcrumbs ======*/
/* PAGETEMPLATE */
.page-template-default article.page, .page-template-left-sidebar article.page, .page-template-right-sidebar article.page, .page-template-two-sidebar-page article.page,
.search-no-results .no-results{
background: #fff;
padding: 35px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.search-no-results .no-results > h3{
margin-top: 0;
}
.search-results article{
margin-bottom: 30px;
background: #fff;
padding: 35px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.search-results .entry-header h3{
margin-top: 0;
}
.search-results .entry-header h3 a{
color: #333;
font-weight: 600;
}
.search-results .entry-meta ul{
display: inline-block;
list-style: none;
padding: 0;
}
.search-results .entry-meta ul li{
display: inline-block;
font-style: italic;
margin-right: 15px;
}
.search-results .entry-meta ul li i{
font-size: 16px;
margin-right: 1px;
}
.search-results .entry-meta ul li a{
color: #777;
}
/*====== SIDEBAR Default ======*/
.sidebar-default {
margin: 0 0 80px;
}
.sidebar-default .widget{
margin-bottom:40px;
overflow: hidden;
}
.widget-area{
background: #fff;
padding: 35px;
/*border: 1px solid #eee;*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.iwj-jobs-page .col-md-3 .widget-area,
.iwj-employers-page .col-md-3 .widget-area,
.iwj-candidates-page .col-md-3 .widget-area,
.iwj-job-taxonomy-page .col-md-3 .widget-area{
padding: 35px 25px;
border: none;
}
.widget-area aside{
margin-bottom: 55px;
}
.widget-area aside:last-child {
margin-bottom: 0;
}
.widget-area .widget-title{
color: #333333;
font-size: 13px;
font-weight: 600;
line-height: 18px;
margin: 0 0 32px;
padding-bottom: 10px;
position: relative;
text-transform: uppercase;
}
.widget-area .widget-title:after {
content: "";
position: absolute;
width: 46px;
height: 1px;
background: rgba(0,0,0,0.1);
left: 0;
bottom: 0;
}
/*---- Search ----*/
.search-box{
position:relative;
}
.search-box input.top-search{
height:42px;
line-height:42px;
border:1px solid #eee;
border-radius:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow:none;
width:100%;
padding:0 20px 0 20px;
}
.search-box .sub-search{
position:absolute;
top:1px;
right:0;
}
.widget-area .widget_categories select,.widget-area .widget_text select ,.widget-area .widget_archive select{
padding: 0 20px;
}
/*---- End Search ----*/
/*---- Categories ----*/
.widget_categories ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
display: inline-block;
width: 100%;
padding: 7px 0;
}
.widget_categories ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
text-align: right;
}
.widget_categories ul li:last-child,
.widget_meta ul li:last-child,
.widget_archive ul li:last-child,
.widget_pages ul li:last-child,
.widget_nav_menu ul li:last-child{
padding-bottom: 0;
}
.widget_categories ul li > a,
.widget_meta ul li > a,
.widget_archive ul li > a,
.widget_pages ul li > a,
.widget_nav_menu ul li > a{
color: #777;
}
.widget_categories ul li > a,
.widget_meta ul li > a,
.widget_archive ul li > a,
.widget_pages ul li > a,
.widget_nav_menu ul li > a{
float: left;
}
.widget_nav_menu ul.sub-menu {
margin: 40px 0 0 15px;
}
/*---- End Categories ----*/
/*---- Tag ----*/
.tagcloud{
margin-top:20px;
}
.tagcloud a{
color: #333;
margin: 0 0 10px 0;
padding: 0 12px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-transform: capitalize;
display:inline-block;
background:#eee;
font-size: 12px !important;
line-height: 22px;
}
.tagcloud a:hover{
color:#fff;
}
/*---- End Tag ----*/
/*---- Recent Comments ----*/
.widget_recent_comments ul{
margin-top:10px;
}
.widget_recent_comments ul li.recentcomment{
padding:12px 0;
}
.widget_recent_comments .recentcomment .comment-avatar{
float: left;
margin-right: 20px;
}
.widget_recent_comments .recentcomment .comment-avatar img{
max-width: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.widget_recent_comments .recentcomment .comment-info{
margin-left: 70px;
}
.widget_recent_comments .recentcomment .comment-author{
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px;
}
.widget_recent_comments .recentcomment .comment-author a{
color: #333;
font-size: 13px;
font-weight: 600;
}
.widget_recent_comments .recentcomment .comment-author .comment-on{
color: #777;
font-size: 12px;
font-weight: 500;
margin-left: 5px;
text-transform: none;
}
.widget_recent_comments .recentcomment .comment-title{
color: #777;
font-style: italic;
line-height: 21px !important;
display: inline-block !important;
}
/*---- End Recent Comments ----*/
/*---- Recent Post ----*/
.widget_recent_entries .recent-blog-posts-default a.recent-blog-post-thumnail{
max-width:85px;
float:left;
margin-right: 20px;
overflow: hidden;
}
.widget_recent_entries .recent-blog-posts-default li.recent-blog-post{
padding:7px 0;
font-size:13px;
display:table;
width:100%;
}
.widget_recent_entries .recent-blog-posts-default .recent-blog-post-detail{
overflow: hidden;
}
.widget_recent_entries .recent-blog-posts-default h3.recent-blog-post-title{
margin:0;
font-size:13px;
line-height:23px;
}
.widget_recent_entries .recent-blog-posts-default h3.recent-blog-post-title a{
color:#333333;
font-weight: 600;
}
.widget_recent_entries .recent-blog-posts-default .post-date i{
margin-right:4px;
}
/*---- End Recent Post ----*/
/*---- monter widget ----*/
.widget-area ul{
list-style: none;
padding: 0;
margin: 0;
}
.widget-area ul ul{
margin-left:15px;
margin-top:10px;
}
.widget_calendar .calendar_wrap,
.widget_calendar .calendar_wrap th{
text-align:center;
}
.widget_categories select,
.widget_text select,
.widget_archive select{
width:100%;
max-width:100%;
height:44px;
line-height:42px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border:1px solid #eee;
padding:0 15px 0 5px;
margin-top:20px;
}
.iw-footer .widget_nav_menu ul.sub-menu {
margin: 0;
}
/*---- end monter widget ----*/
/*====== END SIDEBAR Default ======*/
/* ===== 404 Page ===== */
body.error404{
background: url(assets/images/404_bg.jpg);
}
body.error404 .wrapper{
background: none !important;
}
.page-content-404{
padding: 300px 0 200px;
text-align:center;
color: #fff;
}
.page-content-404 .text_404 {
font-size:300px;
font-weight:bold;
line-height:1;
color: #fff;
}
.page-content-404 .text_label_404{
font-size:28px;
font-weight: normal;
margin:20px auto 20px;
position: relative;
padding-bottom: 30px;
}
.page-content-404 .text_label_404:after{
content: "";
position: absolute;
width: 145px;
height: 1px;
background: #8f97a0;
display: inline-block;
top: auto;
bottom: 0;
left: calc(50% - 72px);
}
.page-content-404 .home_link{
font-size: 18px;
margin-top: 50px;
}
.page-content-404 .home_link span{
opacity: 0.5;
}
.page-content-404 .home_link a {
border-bottom: 1px solid #fff;
color: #fff;
}
/* ===== End 404 Page ===== */
/*------------------------ Responsive -----------------------*/
@media (max-width: 1600px) {
/* Header */
.header.header-default .iw-top-bar-wrapper {
padding: 12px 30px;
}
.header.header-default .iw-header {
padding: 0 30px;
}
.header.header-default .iw-header .search-form {
margin-right: 20px;
}
.header.header-default .iwj-action-button {
margin-left: 20px;
}
.header.header-default .iw-header a.action-button {
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
overflow: visible;
}
.header.header-default .iw-header a.action-button i {
margin: 0;
}
.header.header-default .iw-header a.action-button span {
display: none;
}
/* End Header */
}
@media (max-width: 1199px) {
.iw-top-bar-wrapper .top-bar-right .social-header {
border: none;
}
.header.header-default .iw-header .search-form {
margin: 0;
}
.top-bar-left .contact .item {
margin-right: 15px;
}
.header.header-default .navbar-default .navbar-nav > li > a {
padding: 0 15px;
}
.header.header-default .iw-header a.action-button i{
top: 0;
}
}
@media (max-width: 1024px) {
.inwave-map .infoBox{
padding: 20px 30px;
max-width: 350px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
/* Header */
.iw-menu-header-default, .header.header-default .iw-header .search-form {
display: none;
}
.iw-top-bar-wrapper .top-bar-right .social-header {
display: none;
}
.header.header-default .iw-header {
padding: 30px 30px;
}
.header.header-default.clone {
display: none;
}
.header.header-default h1.iw-logo {
margin: 0;
}
.header.header-default h1.iw-logo .main-logo {
display: none;
}
.header.header-default h1.iw-logo .logo-mobile {
display: block;
}
.header.header-default .iwj-action-button {
position: absolute;
top: calc(50% - 20px);
left: auto;
right: 72px;
margin-top: 0;
}
.header.header-default .iw-header a.action-button{
margin-left: 12px;
}
.admin-bar .header.header-default:not(.clone):not(.no-page-heading){
top: 0;
}
/* End Header */
/* Off-canvas menu */
.menu-mobile {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
position: absolute;
right: 20px;
top: 25px;
z-index: 9;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
cursor: pointer;
}
.header .off-canvas-btn {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
margin-left: 10px;
font-size: 16px;
color: #ffffff;
position: absolute;
right: 15px;
top: calc(50% - 20px);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.canvas-menu-open .iw-overlay{
display: inline-block;
}
.canvas-menu-title {
position: relative;
}
.wrapper {
position: relative;
right: 0;
}
.canvas-menu-open .wrapper {
right: 240px;
}
.canvas-menu-open .off-canvas-menu {
right: 0;
}
.rev_slider_wrapper {
left: 0 !important;
}
.page-nav.page-nav-blog {
margin: 0 0 35px;
}
.iw-top-bar-wrapper .author-login .iwj-dashboard-menu{
display: none;
}
div.background-scroll-home{
padding: 200px 0 75px !important;
}
div.background-scroll-home-2{
padding: 200px 0 !important;
}
div.background-scroll-home-v3{
padding: 220px 0 100px !important;
}
.commentList ul.children ul.children ul.children {
padding: 0;
}
.commentList ul.children ul.children ul.children li{
padding-left: 0;
}
}
@media (max-width: 980px) {
.blog-content.single-content .featured-image .post-title-feature .post-title {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 782px) {
body.down.admin-bar .header.clone {
top: 46px;
}
}
@media screen and (max-width: 767px) {
.modal-header .close{
display: block;
}
.header.header-default .iw-header{
padding: 20px 30px;
}
.contents-main, .main-content {
padding-bottom: 45px;
padding-top: 45px;
}
.blog-content.single-content .post-content-desc{
margin-bottom: 30px;
}
.blog-content.single-content .post-bar-left, .blog-list .post-item .post-bar-left{
width: 100%;
}
.blog-content.single-content .post-bar-right, .blog-list .post-item .post-bar-right{
float: left;
width: 100%;
margin-top: 7px;
text-align: left;
}
.commentList ul.children{
padding-left: 15px;
}
.blog-content.single-content .related-post{
padding: 70px 0 50px;
}
.blog-content.single-content .related-post .related-post-thumb img{
max-height: 300px;
}
.single-post .contents-main, .single-post .main-content .comments{
padding-bottom: 45px;
}
.blog-content.single-content .featured-image {
margin-bottom: 20px;
}
.blog-content.single-content .featured-image .post-title-feature {
position: relative;
top: auto;
left: auto;
bottom: auto;
margin-top: 60px;
}
.blog-content.single-content .featured-image .post-title-feature .post-title {
color: #333333;
font-size: 24px;
}
.top-bar-left .contact .item{
margin-right: 5px;
}
.top-bar-left .contact .item{
padding: 0 10px;
}
.commentList ul.children ul.children{
padding: 0;
}
.commentList ul.children ul.children li{
padding-left: 0;
}
}
@media (max-width: 640px) {
.page-content-404 .text_404 {
font-size: 150px;
}
.page-content-404 .text_label_404 {
top: 0;
}
.blog-content.single-content .post-content-desc.padding-left {
padding: 0;
}
.blog-content.single-content .post-main-info .post-social-share {
left: auto;
margin-bottom: 15px;
position: relative !important;
top: auto;
width: auto !important;
}
.blog-content.single-content .post-social-share .post-share-title {
margin-bottom: 15px;
}
.blog-content.single-content .post-social-share .social-share-item {
display: inline-block;
margin-right: 5px;
}
.iw-top-bar-wrapper .top-bar-right .author-login{
margin-right: 0;
padding-right: 0;
}
div.background-scroll-home{
padding: 150px 0 60px !important;
}
div.background-scroll-home-2{
padding: 130px 0 200px !important;
}
div.background-scroll-home-v3{
padding: 130px 0 60px !important;
}
.page-heading .container-inner{
padding-top: 150px !important;
}
.header.header-default .iw-header{
padding: 10px 30px;
}
div.mobile-no-margin{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.comments-content .comment_list li{
padding: 20px;
}
.comments-content .comment_list > li{
padding: 35px 25px;
}
.comments-content .comment_list li li{
padding: 30px 0;
}
.comments-content .comment_list .commentAvt{
margin-right: 20px;
}
.commentList ul.children{
padding-left: 0;
}
.comments-content .comment_list > li > ul > li{
padding: 20px 25px;
}
}
@media (max-width: 600px) {
.header.header-default .iw-top-bar-wrapper {
display: none;
}
body.down.admin-bar .header.clone {
top: 0;
}
.page-heading.default {
margin-top: -46px;
}
}
@media (max-width: 480px) {
.header.header-default .iw-header a.action-button.register {
display: none;
}
div.background-scroll-home{
padding: 100px 0 100px !important;
}
.inwave-map .infoBox{
padding: 15px;
max-width: 300px;
}
.iw-video-html.style1 .video-poster{
max-height: 350px;
}
.iw-testimonals .iw-testimonial-item{
margin: 0 0 30px;
}
div.background-scroll-home-v3{
padding: 100px 0 60px !important;
}
.blog-content.single-content .post-main-content{
padding-left: 25px;
padding-right: 25px;
}
.blog-author{
padding: 30px 25px;
}
.blog-author .authorAvt + .authorDetails{
margin-left: 0;
}
.blog-author .authorAvt{
margin: 0 15px 0 0;
}
}
@media (max-width: 360px) {
.blog-content.single-content .related-post-item .post-info {
padding: 0 15px;
}
.blog-list .post-item .post-content{
padding: 25px;
}
.widget-area{
padding: 25px;
}
.comments-content .comment_list .commentAvt{
float: none;
margin: 0 0 5px 0;
}
.comments-content .comment_list li li{
padding: 15px 0;
}
.comment-respond .comment-reply-title a{
float: left;
margin-bottom: 5px;
}
}
@media (max-width: 320px) {
}
.blog-list .catItemTags {
font-weight: 600;
color: #ffffff;
display: inline-block;
padding: 0 15px;
background: #F16E8E;
text-transform: uppercase;
border-radius: 5px;
-webkit-border-radius: 5px;
}
@media(min-width:1200px){
div#colright{
width:360px;
}
div#maincontent-fl div#colmain,
div#maincontent-fr div#colmain{
width: 740px;
}
}
#colright .k2SearchBlock input{
width: 100%;
height: 46px;
background:url(../images/button-search-grey.png) no-repeat scroll 96% center;
}
.k2Pagination ul li a.pagenav:hover,div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover,div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a:hover,div.itemAuthorLatest ul li a:hover,div.itemRelated ul li a:hover,div.subCategory > h2 a:hover,div.subCategory:hover > h2 a,div.catItemHeader h3.catItemTitle a:hover,div.catItemHeader h3.catItemTitle a:focus,div.catItemHeader h3.catItemTitle a:active,div.itemContainer:hover div.catItemHeader h3.catItemTitle a,div.userItemHeader h3.userItemTitle a:hover,div.userItemHeader h3.userItemTitle a:focus,div.userItemHeader h3.userItemTitle a:active,div.tagItemHeader h2.tagItemTitle a:hover,div.tagItemHeader h2.tagItemTitle a:focus,div.tagItemHeader h2.tagItemTitle a:active,div.k2ItemsBlock ul li div.moduleItemAuthor a:hover,div.k2LoginBlock ul li a:hover,div.k2LoginBlock ul li a:focus,div.k2LoginBlock ul li a:active,div.k2ArchivesBlock ul li a:hover,div.k2CategoriesListBlock ul li a:hover,div.k2CategoriesListBlock ul li a:focus,div.k2CategoriesListBlock ul li a:active,div.k2CategoriesListBlock ul li.activeCategory a {
color:#333;
}
div.itemTagsBlock{
border:none;
}
@media(min-width:768px) and (max-width:991px){
div#maincontent-fl div#colmain,
div#maincontent-fr div#colmain{
width:580px !important;
}
.blog-list .post-item .post-bar-right { width: 100% !important;}
}