.page-home{ .layout-content{ .layout-content-boxL{ padding: 0 10px 30px; } .layout-content-boxR{ padding: 0 10px 0px; } h3{ color: $theme-color-second; font-family: $main-font; font-size: 24px; margin: 0 0 0.5em 0; line-height: 1.5; } .widget-announcement-15{ background-color: #fff; position: relative; z-index: 10; .w-annc__widget-title{ color: $theme-color-second; font-size: 24px; margin-top: 0; } .w-annc__box{ border: 1px solid #f7ca63; border-top: 5px solid #f2980a; padding: 20px 30px; position: relative; &:after{ content: ""; height: 5px; width: 4px; background-color: #fff; position: absolute; top: -5px; right: 28%; } } .w-annc__item{ margin-bottom: 15px; } .w-annc .w-annc__meta i,.w-annc__postdate,.w-annc__category{ color: #222; } h4.w-annc__entry-title{ margin: 5px 0; .w-annc__title{ color: #495054; display: block; line-height: 1.7; &:hover{ color: $theme-color-main; } } } .w-annc__more-wrap{ .w-annc__more{ text-transform: uppercase; border: 1px solid #e3e3e3; background-color: #f2f2f2; color: #222; font-size: $font-13; display: block; line-height: 28px; text-align: center; &:hover{ background-color:$theme-color-main; border-color: $theme-color-main; color: #fff; transition: all 0.2s; } } } } .widget-announcement-16{ .w-annc__item{ margin-bottom: 0; } .w-annc__img-wrap{ .w-annc__img{ max-width: none; width: 100%; height: auto; border: 1px solid #e4e2de; } } .w-annc__more{ text-transform: uppercase; padding-left: 10px; font-size: $font-13; color: #715050; &:hover{ color:$theme-link-color; } } } .widget-gallery.widget2{ a.widget-pic{ img{ border: 4px solid #d8d4cc; } &:hover{ img{ border-color: #fbb05d; transition: all 0.2s; } } } } .aside > div{} .aside-top{ font-size: $font-13; line-height: 1.7; color: #222; position: relative; margin-bottom: 30px; a.w-annc__more { padding-left: 10px; font-size: $font-13; color: #715050; &:hover{ color:$theme-link-color; } } } .aside-bottom{ > div{ padding-bottom: 30px; .w-annc__widget-title,.w-annc__list,.w-ba-banner__widget-title,.w-ba-banner__wrap{ position: relative; z-index: 10; } } } .extra{ clear: both; padding: 0 10px; } @media (min-width: $screen-sm){ .aside-bottom{ margin: 0 -20px; > div{ width: 50%; float: left; padding: 30px 20px 30px 20px; position: relative; } } } @media (min-width: $screen-md){ .container{padding: 2em 50px 2em 35px;} .layout-content-boxL{ float: left; width: 36%; } .layout-content-boxR{ float: right; width: 63%; } .aside-top{ margin-top: 48px; &:after{ right: -35px; } } } } }