margin-right: -10px;
}
.row h4 {
font-family: 'Roboto Slab';
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
}
.col {
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.col_6_of_12 {
width: 50%;
}
.col_4_of_12 {
width: 33.33333333%;
}
.col_8_of_12 {
width: 66.66666667%;
}
pre {
display: block;
overflow: hidden;
padding: 10px;
margin: 0 0 10px;
font-family: "Courier News", Monospace;
font-size: 12px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
background-color: #f1f1f1;
border: none;
}
/* Contact Form
----------------------------------------*/
.contact-info {
width: 100%;
border: 1px solid #e6e6e6;
height: 40px;
padding-left: 10px;
margin-bottom: 15px;
}
.contact-info:focus {
outline: 2px solid #eec814;
}
#message {
height: 300px;
max-width: 100%;
}
#send-button {
width: 100%;
height: 40px;
cursor: pointer;
background: $maincolor;
color: #fff;
}
#send-button:hover {
background: #555;
}
/*================================================
Media Queries
================================================*/
@media only screen and (max-width: 1200px) {
.container {
width: 96%;
}
}
@media only screen and (max-width: 1024px) {
.logo-and-ad-container {
display: block;
text-align: center;
}
.logo-and-ad-container .widget {
display: inline-block;
}
.logo-and-ad-container .Header {
margin-bottom: 20px;
}
.search-box {display: none;}
.item .post-author.vcard, .item .post-timestamp {margin-right: 20px;}
}
@media only screen and (max-width: 960px) {
.divider {
display: none;
}
.blog-posts-wrapper {
float: none;
max-width: 100%;
margin-bottom: 30px;
}
.sidebar-wrapper {
float: none;
width: 100%;
}
.social_item-wrapper {
width: 30.6%;
}
.recent-post-item {
width: 100%;
}
.top-box-item {
width: 49.9%;
margin-right: 0.14% !important;
height: 220px;
}
.top-box-item:nth-child(1),
.top-box-item:nth-child(2) {
margin-bottom: 1px;
}
.top-box-item:nth-child(2) {
margin-right: 0 !important;
}
#footer-wrapper .container > .section {
width: 100%;
float: none;
}
.follow-by-email-inner td:last-child:before {
content: '';
}
}
@media only screen and (max-width: 880px) {
.search-box {display: block;}
.top-nav-wrapper .widget:first-child ul {
position: absolute;
display: none;
background-color: #555;
z-index: 11;
}
.top-nav-icon {
display: block;
cursor: pointer;
}
.top-nav-wrapper .widget:first-child li {
float: none;
white-space: nowrap;
line-height: normal;
margin-right: 0;
}
.top-nav-wrapper .widget:first-child a {
display: block;
padding: 15px;
}
.top-nav-wrapper .widget:first-child a:hover {
background: $maincolor;
color: #fff;
}
#main-nav-wrapper {
position: relative;
}
#main-nav {
position: absolute;
top: 46px;
display: none;
z-index: 999;
}
#mobile-main-nav-btn {
display: block;
line-height: 46px;
float: left;
padding: 0 10px;
color: #fff;
cursor: pointer;
background: $maincolor;
}
#mobile-main-nav-btn:after {
content: '\25be';
margin-left: 5px;
font-size: 1.5rem;
line-height: 1;
}
#main-nav .widget-content > ul {
background: #555;
}
#main-nav .widget-content > ul > li {
float: none !important;
margin-right: 0;
line-height: 40px;
}
#main-nav .widget-content > ul > li > a {
padding: 0 15px;
border-radius: 0;
display: block;
}
.mega-menu {
display: none !important;
}
.mega-icon:after {
content: '';
}
.center-box {
float: none;
}
.right-box-wrapper,
.left-box-wrapper {
float: none;
width: 100%;
}
.left-box, .right-box {
height: 210px;
width: 49.9%
}
.left1, .right1 {
float: left;
}
.left2, .right2 {
float: right;
}
.center-box {
width: 100%;
margin: 0 0 1px 0;
}
}
@media only screen and (max-width: 768px) {
.logo-and-ad-container .widget:last-child {
display: none;
}
.logo-and-ad-container .Header {
margin-bottom: 0;
}
}
@media only screen and (max-width: 660px) {
.bottom-box-item {
width: 100%;
margin-right: 0 !important;
margin-bottom: 1px !important;
}
.bleft .big-post, .bleft .other-posts {
width: 100%;
float: none;
}
.bleft .other-posts {
height: auto;
}
.bleft .content-item h2 {
padding: 10px;
}
.bleft .big-post {
padding: 33% 0;
height: auto;
}
.twocolumns .items-wrapper-left,
.twocolumns .items-wrapper-right {
float: none;
width: 100%;
}
.twocolumns .items-wrapper-left {
margin-bottom: 10px
}
.twocolumns .post-image {
width: 90px;
}
.twocolumns .item {
margin-bottom: 10px !important;
}
.threecolumns .item {
width: 48%;
margin-right: 4%;
}
.threecolumns .item:nth-child(2n+2) {
margin-right: 0;
}
.threecolumns .item:nth-child(3) {
margin-right: 4%;
}
.post-image-wrapper {
width: 100%;
height: 260px;
}
.post-image-wrapper .post-image {
width: 100%;
height: 250px;
}
.entry-title {
margin-bottom: 15px;
}
.summary {
margin-bottom: 10px;
}
.post-meta {
position: static;
}
.bsummary .big-post {
float: none;
width: 100%;
margin-bottom: 30px;
}
.bsummary .big-post .post-image {
margin-bottom: 10px;
border-width: 2px;
}
.bsummary .other-posts {
float: none;
width: 100%;
}
.bsummary .other-posts .post-image {
width: 90px;
height: 75px;
padding: 0;
}
.bsummary .content-item {
margin-bottom: 20px;
}
.list_big-post {
width: 100%;
float: none;
margin-bottom: 15px;
}
.list_other-posts {
float: none;
width: 100%;
}
.grid_item {
float: none;
width: 100%;
margin-right: 0 !important;
}
}
@media only screen and (max-width: 575px) {
.author-avatar {
float: none;
display: block;
Back to home |
File page
Subscribe |
Register |
Login
| N