/*
  ************************** Widget w-blog basic styles ************************/
.w-blog-entry {
    margin-bottom: 40px;
}
.w-blog-entry-h {
    position: relative;
    overflow: hidden; /* clearfix */
}
.w-blog-entry-link {
    text-decoration: none;
}
.w-blog-entry-preview {
    display: none;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
.w-blog-entry-meta {
    font-size: 0;
}
.w-blog-entry-meta-date {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blog-entry-meta-author {
    display: none;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blog-entry-meta-tags {
    display: none;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blog-entry-meta-comments {
    display: none;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}

/*
********************* Element w-blog modifications **********************/

/*
 * .TYPE_MASONRY (show blog posts masonry)
 */
.w-blog.type_masonry .w-blog-list {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
.w-blog.type_masonry .w-blog-entry {
    float: left;
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}
.w-blog.type_masonry .w-blog-entry-short {
    display: none;
}

/*
 * .IMGPOS_ATTOP (show blog picture at top)
 */
.w-blog.imgpos_attop .w-blog-entry-preview {
    display: block;
}
.w-blog.imgpos_attop .w-blog-entry-preview + .w-blog-entry-title {
    padding-top: 20px;
}

/*
 * .IMGPOS_ATLEFT (show blog picture at left)
 */
.w-blog.imgpos_atleft .w-blog-entry-preview {
    display: block;
    float: left;
    width: 30%; /* Temp */
}
.w-blog.imgpos_atleft .w-blog-entry-title {
    margin-left: 35%; /* Temp */
    padding-top: 0;
}
.w-blog.imgpos_atleft .w-blog-entry-body {
    margin-left: 35%; /* Temp */
}

/*
 * .DATE_ATLEFT (show date at left)
 */
.w-blog.date_atleft .w-blog-entry-title,
.w-blog.date_atleft .w-blog-entry-body {
    margin-left: 100px; /* Temp */
}
.w-blog.date_atleft .w-blog-entry-meta-date {
    position: absolute;
    left: 0;
    top: 0;
}
.w-blog.imgpos_atleft.date_atleft .w-blog-entry-meta-date {
    position: static;
}

/*
* .MORE_HIDDEN (hide more button)
*/
.w-blog.more_hidden .w-blog-entry-more {
    display: none;
}
.w-blog.more_hidden .w-blog-entry-short {
    margin-bottom: -21px; /* bottom margin of paragraph */
}

/*
 * .META_AUTHOR
 */
.w-blog.meta_author .w-blog-entry-meta-author {
    display: inline-block;
}

/*
 * .META_TAGS
 */
.w-blog.meta_tags .w-blog-entry-meta-tags {
    display: inline-block;
}

/*
 * .META_COMMENTS
 */
.w-blog.meta_comments .w-blog-entry-meta-comments {
    display: inline-block;
}

/*
 * .META_AUTHORTAGS
 */
.w-blog.meta_authortags .w-blog-entry-meta-author,
.w-blog.meta_authortags .w-blog-entry-meta-tags {
    display: inline-block;
}

/*
 * .META_AUTHORCOMMENTS
 */
.w-blog.meta_authorcomments .w-blog-entry-meta-author,
.w-blog.meta_authorcomments .w-blog-entry-meta-comments {
    display: inline-block;
}

/*
 * .META_TAGSCOMMENTS
 */
.w-blog.meta_tagscomments .w-blog-entry-meta-tags,
.w-blog.meta_tagscomments .w-blog-entry-meta-comments {
    display: inline-block;
}

/*
 * .META_ALL
 */
.w-blog.meta_all .w-blog-entry-meta-author,
.w-blog.meta_all .w-blog-entry-meta-tags,
.w-blog.meta_all .w-blog-entry-meta-comments {
    display: inline-block;
}

/*
 ********************* Responsive w-blog **********************/

@media (min-width: 480px) and (max-width: 1023px) {
    .w-blog.type_masonry .w-blog-entry {
        width: 49.9999%;
    }
}

@media (max-width: 479px) {
    .w-blog.type_masonry .w-blog-entry {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .w-blog.imgpos_atleft .w-blog-entry-title,
    .w-blog.imgpos_atleft .w-blog-entry-body {
        margin-left: 0;
    }
    .w-blog.imgpos_atleft .w-blog-entry-preview {
        float: none;
        width: 100%;
    }
    .w-blog.imgpos_atleft .w-blog-entry-title {
        padding-top: 15px;
    }
}

/*
  ************************** Widget w-bloglist basic styles ************************/
.w-bloglist-entry {
    position: relative;
    margin-bottom: 15px;
}
.w-bloglist-entry-link {
    margin-right: 10px;
}
.w-bloglist-entry-date {
    white-space: nowrap;
}

/*
********************* Element w-bloglist modifications **********************/

/*
 * .DATE_ATLEFT (show date at left)
 */
.w-bloglist.date_atleft .w-bloglist-entry-date {
    position: absolute;
    top: 0;
    left: 0;
}
.w-bloglist.date_atleft .w-bloglist-entry-link {
    margin-left: 130px;
}

/*
 * .DATE_ATBOTTOM (show date at bottom)
 */
.w-bloglist.date_atbottom .w-bloglist-entry-date {
    margin-top: 5px;
    display: block;
}

/*
  ************************** Widget w-blogpost basic styles ************************/
.w-blogpost-h {
    position: relative;
}
.w-blogpost-image {
    display: none;
    margin-bottom: 30px;
}
.w-blogpost-meta {
    font-size: 0;
}
.w-blogpost-meta-date {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blogpost-meta-author {
    display: none;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blogpost-meta-comments {
    display: none;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}
.w-blogpost .w-tags {
    display: none;
}

/*
********************* Element w-blogpost modifications **********************/

/*
 * .WITH_IMAGE
 */
.w-blogpost.with_image .w-blogpost-image {
    display: block;
}

/*
 * .META_AUTHOR
 */
.w-blogpost.meta_author .w-blogpost-meta-author {
    display: inline-block;
}

/*
 * .META_TAGS
 */
.w-blogpost.meta_tags .w-tags {
    display: block;
}

/*
 * .META_COMMENTS
 */
.w-blogpost.meta_comments .w-blogpost-meta-comments {
    display: inline-block;
}

/*
 * .META_AUTHORTAGS
 */
.w-blogpost.meta_authortags .w-blogpost-meta-author {
    display: inline-block;
}
.w-blogpost.meta_authortags .w-tags {
    display: block;
}

/*
 * .META_AUTHORCOMMENTS
 */
.w-blogpost.meta_authorcomments .w-blogpost-meta-author,
.w-blogpost.meta_authorcomments .w-blogpost-meta-comments {
    display: inline-block;
}

/*
 * .META_TAGSCOMMENTS
 */
.w-blogpost.meta_tagscomments .w-blogpost-meta-comments {
    display: inline-block;
}
.w-blogpost.meta_tagscomments .w-tags {
    display: block;
}

/*
 * .META_ALL
 */
.w-blogpost.meta_all .w-blogpost-meta-author,
.w-blogpost.meta_all .w-blogpost-meta-comments {
    display: inline-block;
}
.w-blogpost.meta_all .w-tags {
    display: block;
}

/*
 ************************** Widget w-comments basic styles ************************/
.w-comments-title a {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.w-comments-item {
    margin-bottom: 30px;
    position: relative;
}
.w-comments-item-meta,
.w-comments-item-text,
.w-comments-item-answer {
    margin-left: 70px;
}
.w-comments-item-meta {
    margin-bottom: 10px;
    zoom: 1;
}
.w-comments-item-meta:after,
.w-comments-item-meta:before {
    content: ' ';
    display: table;
}
.w-comments-item-meta:after {
    clear: both;
}
.w-comments-item-icon {
    position: absolute;
    top: 0;
    left: 0;
}
.w-comments-item-author {
    float: left;
    font-weight: bold;
    margin-right: 20px;
}
.w-comments-item-date {
    float: left;
}
.w-comments-item-number {
    float: right;
}
.w-comments-item-delete {
    float: right;
    font-size: 12px;
    margin-right: 20px;
}
.w-comments-item-text {
    margin-bottom: 10px;
}
.w-comments-childlist {
    margin-left: 30px;
}
.w-comments-form {
    padding: 20px;
}
.w-comments-form-title {
    margin-bottom: 20px;
}

/*
 ********************* Widget w-comments modifications **********************/

@media (max-width: 479px) {
    .w-comments-childlist {
        margin-left: 15px;
    }
}

/*
 ********************** Widget w-links basic styles *********************/
.w-links-h {
    position: relative;
}

/*
 ************************** Widget w-nav basic styles ************************/
.w-nav {
    position: relative; /* by default */
}
.w-nav-h {
    position: relative; /* seems like forever */
}
.w-nav-h:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.w-nav-control {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    height: 32px;
    display: none;
}
.w-nav-list {
    display: block; /* by default */ /* block/table */
    width: auto; /* by default */ /* auto/100% */
    min-width: 150px; /* temp */
    position: relative; /* by default */ /* relative/absolute */
}
.w-nav-list.level_2 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
}
.w-nav-list.level_3 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 11;
}
.w-nav-list.drop_left {
    right: 0;
    left: auto;
}
.w-nav-item {
    font-size: 14px;
    line-height: 18px;
}
.w-nav-item-h {
    position: relative;
}
.w-nav-anchor {
    display: block; /* always block */
    position: relative;
    text-decoration: none;
    overflow: hidden; /* clearfix */
}
.w-nav-anchor.level_1 {
    padding: 10px 20px;
    text-align: left;
}
.w-nav-anchor.level_2 {
    padding: 8px 20px;
    text-align: left;
}
.w-nav-anchor.level_3 {
    padding: 8px 20px;
    text-align: left;
}
.w-nav-list.layout_hor .w-nav-anchor.level_1 {
    text-align: center;
}
.w-nav-list.layout_hor .w-nav-item.with_all .w-nav-anchor.level_1,
.w-nav-list.layout_hor .w-nav-item.with_icon .w-nav-anchor.level_1,
.w-nav-list.layout_hor .w-nav-item.with_hint .w-nav-anchor.level_1 {
    text-align: left;
}
.w-nav-list.place_inside.level_2 .w-nav-anchor.level_2,
.w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
    padding-left: 40px;
}
.w-nav-list.place_inside.level_2 .w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
    padding-left: 60px;
}
.w-nav-anchor .w-nav-icon {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
    display: none;
}
.w-nav-hint {
    display: none;
    font-size: 11px;
    line-height: 14px;
    margin-top: 4px;
}
.w-nav-separator {
    display: none;
    float: left;
    width: 2px; /*temp*/
    padding: 10px 0;
    text-indent: -9999px;
    line-height: 18px;
}

/*
 ********************* Element w-nav-list modifications **********************/

/*
 * .LAYOUT_HOR (horizontal layout)
 */

/*
 * .layout_hor.WIDTH_AUTO (normal width, list acts like a list)
 */
.w-nav-list.layout_hor.width_auto > .w-nav-list-h:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.w-nav-list.layout_hor.width_auto > .w-nav-list-h > .w-nav-item {
    float: left;
}

/*
		 * .layout_hor.width_auto.WITH_SEPARATOR (has separator)
		 */
.w-nav-list.layout_hor.width_auto.with_separator > .w-nav-list-h > .w-nav-separator {
    display: block;
}

/*
	 * .layout_hor.WIDTH_STRETCH (width: 100%, list acts like a table)
	 */
.w-nav-list.layout_hor.width_stretch {
    display: table;
    width: 100%;
}
.w-nav-list.layout_hor.width_stretch > .w-nav-list-h {
    display: table-row;
}
.w-nav-list.layout_hor.width_stretch > .w-nav-list-h > .w-nav-item {
    display: table-cell;
}

/*
		 * .layout_hor.width_stretch.WITH_SEPARATOR (has separator)
		 */
.w-nav-list.layout_hor.width_stretch.with_separator > .w-nav-list-h > .w-nav-separator {
    display: table-cell;
    float: none;
    padding: 0;
    font-size: 0;
}

/*
	 * .layout_hor.WIDTH_FULL (width: 100%, elements are distributed among the list)
	 */
.w-nav-list.layout_hor.width_full > .w-nav-list-h {
    text-align: justify;
    line-height: 0;
    text-justify: newspaper;
    text-align-last: justify;
    zoom: 1;
}
.w-nav-list.layout_hor.width_full > .w-nav-list-h:after {
    visibility: hidden;
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    content: '';
}
.w-nav-list.layout_hor.width_full > .w-nav-list-h > .w-nav-item {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    zoom: 1;
}

/*
		 * .layout_hor.width_full.WITH_SEPARATOR (has separator)
		 */
.w-nav-list.layout_hor.width_full.with_separator > .w-nav-list-h > .w-nav-separator {
    display: inline-block;
    float: none;
    position: relative;
    text-align: left;
    line-height: normal;
    vertical-align: top;
    zoom: 1;
}

/*
 * .LAYOUT_SITEMAP (fixed width used to create sitemap view)
 */
.w-nav-list.layout_sitemap.level_1 {
    width: 720px; /* temp */
    font-size: 0;
}
.w-nav-list.layout_sitemap.level_1 > .w-nav-list-h > .w-nav-item {
    display: inline-block;
    vertical-align: top;
    width: 240px; /* temp */
    /* we need to set item font-size manually in sitemap case */
    font-size: 14px;
}
.w-nav-list.layout_sitemap.level_1 .w-nav-anchor.level_1 {
    text-align: left;
}
.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_2,
.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_3 {
    position: relative;
}

.w-nav-list.layout_sitemap.level_2 {
    width: 540px; /* temp */
    font-size: 0;
}
.w-nav-list.layout_sitemap.level_2 > .w-nav-list-h > .w-nav-item {
    display: inline-block;
    vertical-align: top;
    width: 180px; /* temp */
    /* we need to set item font-size manually in sitemap case */
    font-size: 14px;
}

/*
 * .FLOAT_RIGHT (push list to the right)
 */
.w-nav-list.float_right {
    float: right;
}

/*
 * .PLACE_INSIDE (located inside the parent node)
 */
.w-nav-list.place_inside {
    position: static;
}

/*
 * .PLACE_UP (drops up)
 */
.w-nav-list.place_up {
    left: 0;
    bottom: 100%;
    top: auto;
}
.w-nav-list.place_up.drop_left {
    top: auto;
    bottom: 100%;
    right: 0;
    left: auto;
}

/*
 * .PLACE_ASIDE (drops to the right)
 */
.w-nav-list.place_aside {
    left: 100%;
    top: 0;
    bottom: auto;
}
.w-nav-list.place_aside.drop_left {
    right: 100%;
    left: auto;
    top: 0;
}
.w-nav-list.level_2.place_up .w-nav-list.level_3.place_aside {
    bottom: 0;
    top: auto;
}

/*
 * .SHOW_ACTIVE (show only active children elements)
 * .SHOW_ONCLICK (children elements become active on click)
 */
.w-nav-list.show_active,
.w-nav-list.show_onclick {
    display: none;
}
.w-nav-item.active > .w-nav-item-h > .w-nav-list.show_active,
.w-nav-item.clicked > .w-nav-item-h > .w-nav-list.show_onclick {
    display: block;
}
.w-nav-item.active > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_active,
.w-nav-item.clicked > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_onclick {
    display: table;
}

/*
 * .SHOW_ONHOVER (show children elements on hover)
 */
.w-nav-list.show_onhover {
    display: none;
}
.w-nav-item:hover > .w-nav-item-h > .w-nav-list.show_onhover {
    display: block;
}
.w-nav-item:hover > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_onhover {
    display: table;
}

/*
 * .SHOW_ALWAYS (always show children elements)
 * + always show first-level elements
 */
.w-nav-list.show_always,
.w-nav-list.level_1 {
    display: block;
}
.w-nav-list.layout_hor.width_stretch.show_always {
    display: table;
}

/*
 ********************* Element w-nav-item modifications **********************/

/*
 * .WITH_ICON (show item with icon)
 */
.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-icon {
    display: block;
}
.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-title,
.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-title,
.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-title {
    display: block;
    margin-left: 34px;
}

/*
 * .WITH_HINT (show item with hint)
 */
.w-nav-item.level_1.with_hint .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_hint .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_hint .w-nav-anchor.level_3 .w-nav-hint {
    display: block;
    margin-left: 0;
}

/*
 * .WITH_ALL (show item with both icon and hint)
 */
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-icon,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint {
    display: block;
}
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-title,
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-title,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-title,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint {
    display: block;
    margin-left: 34px;
}

/*
 ********************** Widget w-portfolio basic styles *********************/
.w-portfolio-h {
    position: relative;
}
.w-portfolio-list-h {
    margin: 0 -5px;
    position: relative;
}
.w-portfolio-list-h:before,
.w-portfolio-list-h:after {
    content: ' ';
    display: table;
}
.w-portfolio-list-h:after {
    clear: both;
}
.w-portfolio-item {
    float: left;
    margin-bottom: 10px;
    width: 24.95%;
    padding: 0 5px;
    overflow: hidden;
}
.w-portfolio-item-anchor {
    text-decoration: none;
    position: relative;
}
.w-portfolio-item-image {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 0;
    overflow: hidden;
}
.w-portfolio-item-meta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}
.w-portfolio-item-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0;
}
.w-portfolio-item-text {
    display: block;
    line-height: normal;
}

/*
 ******************* Widget w-portfolio modifications ***********************/

/*
 * .WIDE-MARGINS (big margins for tiles)
 */
.w-portfolio.wide-margins .w-portfolio-list-h {
    margin: 0 -10px;
}
.w-portfolio.wide-margins .w-portfolio-item {
    padding: 0 10px;
    margin-bottom: 20px;
}

/*
 * .COLUMNS_5 (5 tiles in row)
 */
.w-portfolio.columns_5 .w-portfolio-item {
    width: 19.95%;
}

/*
 * .COLUMNS_4 (4 tiles in row)
 */
.w-portfolio.columns_4 .w-portfolio-item {
    width: 24.95%;
}

/*
 * .COLUMNS_3 (3 tiles in row)
 */
.w-portfolio.columns_3 .w-portfolio-item {
    width: 33.3%;
}

/*
 * .COLUMNS_2 (2 tiles in row)
 */
.w-portfolio.columns_2 .w-portfolio-item {
    width: 99.9999%;
}

/*
 * .COLUMNS_1 (1 tiles in row)
 */
.w-portfolio.columns_1 .w-portfolio-item {
    width: 99.9999%;
}

/*
 ********************* Responsive w-portfolio **********************/

@media (min-width: 480px) and (max-width: 767px) {
    .w-portfolio.columns_2 .w-portfolio-item,
    .w-portfolio.columns_3 .w-portfolio-item,
    .w-portfolio.columns_4 .w-portfolio-item,
    .w-portfolio.columns_5 .w-portfolio-item {
        width: 99.9999%;
    }
}

@media (max-width: 479px) {
    .w-portfolio.columns_2 .w-portfolio-item,
    .w-portfolio.columns_3 .w-portfolio-item,
    .w-portfolio.columns_4 .w-portfolio-item,
    .w-portfolio.columns_5 .w-portfolio-item {
        width: 100%;
    }
}

/*
  ************************** Widget w-shortblog basic styles ************************/
.w-shortblog-list {
    position: relative;
    overflow: hidden; /* clearfix */
}
.w-shortblog-entry {
    margin-bottom: 30px; /* Temp */
}
.w-shortblog-entry-h {
    position: relative;
}
.w-shortblog-entry-link {
    text-decoration: none;
}
.w-shortblog-entry-img {
    display: none;
    width: 100%;
    overflow: hidden;
}
.w-shortblog-entry-meta {
    font-size: 0;
}
.w-shortblog-entry-meta-date {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 14px;
}
.w-shortblog-entry-meta-comments {
    display: none;
    font-size: 14px;
    margin-bottom: 10px;
}
.w-shortblog-entry-short p {
    margin-bottom: 0;
}

/*
********************* Element w-shortblog modifications **********************/

/*
 * .COLUMNS_2
 */
.w-shortblog.columns_2 .w-shortblog-list {
    margin-left: -20px;
    margin-right: -20px;
}
.w-shortblog.columns_2 .w-shortblog-entry {
    float: left;
    width: 49.9999%;
    padding-left: 20px;
    padding-right: 20px;
}

/*
 * .COLUMNS_3
 */
.w-shortblog.columns_3 .w-shortblog-list {
    margin-left: -20px;
    margin-right: -20px;
}
.w-shortblog.columns_3 .w-shortblog-entry {
    float: left;
    width: 33.3%;
    padding-left: 20px;
    padding-right: 20px;
}

/*
 * .DATE_ATLEFT (show date at left)
 */
.w-shortblog.date_atleft .w-shortblog-entry-title,
.w-shortblog.date_atleft .w-shortblog-entry-meta,
.w-shortblog.date_atleft .w-shortblog-entry-short {
    margin-left: 100px; /* Temp */
}
.w-shortblog.date_atleft .w-shortblog-entry-meta-date {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.w-shortblog.imgpos_atleft.date_atleft .w-shortblog-entry-meta-date {
    position: static;
}

/*
 ********************* Responsive w-blog **********************/

@media (max-width: 1023px) {
    .w-shortblog.columns_3 .w-shortblog-entry {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .w-shortblog.columns_2 .w-shortblog-entry {
        width: 100%;
    }
}
/*
  ************************** Widget w-socials basic styles ************************/
.w-socials-list {
    margin-left: -5px;
    zoom: 1;
}
.w-socials-list:before,
.w-socials-list:after {
    content: ' ';
    display: table;
}
.w-socials-list:after {
    clear: both;
}
.w-socials-item {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.w-socials-item-link {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    border: none;
    overflow: hidden;
}
.w-socials-item-link i {
    font-size: 14px;
    line-height: 30px;
}
.w-socials-item-popup {
    display: none;
    position: absolute;
    bottom: 40px;
    left: -4px;
    padding: 2px 10px 4px;
    background: rgba(0, 0, 0, 0.8);
}
.w-socials-item-popup-text:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 12px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.8);
}
.w-socials-item-popup-text {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
}
.w-socials-item:hover .w-socials-item-popup {
    display: block;
}

/* w-socials icons colors */
.w-socials-item.rss:hover {
    background-color: #ff9702;
}
.w-socials-item.facebook:hover {
    background-color: #3b5998;
}
.w-socials-item.twitter:hover {
    background-color: #00acee;
}
.w-socials-item.gplus:hover {
    background-color: #c63b1e;
}
.w-socials-item.linkedin:hover {
    background-color: #0073b2;
}
.w-socials-item.youtube:hover {
    background-color: #cd332d;
}
.w-socials-item.vimeo:hover {
    background-color: #20b9eb;
}
.w-socials-item.email:hover {
    background-color: #697277;
}
.w-socials-item.skype:hover {
    background-color: #00aff0;
}
.w-socials-item.flickr:hover {
    background-color: #ff0084;
}
.w-socials-item.pinterest:hover {
    background-color: #cb2027;
}
.w-socials-item.tumblr:hover {
    background-color: #2c4762;
}
.w-socials-item.blogger:hover {
    background-color: #fc9947;
}
.w-socials-item.dribbble:hover {
    background-color: #ea4c89;
}
.w-socials-item.vk:hover {
    background-color: #4e7299;
}
.w-socials-item.instagram:hover {
    background-color: #a17357;
}

/*
********************* Element w-socials modifications **********************/

/*
 * .SIZE_NORMAL
 */
.w-socials.size_normal .w-socials-item-link {
    height: 40px;
    width: 40px;
}
.w-socials.size_normal .w-socials-item-link i {
    font-size: 18px;
    line-height: 40px;
}
.w-socials.size_normal .w-socials-item-popup {
    bottom: 50px;
    left: 0;
}
.w-socials.size_normal .w-socials-item-popup-text:after {
    left: 14px;
}
/*
 * .SIZE_BIG
 */
.w-socials.size_big .w-socials-item-link {
    height: 50px;
    width: 50px;
}
.w-socials.size_big .w-socials-item-link i {
    font-size: 22px;
    line-height: 50px;
}
.w-socials.size_big .w-socials-item-popup {
    bottom: 60px;
    left: 0;
}
.w-socials.size_big .w-socials-item-popup-text:after {
    left: 14px;
}

/*
 ************************** Widget w-tabs basic styles ************************/
.w-tabs-list {
    position: relative;
    zoom: 1;
}
.w-tabs-list:after,
.w-tabs-list:before {
    display: table;
    content: ' ';
}
.w-tabs-list:after {
    clear: both;
}
.w-tabs-item {
    float: left;
    font-size: 0;
    padding: 10px;
    position: relative;
    cursor: pointer;
}
.w-tabs-item-icon {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
}
.w-tabs-item-title {
    display: block;
    font-size: 16px;
    line-height: 24px;
}
.w-tabs-item-control {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}
.w-tabs-section {
    position: relative;
}
.w-tabs-section-title {
    display: none;
    font-size: 0;
    padding: 10px;
    position: relative;
    cursor: pointer;
}
.w-tabs-section-title-icon {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
}
.w-tabs-section-title-text {
    display: block;
    padding-right: 34px;
    font-size: 16px;
    line-height: 24px;
}
.w-tabs-section-title-control {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}
.w-tabs-section-content {
    display: none;
}
.w-tabs-section.active .w-tabs-section-content {
    display: block;
}
.w-tabs-section-content-h {
    padding: 10px;
}

/*
 ********************* Widget w-tabs modifications **********************/

/*
 * .WITH_ICON (display icons in tab's titles)
 */
.w-tabs-item.with_icon .w-tabs-item-icon,
.w-tabs-section.with_icon .w-tabs-section-title-icon {
    display: block;
}
.w-tabs-item.with_icon .w-tabs-item-title,
.w-tabs-section.with_icon .w-tabs-section-title-text {
    margin-left: 34px;
}

/*
 * .LAYOUT_ACCORDION (tabs to accordion)
 */
.w-tabs.layout_accordion .w-tabs-list {
    display: none;
}
.w-tabs.layout_accordion .w-tabs-section-title {
    display: block;
}

/*
 ************************** Widget w-tags basic styles ************************/
.w-tags-h {
    position: relative;
    zoom: 1;
}
.w-tags-h:after,
.w-tags-h:before {
    display: table;
    content: ' ';
}
.w-tags-h:after {
    clear: both;
}
.w-tags-item {
    float: left;
    margin: 0 5px 0 0;
}

/*
 ********************* Widget w-tags modifications **********************/

/*
 * .TITLE_ATLEFT (title at left from the list)
 */
.w-tags.title_atleft .w-tags-title {
    float: left;
}
.w-tags.title_atleft .w-tags-title-h {
    /* reset to main font style */
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}
.w-tags.title_atleft .w-tags-list {
    margin-left: 50px;
}

/*
 * .TITLE_NONE (title at left from the list)
 */
.w-tags.title_none .w-tags-title {
    display: none;
}

/*
 * .LAYOUT_BLOCK (as inline-block elements)
 */
.w-tags.layout_block .w-tags-item {
    margin: 0 5px 5px 0;
}
.w-tags.layout_block .w-tags-item-link {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
.w-tags.layout_block.title_atleft .w-tags-title-h {
    padding: 5px 0;
}
.w-tags.layout_block .w-tags-item-separator {
    display: none;
}

/*
 * .LAYOUT_LIST (as block elements)
 */
.w-tags.layout_list .w-tags-item {
    float: none;
    margin: 0 0 5px;
}
.w-tags.layout_list .w-tags-item-separator {
    display: none;
}

/*
  ************************** Widget w-video basic styles ************************/

.w-video {
    margin-bottom: 20px;
}
.w-video-h {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.w-video-h iframe,
.w-video-h object,
.w-video-h embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
********************* Element w-video modifications **********************/

/*
 * .RATIO_4-3 (4:3 aspect ratio)
 */
.w-video.ratio_4-3 .w-video-h {
    padding-bottom: 75%;
}

/*
 * .RATIO_3-2 (3:2 aspect ratio)
 */
.w-video.ratio_3-2 .w-video-h {
    padding-bottom: 66.667%;
}

/*
 * .RATIO_1-1 (1:1 aspect ratio square format)
 */
.w-video.ratio_1-1 .w-video-h {
    padding-bottom: 100%;
}
