*/
/*--------------------------------------
--------Body--------------------------
---------------------------------------*/
body {
background: $(posts.background.color);
color: $(main.text.color);
min-width: 320px;
}
.tbody {
margin-right: auto !important;
margin-left: auto !important;
}
a {
color: $(main.link.color);
text-decoration: none;
}
a:focus {
outline: none;
}
.no-js .preloader {
display: none;
}
.preloader {
display: block;
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 9999;
top: 0;
left: 0;
background: $(posts.background.color); /* this is important so it's not transparent */
}
.preloader .loaded {
height: auto;
left: 50%;
margin: -20px 0px 0px -20px;
position: fixed;
text-align: center;
top: 50%;
width: auto;
color: white;
}
.preloader .loaded i {
font-size: 28px;
color: #d6d6d6;
}
.loadtext {
font-family: Balthazar;
font-size: 15px;
letter-spacing: 0.4px;
text-transform: uppercase;
}
#sider {
width: 300px;
}
.infobox .header #header-inner {
display: none;
}
#header-inner a {
display: inline-block !important;
}
#header-inner {
text-align: center;
}
.muwrap .widget h2, .slwrap .widget h2 {
display: none;
}
.menulinks #menu-v > li > ul {
visibility: hidden;
position: absolute;
left: 275px;
}
html.no-touch body #menu-v li ul li {
position: relative;
}
html.no-touch body #menu-v li ul .sub {
left: 100% !important;
top: 0 !important;
}
html.no-touch #menu-v .arrow {
position: relative;
}
html.no-touch #menu-v .arrow:after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
position: absolute;
opacity: 0;
right: -18px;
transition: all 0.3s;
font-size: $(menu.arrow.size);
vertical-align: middle;
line-height: $(menu.arrow.adjust);
color: $(menu.arrow.color);
}
html.no-touch #menu-v > li:hover > .arrow:after {
opacity: 1;
right: -25px;
}
body, .fullwrap, .sider {
height: 100%;
}
#backtotop {
bottom: 22px;
position: fixed;
left: auto;
right: 70px;
z-index: 9999;
position: fixed;
z-index: 9998;
display: block;
}
#backtotop a {
background: $(scroll.background.color);
color: #454545;
padding: 7px 13px 6px;
text-decoration: none;
border-radius: 3px;
opacity: 0.6;
}
#backtotop .fa.fa-chevron-up {
color: $(scroll.arrow.color);
font-size: 14px;
}
.arrowtop {
color: #708090;
font-size: 22px;
margin-bottom: 12px;
text-align: center;
width: 37px;
}
html {
overflow-x: hidden;
}
.Attribution {
display: none;
}
/*--------------------------------------
--------Sidebar 1--------------------------
---------------------------------------*/
.fotorama img {
height: 100%;
width: 100%;
}
.fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
border: 1px solid #D0CACA;
}
.fotorama__nav-wrap {
bottom: 20px;
position: absolute;
}
.social-feed {
text-align: center;
padding: 10px 0;
}
.fotorama__html h3:before {
clip: rect(175px 252px 260px 0px) !important;
clip: rect(175px, 252px, 260px, 0px) !important;
content: "";
}
.fotorama__html h3:after, .fotorama__html h3:before {
border: 2px solid $(slidertext.border.color);
border-radius: 49%;
clip: rect(0px 264px 56px 7px);
clip: rect(0px, 264px, 56px, 7px);
content: "";
height: 223px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 223px;
z-index: -99;
}
.fotorama__html h3 {
left: 50%;
margin: 0 auto;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1000;
}
.fotorama__html h3 {
color: $(slider.text.color);
font: $(slider.text.font);
max-width: 750px;
}
.kickme .section {
margin: 0px;
}
.kickme .social-feed li {
float: none;
height: 60px;
display: inline-block;
width: 70px;
padding: 0px;
}
.kickme .social-feed img {
border: none;
height: 60px;
width: 70px;
opacity: 1;
}
.kickme .social-feed ul {
line-height: 0 !important;
}
.corner-stamp {
background-size: cover;
float: right;
height: 264px;
margin: 0 !important;
overflow: hidden;
padding: 0;
position: relative;
width: 399px;
z-index: 999;
}
.corner-stamp:after {
content: " ";
background: rgba(210, 189, 58, 0.94);
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
#stickyme .stampimg {
height: auto;
position: absolute;
width: 100%;
}
#Blog1.widget {
min-height: none;
}
#stickyme .widget.HTML {
height: 100%;
}
.nosticky #stickyme {
display: none;
}
.maskerr {
height: 100%;
position: absolute;
width: 100%;
}
.maskoo {
box-sizing: border-box;
color: #FFFFFF;
display: block;
left: 0;
padding: 46px 56px;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translate(0%, -50%);
width: 100%;
z-index: 9999;
}
.maskttop {
font-family: Satisfy, Balthazar;
font-size: 32px;
font-weight: 500;
letter-spacing: 1.9px;
margin-bottom: 10px;
padding-bottom: 6px;
position: relative;
line-height: 1.4;
}
.maskcon {
font-family: Balthazar;
font-size: 18px;
letter-spacing: 0.4px;
color: #FFFFFF;
line-height: 24px;
}
.maskttop:after {
background: #F4DC12;
bottom: 0;
content: "";
display: inline-block;
height: 3px;
margin-right: -21px;
position: absolute;
right: 50%;
width: 42px;
z-index: 99999999;
}
.main {
position: static !important;
}
#main-wrapper .widget {
margin: 0 !important;
}
.fullarchive .widget-content a {
color: #444444;
font-family: balthazar;
font-size: 19px;
line-height: 24px;
}
.fullarchive .widget-content a:hover {
color: #8C3A3A;
}
.ContactForm .title, .BlogArchive h2 {
color: #484848;
font-family: Balthazar;
font-size: 25px;
letter-spacing: 0.3px;
margin-bottom: 18px;
}
.ContactForm .form form {
color: #474747;
font-family: balthazar;
font-size: 17px;
}
.contact-form-button.contact-form-button-submit {
background: #434343;
border: medium none;
font-family: balthazar;
font-size: 18px;
letter-spacing: 0.4px;
font-weight: normal;
height: 35px;
width: 100%;
cursor: pointer;
}
.contact-form-button-submit:hover {
border: medium none;
}
.contact-form-error-message-with-border {
font-family: Balthazar;
font-size: 13px;
padding: 5px;
}
#archivebtn i {
color: $(submenu.icon.color);
}
.no-touch #menu-v i {
color: $(submenu.icon.color);
padding-right: 5px;
}
.touch #menu-v i {
color: $(touch.icon.color);
}
.arrow {
cursor: pointer;
}
.socialicons i {
border-radius: 100%;
color: $(social.text.color);
font-size: 14px;
height: 28px;
line-height: 29px;
overflow: hidden;
text-align: center;
width: 29px;
}
.socialicons > a:nth-child(1) i {
background: $(social.text1.background);
}
.socialicons > a:nth-child(2) i {
background: $(social.text2.background);
}
.socialicons > a:nth-child(3) i {
background: $(social.text3.background);
}
.socialicons > a:nth-child(4) i {
background: $(social.text4.background);
}
.socialicons > a:nth-child(5) i {
background: $(social.text5.background);
}
.socialicons > a:nth-child(6) i {
background: $(social.text6.background);
}
.socialicons {
line-height: 40px;
margin: 0 auto;
max-width: 200px;
text-align: center;
}
.socialicons i, .socialicons img {
margin-right: 7.5px;
margin-left: 7.5px;
}
.socialicons a:hover {
color: #898989;
}
.sb-email {
background-position: 0px -20px !important;
}
.sb-blog {
background-position: -20px -20px !important;
}
.sb-twitter {
background-position: -40px -20px !important;
}
.sb-facebook {
background-position: -60px -20px !important;
}
.sb-pinterest {
background-position: -100px -20px !important;
}
.ContactForm .title:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 21px;
line-height: 21px;
color: #4D4D4D;
padding-right: 12px;
position: relative;
top: 1px;
}
.BlogArchive h2:before {
content: "\f187";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 21px;
line-height: 21px;
color: #4D4D4D;
padding-right: 12px;
position: relative;
top: 1px;
}
#cclose {
color: $(menuclose.icon.color);
display: block;
font-size: 25px;
margin-top: -8px;
position: relative;
left: -32px;
}
.widget-item-control a img, .credit, .fullcontact, .fullarchive {
display: none;
}
.b-close {
background: #C0C0C1;
color: #FFFFFF;
padding: 4px 10px;
position: absolute;
right: 15px;
display: block;
cursor: pointer;
}
.b-close i {
color: #4B4B4B;
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
border: none;
box-shadow: none;
}
.hidall {
background: #eeeeee;
padding: 25px 75px;
}
.BlogArchive .post-count {
color: #515151;
}
.Profile img {
display: block;
float: none;
}
.topwrapper, #back, .eyed {
display: none !important;
}
.fullwrap {
}
.fullwrap.active {
left: 0px;
}
.fullwrap.active #sider {
position: absolute;
bottom: 0px;
}
.fullwrap.active .credit {
position: relative;
padding-top: 25px;
}
#cclose.active:before {
content: "\f057";
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
}
#dclose {
color: $(navicon.icon.color);
display: block;
font-size: 24px;
position: relative;
}
.goside {
display: block;
left: 50px;
position: absolute;
text-align: center;
top: 23px;
z-index: 999;
}
#dclose:before {
content: "\f0c9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
#dclose:after {
content: " ";
font-family: Hammersmith One;
font-size: 18px;
padding-left: 6px;
position: relative;
top: -2px;
}
#dclose.active:before {
content: "\f0c9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
}
#sider {
background: $(sidebar.background.color);
color: #fff;
clear: both;
overflow: visible;
z-index: 9999;
}
.fullwrap.active #sider {
left: 0;
}
.js #sider {
width: 300px;
height: 100%;
position: fixed;
top: 0;
left: 0px;
display: none;
}
.js .active #sider {
display: block;
}
.errorpg.walign {
font-family: Lobster Two;
font-size: 20px;
color: #f7f7f7;
text-align: center;
padding-top: 40px;
}
.errorpg.walign:before {
content: '404';
display: block;
margin-bottom: 8px;
font-size: 60px;
letter-spacing: 3px;
}
.errorpg.walign:after{
content:'$(error.page.text)';
letter-spacing: 0.3px;
}
.blog-posts {
background: $(posts.background.color);
}
.post-outer .thumbo img {
display: block;
position: relative;
}
.hoverset .widget {
display: none;
}
.post-outer .thumbo .fullbox {
position: absolute;
background: $(grid.hoverone.background);
opacity: 0.95;
width: 100%;
height: 100%;
}
.post-outer .thumbo .fullbox .smallbox {
color: $(grid.title.color);
font: $(grid.title.font);
letter-spacing: 0.5px;
text-align: center;
text-transform: none;
word-spacing: -0.6px;
position: absolute;
right: 0;
left: 0;
top: 50%;
display: block;
width: 100%;
}
.slideup .post-outer .thumbo .fullbox .smallbox {
color: rgba(255, 255, 255, 0.9);
font-family: Patua One;
font-size: 24px;
font-weight: normal;
letter-spacing: 0.5px;
text-align: center;
text-transform: none;
word-spacing: -0.6px;
position: absolute;
right: 0;
left: 0;
bottom: 68px;
top: auto;
display: block;
width: 100%;
}
.slideup .post-outer:hover .fullbox:before, .slideup .post-outer:hover .smallbox {
opacity: 1;
-moz-transform: translate3d(0,10px,0);
-webkit-transform: translate3d(0,10px,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slideup .fullbox:before, .slideup .smallbox {
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-ms-transition: opacity 0.35s, -ms-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.slideup .fullbox:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%);
background: -moz-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%);
background: -ms-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%);
background: linear-gradient(to bottom, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
-moz-transform: translate3d(0,50%,0);
-ms-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
z-index: 0;
}
.slideup .smallbox {
opacity: 0;
-moz-transform: translate3d(0,10px,0);
-webkit-transform: translate3d(0,10px,0);
-ms-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
.slideup .thumbo {
height: 100%;
width: 100%;
}
.slideup .post-outer .thumbo .fullbox {
position: static;
background: none;
opacity: 1;
width: auto;
height: auto;
}
.slideup .socialbuts .zoom > a {
background: $(slideup.zoom.background);
}
.slideup .socialbuts .zoom i {
color: $(slideup.zoom.color);
}
.slideup .postmain a {
color: $(slideup.title.color);
}
.slideup .post-labels.ongrid, .slideup .post-labels.ongrid a {
color: $(slideup.label.color);
border: none;
}
.fa.fa-angle-down {
font-size: 15px;
left: 4px;
position: relative;
top: 2px;
}
.socialbuts {
bottom: 20px;
height: 32px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 32px;
text-align: center;
}
.socialbuts .zoom > a {
opacity: 0;
transition: all 0.3s ease 0s;
}
.blog-posts .post-outer:hover .socialbuts .zoom > a {
opacity: 1;
}
.socialbuts .zoom > a {
background: $(zoom.icon.background);
display: block;
height: 28px;
width: 28px;
border-radius: 50px;
}
.socialbuts .zoom i {
font-size: 18px;
line-height: 18px;
position: absolute;
top: -1px;
left: -1px;
padding: 8px;
color: $(zoom.icon.color);
}
#pic img {
height: 120px !important;
width: 120px !important;
margin: 0 auto;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
-o-border-radius: 80px;
-ms-border-radius: 80px;
border-radius: 80px;
}
.Profile {
text-align: center;
margin-bottom: 4px;
}
.logo {
display: inline-block
}
#myprofile {
display: block;
}
.topwrapper {
background: #E9E9E9;
height: 267px;
position: relative;
width: 100%;
}
font {
display: none !important;
}
font {
color: #454545;
display: block;
font-size: 13px;
line-height: 18px;
padding-top: 5px;
}
.topper {
color: #FFFFFF;
font-family: 'Trebuchet MS';
font-size: 17px;
height: 50px;
letter-spacing: 0.4px;
position: fixed;
text-decoration: underline;
top: 0;
width: 58px;
z-index: 999;
}
.toptier {
padding-left: 17px;
padding-right: 20px;
padding-top: 12px;
}
.fa.fa-navicon {
color: #DDDDDD;
font-size: 24px;
}
.fa.fa-navicon:hover {
color: #B44444;
}
.labelblog .post-title a {
color: inherit;
}
.labelblog .post-labels, .labelblog .post-comment-link {
display: none;
}
.labelblog .leftcontent {
margin-bottom: 0;
padding-bottom: 0;
}
.labelblog .post-footer {
margin-bottom: 60px;
}
.labelblog .post-outer {
width: 100%;
height: auto;
padding-left: 120px;
padding-right: 120px;
padding-top: 50px;
}
.mainwrap #blog-pager {
padding-left: 210px;
padding-right: 120px;
margin-bottom: 50px;
}
.main #blog-pager a {
font: $(pager.text.font);
color: $(pager.text.color);
letter-spacing: 0.6px;
box-shadow: inset 0 -7px 0px $(pager.text.border);
}
.main .blog-pager-newer-link:before {
content: '\f104';
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 7px;
vertical-align: middle;
font-size: 23px;
}
.main .blog-pager-older-link:after {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 7px;
vertical-align: middle;
font-size: 23px;
}
.labelblog .post-outer img {
max-width: 100%;
width: auto;
}
.labelblog .post {
padding-left: 90px;
}
#mydate {
box-shadow: 1px 2px 1px $(date.shadow.color);
left: 0;
position: absolute;
top: 5px;
}
#mydate span {
background: $(date.background.color);
color: $(date.text.color);
font: $(date.text.font);
display: block;
line-height: 24px;
padding-left: 14px;
padding-right: 14px;
}
#mydate .dday {
letter-spacing: 0.6px;
padding-top: 5px;
}
#mydate .dmonth {
letter-spacing: 1px;
padding-bottom: 4px;
}
#mydate .dyear {
background: $(year.background.color);
color: $(year.text.color) !important;
font: $(year.text.font);
letter-spacing: 1px;
padding-bottom: 2px;
padding-top: 1px;
}
.mobheader {
line-height: inherit;
padding: 15px 25px;
text-align: right;
position: relative;
background: $(mobheader.background.color);
}
.mobheader #header-inner {
text-align: right;
}
.mobheader .descriptionwrapper {
padding-right: 0px;
}
.mobheader .goside {
top: 50%;
margin-top: -12px;
left: 25px;
}
.mobheader .section, .mobheader .widget {
margin: 0;
}
.mobheader .titlewrapper h1, .mobheader .titlewrapper h1 a {
color: $(mobheader.title.color);
font: $(mobheader.title.font);
padding-right: 0px;
}
.infobox {
padding-left: 0px;
padding-right: 0px;
padding-top: 38px;
padding-bottom: 9px;
margin-top: 0px;
}
#header-wrapper {
text-align: center;
}
#Header1 {
margin-bottom: 0;
margin-top: 0;
}
.toog {
background: none repeat scroll 0 0 #090909;
float: left;
height: 55px;
margin: 0 !important;
position: relative;
width: 75px;
}
.titlewrapper h1 a {
color: $(blogtitle.text.color);
text-decoration: none !important;
}
.titlewrapper h1 {
color: $(blogtitle.text.color);
font: $(blogtitle.text.font);
letter-spacing: 1px;
text-align: right;
padding-right: 36px;
margin-top: -4px;
}
.descriptionwrapper {
color: $(description.text.color);
font: $(description.text.font);
line-height: 25px;
letter-spacing: 0.8px;
margin-top: -15px;
padding-right: 40px;
text-align: right;
}
.mobheader .Header .description {
margin: 0;
padding: 0;
color: $(mobheader.description.color);
font: $(mobheader.description.font);
letter-spacing: 0.3px;
line-height: 24px;
}
.mypic {
border-radius: 100%;
}
.jump-link a {
color: #A44040;
display: inline-block;
font-family: balthazar;
font-size: 19px;
letter-spacing: 0.6px;
margin-top: 5px;
}
#search-box {
padding-top: 1px;
}
#search-form {
background: #D2D2D2;
padding: 2px 7px;
}
#search-button {
background: none;
border: none;
color: #FFFFFF;
}
#search-text {
background: none;
border-bottom: none;
border-left: none;
border-right: 1px solid #c1c1c1;
border-top: none;
color: #595959;
font-size: 14px;
}
/*----for only image hover .logo:hover span----*/
.infobox:hover .logo span {
background-position: 60px 100px;
position: absolute;
z-index: 99;
display: block;
}
#menubar .widget {
line-height: normal !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
#menubar .title {
display: none;
}
#menubar #HTML2 {
float: right;
margin-right: 5%;
display: block;
position: relative;
width: 210px;
}
#HTML2 .widget-content {
margin-top: 10px;
}
#menubar #HTML2 img {
margin-left: 26px;
}
#menubar #HTML1 {
text-align: left;
margin-left: 8%;
white-space: nowrap;
}
#menubar {
height: 50px;
}
.pou {
background: #E9E9E9;
display: inline-block;
margin-top: 4px;
}
.pou img {
height: 28px;
margin-right: 8px;
width: 28px;
}
.topwrapper .fa {
background: #FFFFFF;
border: 1px solid #DCDCDC;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #808080;
display: inline-block;
font-size: 14px;
height: 14px;
line-height: 14px;
margin-left: 10px;
padding: 5px;
text-align: center;
width: 14px;
}
.topwrapper .fa.fa-rss {
background: #F49B1A;
border: 1px solid #F49B1A;
color: #FFFFFF;
}
.topwrapper .fa.fa-twitter {
background: #69A8DC;
border: 1px solid #69A8DC;
color: #FFFFFF;
}
.topwrapper .fa.fa-facebook {
background: #3C7BAD;
border: 1px solid #4682B4;
color: #FFFFFF;
}
.topwrapper .fa.fa-pinterest {
background: #CD5959;
border: 1px solid #CD5959;
color: #FFFFFF;
}
.CustomSearch {
display: block;
float: right;
height: 35px;
padding-right: 45px;
padding-top: 15px;
width: 200px;
position: relative;
z-index: 9999;
}
.gsc-input {
Width: 110px;
}
/*-------------------------------------------
-------------- Search ---------------------
----------------------------------------*/
.noposts .rfound {
text-align: center;
padding-top: 50px;
font-family: 'Balthazar';
font-size: 25px;
left: 1px;
}
.s-wrapp {
position: fixed;
bottom: 17px;
right: 17px;
z-index: 9999;
width: 40px;
}
#search-form {
background: #D2D2D2;
padding: 2px 7px;
}
#search-button {
background: none;
border: none;
color: #FFFFFF;
}
.sb-search .sb-icon-search > i {
color: $(search.icon.color);
display: inline-block;
font-size: 15px;
}
.sb-search input[type="search"]::-webkit-search-cancel-button {
position: relative;
right: -8px;
cursor: pointer;
}
#search-text {
background: none;
border-bottom: none;
border-left: none;
border-right: 1px solid #c1c1c1;
border-top: none;
color: #595959;
font-size: 14px;
}
.sb-search {
float: right;
height: 30px;
min-width: 40px;
overflow: hidden;
position: relative;
-moz-transition: width 0.3s ease 0s;
-webkit-transition: width 0.3s ease 0s;
-o-transition: width 0.3s ease 0s;
transition: width 0.3s ease 0s;
width: 0;
z-index: 987;
}
.sb-search-input {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #2C3E50;
font-family: inherit;
height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
outline: medium none;
padding: 3px 60px 3px 10px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
input[type="search"].sb-search-input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder, .sb-search-input:-moz-placeholder, .sb-search-input:-ms-input-placeholder {
color: #353535;
font-size: 13px;
}
.sb-icon-search, .sb-search-submit {
cursor: pointer;
display: block;
height: 30px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.sb-search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
color:red;
border: none;
outline: none;
z-index: -1;
}
input.sb-search-input[type="search"] {
color: #515151;
font-size: 14px;
font-family: sans-serif;
}
.sb-icon-search {
background: $(search.background.color);
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: none;
z-index: 90;
-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
content: "";
}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 220px;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: $(search.active.background);
color: #fff;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
/* z-index: 90;*/
}
/*--------------------------------------
--------Post Body--------------------------
---------------------------------------*/
.main {
padding: 0px;
display: block;
overflow: visible;
background: $(posts.background.color);
}
.mainwrap {
margin-right: 0px;
margin-left: 0px;
}
.mainwrap .main.section {
margin: 0px;
}
.mainwrap #SliderImages {
margin: 0;
}
.mainwrap #SliderImages h2.title {
display: none;
}
#main-wrapper {
position: relative;
z-index: 199;
width: 100%;
padding-bottom: 150px;
}
.post-body {
color: $(postbody.text.color);
font: $(postbody.text.font);
line-height: 27px;
-webkit-font-smoothing: antialiased;
}
.post-title {
border-bottom: 3px solid $(posttitle2.border.color);
color: $(posttitle2.text.color);
font: $(posttitle2.text.font);
display: inline-block;
line-height: 38px;
margin-bottom: 8px;
padding-top: 3px;
padding-bottom: 12px;
word-spacing: 1px;
}
.timestamp-link abbr {
border-bottom: medium none;
}
.post-timestamp {
margin-left: 0px;
}
.home-link {
display: none;
}
.loadericon {
color: $(loadmore.icon.color);
font-size: $(loadmore.icon.size);
padding: 50px 0px;
}
.nomore {
font-family: Balthazar;
font-size: 20px;
letter-spacing: 0.5px;
padding: 2px 12px;
vertical-align: middle;
position: absolute;
bottom: 0px;
line-height: 25px;
}
.ie img {
height: 24px;
width: 24px;
position: relative;
top: 3px;
}
.nomore:after {
content: "\f61f";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: $(end.icon.size);
color: $(end.icon.color);
}
.post-comment-link {
float: right;
margin-right: 10px;
margin-top: 8px;
}
.fa.fa-comment {
color: $(comment.icon.color);
font-size: 11px;
}
.comment-link {
color: $(comment.text.color);
font-size: 11px;
}
.date-header {
float: left;
}
body .post-footer-line .post-location {
display: block;
}
body .post-footer-line .post-location a {
margin-bottom: 20px;
display: inline-block;
margin-top: 10px;
font-size: 18px;
}
.thumbo .masks {
background-color: rgba(255, 255, 255, 0.15);
opacity: 0;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.thumbo .masks {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.thumbo a {
display: inline;
line-height: 0;
}
.post-outer:hover .thumbo img {
-moz-transform: scale(1.02, 1.02);
-webkit-transform: scale(1.02, 1.02);
-o-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
}
.thumbo img {
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-outer:hover .thumbo .masks {
opacity: 1;
}
.fa.fa-comments-o {
color: #B44444;
font-size: 15px;
}
.thumbo {
position: relative;
overflow: hidden;
}
.comment-link {
padding-left: 4px;
}
.post-body a {
color: #CD5C5C;
text-decoration: none;
}
.blog-posts center {
bottom: 5px;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
}
.ias_trigger a {
background: white;
border: 1px solid #888686;
color: #151515;
padding: 8px 10px;
text-transform: uppercase;
}
.post-body h2 {
color: #585858;
font-family: droid serif;
font-size: 23px;
word-spacing: 1px;
}
.post-body h3,.post-body h4 {
color: #515151;
}
.blog-pager a {
font-size: 16px;
text-decoration: none;
}
.blog-pager-older-link-title, .blog-pager-newer-link-title {
color: #ECF0F5;
font-family: droid serif;
font-size: 18px;
font-weight: bold;
}
blockquote {
background: url("http://1.bp.blogspot.com/-J6ggG55gmhg/UeCD7NYcN-I/AAAAAAAAA-o/rN_qRlAU_DI/s1600/quotes.png") no-repeat scroll 4px -5px rgba(0, 0, 0, 0);
color: #C1C1C1;
display: block;
font-family: balthazar;
font-size: 22px;
line-height: 28px;
margin-left: 50px;
margin-right: 40px;
margin-top: 15px;
padding: 10px 36px 14px 68px;
}
.belowbody {
margin: 15px 0;
}
.titlead {
margin-bottom: 10px;
}
.ptitle {
text-align: left;
}
#backtotop {
display: none;
}
.postmain {
display: block;
}
.postmain a {
color: #ffffff;
word-spacing: -1.5px;
}
.post-labels {
border-top: 2px solid $(grid.title.border);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 4px;
margin-top: 4px;
}
.post-labels a {
margin-left: 1px;
margin-right: 2px;
text-decoration: none;
}
.post-labels, .post-labels a {
color: $(post.label.color);
font: $(post.label.font);
letter-spacing: 1.6px;
margin-right: 15px;
}
.post-labels.ongrid, .post-labels.ongrid a {
color: $(grid.label.color);
font: $(grid.label.font);
letter-spacing: 1.2px;
margin-right: 0px;
}
.author-profile {
margin: 15px 0px;
background: $(author.box.background);
padding: 17px;
border-radius: 3px;
}
.post-outer .author-profile img {
height: 64px;
width: 64px;
border-radius: 100px;
border: none;
margin-right: 15px;
}
.author-profile [itemprop="url"] {
font: $(author.name.font);
color: $(author.name.color);
padding-bottom: 0px;
display: block;
margin-top: 2px;
}
.author-profile [itemprop="description"] {
font: $(author.description.font);
color: $(author.description.color);
}
.leftcontent {
margin-bottom: 30px;
}
/*--------------------------------------
--------Sidebar 2-----------------------
---------------------------------------*/
#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
overflow: scroll !important;
/* Specify the width of your pageslide here */
width: 260px;
padding: 20px;
/* These styles are optional, and describe how the pageslide will look */
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
}
#sidebaro {
background: $(sidebar.background.color) $(sidebar.background) no-repeat scroll top left;
display: block;
color: #EFEFEF;
position: relative;
background-size: cover;
}
#sidebaro h2 {
color: #FFFFFF;
}
#sidebaro .nextPrevLink {
display: none;
}
#sidebaro .widget h2 {
color: $(sidebar.title.color);
font: $(sidebar.title.font);
padding-bottom: 4px;
border-bottom: 2px solid $(sidebar.title.border);
display: inline-block;
letter-spacing: 0.9px !important;
margin: 0 56px 0 auto;
display: none;
}
#sidebaro .instawrap .widget h2 {
display: inline-block;
}
.instawrap .widget {
background: $(insta.background.color);
padding-bottom: 3px;
padding-top: 16px;
text-align: right;
}
.menulinks {
margin-top: 10px;
}
.menulinks ul li {
border-bottom: 1px solid $(menu.text.border);
margin: 0 14px;
padding: $(menu.main.spacing) 42px;
text-align: right;
}
.menulinks li ul a {
border-bottom: medium none;
}
#sidebaro .sidebar1 .widget {
font-size: 16px;
}
#sidebaro .sidebar1 .widget a {
font: $(menu.text.font);
letter-spacing: 0.9px;
text-decoration: none;
line-height: inherit;
}
.menulinks ul li a {
color: $(menu.text.color);
}
.menulinks ul li a:hover {
color: $(menu.hover.color);
}
#sidebaro .widget-content {
padding: 11px 0px 14px;
}
#sidebaro .instawrap .widget .widget-content {
padding: 14px 58px 14px 20px;
}
#archivebtn, #contbtn {
cursor: pointer;
}
.zippy {
color: #353535;
}
.close {
margin-bottom: 25px;
}
.close a {
color: #DEDEDE;
font-size: 18px;
}
.close .fa.fa-close {
background: #4D4D4D;
border: 1px solid #B5B2B2;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #BFBEBE;
font-size: 19px;
margin-right: 8px;
padding: 3px 6px;
}
.close {
display: none;
}
.label-size a {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
color: #FF4500 !important;
display: inline-block;
font-family: pt sans !important;
font-size: 17px !important;
margin-bottom: 12px;
margin-right: 8px;
padding: 4px 8px;
}
.label-size a:hover {
text-decoration: underline !important;
}
.status-msg-wrap {
display: none !important;
}
.cloud-label-widget-content {
text-align: left !important;
}
.kickme ul {
list-style: none;
padding: 0px;
}
.kickme #Sidebar {
margin: 0px;
}
html.touch .fullwrap #sider {
position: absolute;
bottom: 0px;
}
.fullwrap.active #sider, html.touch .fullwrap #sider {
background: $(sidebar.background.color);
}
html.no-touch #menu-v li, html.no-touch #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
/*Sub level menu items
---------------------------------------*/
html.no-touch #menu-v li ul
{
position: absolute;
width: 185px; /*Sub Menu Items width */
left: 275px !important;
padding-left: 44px;
visibility:hidden;
z-index: 999;
}
html.no-touch #menu-v li ul li:last-child {
padding-bottom: 8px;
}
html.no-touch #menu-v li ul li:first-child {
padding-top: 8px;
}
html.no-touch #menu-v li ul li:last-child {
border-bottom: none;
}
html.no-touch #menu-v li:hover, html.no-touch #menu-v li.onhover
{
background-position:0 -62px;
}
html.no-touch #menu-v li ul li {
background: $(submenu.background.color);
margin: 0;
padding: 4px 8px;
}
html.no-touch #menu-v li ul .sub {
left: 222px !important;
padding-left: 22px;
}
html.touch #menu-v li ul .sub {
border-right: 2px solid $(touch.secondlevel.border);
}
html.touch .menulinks #menu-v li.msub > a:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
line-height: 16px;
padding-left: 4px;
color: $(touch.arrowdown.color);
position: absolute;
vertical-align: middle;
top: 1px;
right: -18px;
}
html.touch .menulinks #menu-v li.msub > ul > li > a:after {
top: -1px;
}
html.no-touch .menulinks ul li .sub li {
border-bottom: 1px solid $(submenu.text.border);
}
html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li a {
color: $(submenu.text.color);
display: block;
font: $(menu2.text.font);
letter-spacing: 0.8px !important;
padding: $(menu.second.spacing) 0;
text-align: center;
text-transform: uppercase;
}
html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover a {
color: $(submenu.hover.color);
}
html.no-touch #menu-v li ul li:hover {
background: $(submenu.hover.background);
}
/* Holly Hack for IE \
* html.no-touch #menu-v li
{
float:left;
height: 1%;
}
* html.no-touch #menu-v li a
{
height: 1%;
}*/
/* End */
html.touch .sider #sidebaro .sidebar1 #menu-v li {
border-bottom: medium none;
}
html.touch .sider #sidebaro .sidebar1 #menu-v li a {
border-bottom: 1px solid $(menu.touch.border);
margin-top: 10px;
position: relative;
}
html.touch .menulinks #menu-v > li > ul {
visibility: inherit;
position: static;
left: auto;
display: none;
}
html.touch .menulinks #menu-v > li > ul > li > ul {
display: none;
}
html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub {
margin-top: 7px;
margin-bottom: 7px;
}
html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li {
border-bottom: medium none;
padding: 0px;
margin: 13px 0px;
}
html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li ul li {
margin-right: 10px;
}
html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li a {
border-bottom: medium none;
color: $(touch.submenu.color);
font: $(touch.submenu.font);
text-transform: uppercase;
}
.credit .widget {
margin: 0;
}
.credit {
margin: 20px 0px 0px 0px;
padding-top: 8px;
text-align: center;
display: block;
position: relative;
bottom: 25px;
left: 0;
right: 0;
color: $(copyright.text.color);
font: $(copyright.text.font);
}
#sidebaro .credit .widget-content {
padding: 0;
}
.credit .widget {
line-height: inherit;
}
.touch .credit {
position: relative;
margin-top: 35px;
}
#FollowByEmail1 .widget-content {
padding-left: 2px !important;
}
input.gsc-search-button {
background: #D1D1D1;
border: none !important;
height: 26px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
background: #FFFFFF !important;
border: none !important;
height: 23px !important;
padding-left: 6px;
}
.follow-by-email-inner input[placeholder] {
color: #D3D3D3;
padding-bottom: 2px !important;
}
input.gsc-input {
background: #F5F5F5;
height: 22px;
font-family: Lora;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background: #D1D1D1 !important;
height: 26px !important;
color: black !important;
border-radius: 0px !important;
}
.newright .relatedwpr {
border-left: 2px solid $(post.border.color);
margin-left: -2px;
padding-left: 30px;
padding-top: 52px;
position: relative;
z-index: 9;
}
#related-posts ul li {
color: $(relatedtwo.dot.color);
font-size: 17px;
list-style: square outside none;
margin-bottom: 10px;
line-height: 24px;
padding-top: 0 !important;
}
#related-posts ul li a {
color: $(relatedtwo.text.color);
font: $(relatedtwo.text.font);
padding-left: 0;
border-bottom: 2px solid $(relatedtwo.text.border);
padding-bottom: 0px;
display: inline-block;
margin-bottom: 10px;
}
#related-posts{width:100%;margin-bottom: 50px;display: inline-block;}
#related-posts h2 {
color: $(related.heading.color);
font: $(related.heading.font);
letter-spacing: 1.6px;
margin-bottom: 5px;
padding-bottom: 2px;
position: absolute;
top: 0px;
}
#related-posts h2:after {
content: "\f3be";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 9px;
position: relative;
top: 6px;
font-size: 18px;
}
#related-posts h2.rltdhead {
position: static;
margin-bottom: 15px;
margin-top: 10px;
}
#related-posts .rltdmain {
padding-left: 30px;
border-left: 2px solid $(post.border.color);
}
.relatedm {
width:33.3%;
height: auto;
display: block;
line-height: 14px;
margin-bottom: 10px;
}
#related-title {
background: $(related.title.background);
bottom: 0px;
color: $(related.title.color);
display: none;
font: $(related.title.font);
left: 0;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0 auto;
padding: 10px 15px;
position: absolute;
right: 0;
}
#related-title {
-moz-transform: translateY(100px);
-webkit-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.relatedm:hover #related-title {
display: block;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.post-outer .relatedm img {
border-radius: 0px;
height: auto;
width: 100%;
}
/*--------------------------------------
--------Newer Older Posts---------------
---------------------------------------*/
.nextPrevLink2 {
background-color: transparent;
background-origin: padding-box;
color: #CC3435;
display: block;
opacity: 1;
height: 140px;
position: fixed;
top: 45%;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
width: 66px;
z-index: 99;
}
#nextLink2 .label2 {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
opacity: 1 !important;
}
.nextPrevLink2 .label2 {
display: block;
left: 14px;
opacity: 0.5;
position: absolute;
top: 60px;
}
#nextLink2 .detail2 {
left: auto;
right: 70px !important;
}
.nextPrevLink2 .detail2 {
background-clip: border-box;
background-color: rgba(112, 128, 144, 0.8);
background-origin: padding-box;
overflow: hidden;
position: absolute;
top: 0;
transition-delay: 0.5s;
transition-duration: 0.2s;
transition-property: all;
width: 0;
}
.nextPrevLink2 .detail2 span {
display: block;
height: 100px;
overflow: hidden;
padding: 20px;
width: 180px;
}
.nextPrevLink .detail span a, .nextPrevLink2 .detail2 span a {
text-decoration: none;
}
#nextLink2 {
right: 10px !important;
}
.nextPrevLink2 .label2 {
opacity: 1 !important;
}
.nextPrevLink2:hover .detail2 {
width: 220px;
}
.nextPrevLink {
background-color: transparent;
background-origin: padding-box;
color: #CC3435;
display: block;
opacity: 1;
height: 140px;
position: fixed;
top: 45%;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
width: 66px;
z-index: 99;
}
#nextLink .label {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
opacity: 1 !important;
}
#nextLink .label, #nextLink2 .label2 {
background: #DCDCDC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
color: #454545;
font-family: PT Sans;
font-size: 19px;
letter-spacing: 2.6px;
padding: 3px 10px;
}
.nextPrevLink .label {
display: block;
right: 14px;
opacity: 0.5;
position: absolute;
top: 60px;
}
#nextLink .detail {
right: auto;
left: 70px !important;
}
.nextPrevLink .detail {
background-clip: border-box;
background-color: rgba(112, 128, 144, 0.8);
background-origin: padding-box;
overflow: hidden;
position: absolute;
top: 0;
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
width: 0;
}
.nextPrevLink .detail span {
display: block;
height: 100px;
overflow: hidden;
padding: 20px;
width: 180px;
}
#nextLink {
left: 10px !important;
}
.nextPrevLink .label {
opacity: 1 !important;
}
.nextPrevLink:hover .detail {
width: 220px;
}
/*--------------------------------------
--------Comments--------------------------
---------------------------------------*/
.comments {
background: $(comments.background.color);
margin: 35px 0 0 90px;
width: 50%;
min-width: 762px;
max-width: 900px;
position: relative;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.comments h4 {
border-bottom: 2px solid $(comments.labelline.color);
color: $(comments.label.color);
display: inline-block;
font: $(comments.label.font);
margin-left: 45px;
padding-bottom: 3px;
letter-spacing: 0.3px;
margin-top: 30px;
}
#comment-holder .comment {
margin-left: 30px;
border-bottom: 1px solid $(comments.item.border);
}
.comment-form {
margin-left: 45px;
padding-bottom: 45px;
}
.user a {
color: $(comments.username.color);
font: $(comments.user.font);
letter-spacing: 0.2px;
}
.comments .comments-content {
padding: 0px 20px;
}
.comments .comments-content .datetime {
display: inline;
padding-left: 10px;
}
.datetime.secondary-text a {
color: $(comments.date.color);
font-family: Balthazar;
font-size: 15px;
letter-spacing: 0.2px;
text-decoration: none;
}
.comment-actions.secondary-text {
display: block;
margin-left: 55px;
margin-top: -6px;
}
.blogger-comment-from-post {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 90%;
}
#comment-post-message {
display: none;
}
.comments .thread-toggle .thread-arrow {
margin-bottom: 0.2em !important;
}
.comments .comments-content .comment-content {
color: $(comments.text.color);
font: $(comments.text.font);
margin-top: -6px !important;
line-height: 22px;
margin-left: 55px;
text-align: left;
letter-spacing: 0.1px;
}
.comments .comment-block {
margin-left: 5px !important;
}
.comment-actions a {
color: #3A3A3A;
display: inline-block;
font-family: Balthazar;
font-size: 13px;
letter-spacing: 0.5px;
margin-right: 10px;
text-decoration: none !important;
text-transform: uppercase;
}
.comments .avatar-image-container {
float: left;
max-height: 48px !important;
overflow: hidden;
width: 60px !important;
}
.comments .avatar-image-container img {
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
height: 48px;
max-width: 48px !important;
width: 48px;
}
.continue a {
color: #858585;
font-family: cursive;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.8px;
text-decoration: none;
text-transform: uppercase;
}
.icon.user.blog-author {
display: none !important;
}
.thread-count a {
color: #965D5D;
display: inline-block;
font-family: balthazar;
font-size: 16px;
position: relative;
text-decoration: underline;
text-transform: uppercase;
top: -1px;
}
.post-feeds {
display: none;
}
.post-share-buttons .dummy-container {
display: inline-block;
overflow: hidden;
width: 35px;
}
.post-share-buttons {
margin-left: 2px;
width: 200px;
}
a.rx-option.rx-unchecked {
color: white !important;
}
.post-footer-line {
font: $(footer.text.font);
color: $(footer.text.color);
line-height: 0;
}
.post-footer-line > span > * {
display: inline-block;
margin-bottom: 10px;
line-height: normal;
margin-top: 0;
}
.post-footer-line-1 .post-timestamp, .post-footer-line-1 .post-author.vcard {
margin-right: 2px;
}
.post-footer-line-1 .post-author a, .post-footer-line-1 .post-timestamp a {
color: $(footer.lineone.color);
}
.timestamp-link abbr {
border-bottom: none;
text-decoration: none;
}
.post-footer-line-1 .reaction-buttons .reactions-label-cell {
line-height: 24px;
}
.post-footer-line-1 .reaction-buttons {
max-height: 25px;
background: $(reaction.box.background);
border-radius: 3px;
padding: 0px;
color: $(reaction.label.color);
margin-top: 8px;
margin-right: 0px;
}
.post-footer-line-1 .reaction-buttons .reactions-label {
padding: 0px 0px 0px 10px;
}
.post-footer-line .post-location {
font: $(location.text.font);
}
.post-footer-line .post-location > * {
display: block;
margin-top: 18px;
color: $(location.text.color);
}
.post-footer-line .post-location > a {
margin-left: 2px;
color: $(location.link.color);
}
.ias_loader {
display: block;
position: absolute;
bottom: 5px;
left: 50%;
}
.fullwrap {
width: 100%;
}
.blog-feeds {
display: none;
}
.CSS_LIGHTBOX {
z-index: 100000 !important;
}
.blog-posts {
margin: 0 auto;
}
.picsizer {
width: 25%;
}
.post-outer {
background: $(posts.background.color);
width: 25%;
width: -webkit-calc(25% - $(grid.spacing.value));
width: -moz-calc(25% - $(grid.spacing.value));
width: calc(25% - $(grid.spacing.value));
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 999;
margin-bottom: $(grid.spacing.value);
}
.post-outer .thumbo img {
height: auto;
height: $(grid.image.height);
object-fit: cover;
}
.post-outer {
height: auto;
height: $(grid.image.height);
}
#stickyme {
width: 25%;
}
.post-outer img {
width: 100%;
height: auto;
}
/*--------------------------------------
--------RLightbox-------
---------------------------------------*/
.lightboxOverlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-data .lb-number {
display: none !important;
}
.lightbox .lb-data .lb-close {
color: #e8e8e8;
font-size: 18px;
}
.lightbox .lb-data .lb-caption {
font-size: 19px;
font-family: Balthazar;
}
.lightbox .lb-dataContainer {
padding-top: 10px;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(http://2.bp.blogspot.com/-kOsRoXaRdaU/U42RBdnCpBI/AAAAAAAABgs/72Atd66cwP8/s1600/ajax-loader2.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url() left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url() right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 17px;
line-height: 1.3em;
margin-top: 6px;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-close .fa.fa-close {
background: #FFFFFF;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #4E4D4D;
font-size: 20px;
padding: 4px 6px;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*--------------------------------------
--------Responsive Media Queries-------
---------------------------------------*/
@media screen and (min-width: 2100px) and (max-width: 2800px) {
.picsizer {
width: 20%;
}
.post-outer {
width: 20%;
width: -webkit-calc(20% - $(grid.spacing.value));
width: -moz-calc(20% - $(grid.spacing.value));
width: calc(20% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
}
@media only screen and (max-width: 1630px) {
.picsizer {
width: 33.3%;
}
.post-outer {
width: 33.3%;
width: -webkit-calc(33.3% - $(grid.spacing.value));
width: -moz-calc(33.3% - $(grid.spacing.value));
width: calc(33.3% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
#stickyme {
width: 33.4%;
}
.corner-stamp:after {
left: -1px;
}
.corner-stamp {
overflow: visible;
}
}
@media only screen and (max-width: 1200px) {
.relatedm {
width : 50%;
}
}
@media only screen and (max-width: 1050px) {
.picsizer {
width: 50%;
}
.post-outer {
width: 50%;
width: -webkit-calc(50% - $(grid.spacing.value));
width: -moz-calc(50% - $(grid.spacing.value));
width: calc(50% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
#stickyme {
width: 50%;
}
.labelblog .post-outer {
padding-left: 80px;
padding-right: 80px;
}
.mainwrap #blog-pager {
padding-left: 170px;
padding-right: 80px;
}
.post-body blockquote {
margin-left: 0px;
margin-right: 0px;
}
.comment-form {
margin-left: 0;
padding-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
}
.comments h4 {
margin-left: 20px;
}
}
@media only screen and (max-width: 850px) {
.relatedm {
width: 100%;
}
}
@media only screen and (max-width: 780px) {
.picsizer {
width: 100%;
}
.fullwrap {
position: relative;
}
.post-outer {
width: 100%;
width: -webkit-calc(100% - $(grid.spacing.value));
width: -moz-calc(100% - $(grid.spacing.value));
width: calc(100% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
#stickyme {
width: 100%;
}
.labelblog .post-outer {
padding-left: 40px;
padding-right: 40px;
}
.mainwrap #blog-pager {
padding-left: 130px;
padding-right: 40px;
}
}
@media only screen and (max-width: 710px) {
.smenu {
display: none !important;
}
.close {
display: block;
}
.corner-stamp {
display: none;
}
}
@media only screen and (max-width: 699px) {
.post-outer {
width: 50%;
width: -webkit-calc(50% - $(grid.spacing.value));
width: -moz-calc(50% - $(grid.spacing.value));
width: calc(50% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
#stickyme {
width: 50%;
}
.picsizer {
width: 50%;
}
.relatedm {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.labelblog .post {
padding-left: 0px;
}
#mydate {
position: relative;
border: none;
top: 0;
left: 0;
margin-bottom: 15px;
display: inline-block;
box-shadow: none;
}
#mydate .dday {
font-size: inherit;
font-weight: normal;
}
#mydate .dmonth {
font-size: inherit;
}
.mainwrap #blog-pager {
padding-left: 40px;
padding-right: 40px;
}
.newright .relatedwpr {
margin-left: 0px;
padding-left: 0px;
}
#mydate span {
display: inline-block;
padding-left: 0px;
padding-right: 0px;
margin-right: 4px;
font-size: 15px;
background: none;
color: $(mobile.date.color);
}
#related-posts {
padding-left: 0px;
}
#mydate .dyear {
background: none;
color: $(mobile.date.color) !important;
font-size: 15px !important;
}
}
@media only screen and (max-width: 460px) {
.post-outer {
width: 100%;
width: -webkit-calc(100% - $(grid.spacing.value));
width: -moz-calc(100% - $(grid.spacing.value));
width: calc(100% - $(grid.spacing.value));
margin-bottom: $(grid.spacing.value);
}
#stickyme {
width: 100%;
}
.picsizer {
width: 100%;
}
#dclose.active {
}
.relatedm {
width: 100%;
}
}
/*---Screen Width 380px and below-----*/
@media only screen and (max-width: 380px) {
#menubar #HTML1 {
margin-left: 55px;
}
}
@media screen and (min-width: 700px) {
#dclose, #cclose {
display: none;
}
.infobox .header #header-inner {
display: block;
}
.js #sider {
position: fixed;
width: 303px;
height: 100%;
left: 0;
display: block;
}
.fullwrap.active {
right: 0;
left: 0;
}
.fullwrap.active #sider {
left: 0;
position: fixed;
}
.mobheader {
display: none;
}
.preloader .loaded {
margin: -20px 0px 0px 140px;
}
body {
background: $(posts.background.color);
}
.mainwrap {
margin-left: 300px;
margin-right: -$(grid.spacing.value);
margin-right: -webkit-calc((-$(grid.spacing.value)) - (3px));
margin-right: -moz-calc((-$(grid.spacing.value)) - (3px));
margin-right: calc((-$(grid.spacing.value)) - (3px));
}
}
@media screen and (min-width: 700px) and (max-width: 1460px) {
.js #sider {
width: 283px;
}
html.no-touch #menu-v li ul {
left: 255px !important;
}
.mainwrap {
margin-left: 280px;
}
}
/*---Screen Width 1420px and above-----*/
@media (min-width: 1420px) {
#menubar #HTML2 {
margin-right: 100px;
}
}
@media (min-width: 1550px) {
#menubar #HTML2 {
margin-right: 12%;
}
.relatedm {
width: 100%;
}
#menubar #HTML1 {
margin-left: 12%;
}
}
@media only screen and (max-height: 760px) {
.infobox {
padding: 36px 0px 0px;
}
.Profile {
margin-bottom: 5px;
}
.titlewrapper h1 {
margin-top: -10px;
margin-bottom: 15px;
}
#sidebaro .muwrap .widget-content {
padding: 0px;
}
.menulinks ul li:last-child {
border-bottom: none;
}
.muwrap .widget {
margin-bottom: 0;
}
.instawrap .widget {
margin-top: 8px;
padding-top: 12px;
margin-bottom: 0;
}
#sidebaro .instawrap .widget .widget-content {
padding: 14px 58px 10px 20px
}
.slwrap .widget {
margin: 10px 0 0 0;
}
.socialicons {
line-height: normal;
margin-top: 0;
}
}
]]>
slideup
true
#5e5e5e
true
true
#383838
false
true
#2b2b2b
TextAndImage
#ffffff
false
1x1
true
false
false
1
false
#ffffff
false
false
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
Share to Pinterest