<data:blog.pageTitle/> */ /*-------------------------------------- --------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: $(posts.loader.color); } .loadtext { font-family: Arial; 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:after { font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; position: absolute; right: 30px; 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; } body, .fullwrap, .sider { height: 100%; } .topline { height: 8px; background: $(body.top.border); position: fixed; top: 0; width: 100%; z-index: 99999; } #backtotop { bottom: 65px; position: fixed; left: auto; right: 10px; z-index: 9999; position: fixed; z-index: 9998; display: block; } #backtotop a { background: $(scroll.background.color); padding: 7px 13px 6px; text-decoration: none; border-radius: 3px; backdrop-filter: blur(10px); opacity: 0.43; } #backtotop .fa.fa-chevron-up { color: $(scroll.arrow.color); font-size: 14px; } #backtotop a:hover { opacity: 1; } .arrowtop { color: #708090; font-size: 22px; margin-bottom: 12px; text-align: center; width: 37px; } html { overflow-x: hidden; } .Attribution { display: none; } /*-------------------------------------- --------Sidebar 1-------------------------- ---------------------------------------*/ .fullwrap .Header h1 { margin-bottom: 0px; } .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: Cormorant Garamond; 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: Cormorant Garamond; 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, .fullcontact { z-index: 99999999 !important; } .fullarchive .widget-content a { color: #2c2c2c; font-family: Khula; font-size: 18px; line-height: 24px; } .fullarchive .widget-content a:hover { color: #b94848; } .ContactForm .title, .BlogArchive h2 { color: #000000; font-family: 'Cormorant Garamond'; font-size: 25px; font-weight: 700; letter-spacing: 0.3px; margin-bottom: 18px; } .ContactForm .form form { color: #474747; font-family: Khula; font-size: 15px; } .contact-form-button.contact-form-button-submit { background: #2c2c2c; border: medium none; font-family: 'Khula'; font-size: 16px; letter-spacing: 0.4px; font-weight: normal; height: 35px; width: 100%; cursor: pointer; line-height: 24px; } .contact-form-button-submit:hover { border: medium none; } .contact-form-error-message-with-border { font-family: Cormorant Garamond; font-size: 13px; padding: 5px; } #archivebtn i { color: $(submenu.icon.color); } .no-touch #menu-v i { color: $(submenu.icon.color); padding-right: 6px; font-size: 11px; } .touch #menu-v i { color: $(touch.icon.color); padding-right: 4px; } .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; text-align: left; padding-left: 38px; padding-right: 30px; } .socialicons i, .socialicons img { margin-right: 8px; margin-left: 8px; } .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: 19px; line-height: 21px; color: #2c2c2c; padding-right: 10px; position: relative; top: 0px; } .BlogArchive h2:before { content: "\f187"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 19px; line-height: 21px; color: #2c2c2c; padding-right: 12px; position: relative; top: 0px; } #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: #d5dbe1; color: #FFFFFF; padding: 4px 10px; position: absolute; right: 15px; display: block; cursor: pointer; } .b-close i { color: #2c2c2c; } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { border: none; box-shadow: none; } .hidall { background: #F2F5F8; 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: Cormorant Garamond; font-size: 19px; color: $(error.text.color); text-align: center; padding-top: 40px; font-weight: 700; } .errorpg.walign:before { content: '404'; display: block; margin-bottom: 8px; font-size: 60px; letter-spacing: 3px; font-family: 'Khula'; line-height: 60px; } .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 { padding: 22px; background: $(grid.info.background); } .post-outer .thumbo .fullbox .smallbox .postmain { color: $(grid.title.color); font: $(grid.title.font); } .fa.fa-angle-down { font-size: 15px; left: 4px; position: relative; top: 2px; } .imgg-wrap { position: relative; overflow: hidden; } .socialbuts { bottom: 20px; height: 32px; margin: auto; position: absolute; right: 20px; width: 32px; } .socialbuts .zoom > a { opacity: 0; transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .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 -5px 0px $(pager.text.border); } .labelblog .post-outer img { max-width: 100%; width: auto; } .labelblog .post { padding-left: 90px; } #mydate { box-shadow: 4px 4px 8px $(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: 20px; padding-left: 14px; padding-right: 14px; } #mydate .dday { letter-spacing: 1px; padding-top: 10px; border-radius: 2px 2px 0 0; } #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: 0.4px; padding-bottom: 2px; padding-top: 4px; line-height: 20px; border-radius: 0 0 2px 2px; } .mobheader { line-height: inherit; padding: 22px 25px; text-align: right; position: relative; background: $(mobheader.background.color); } .mobheader #header-inner { text-align: right; padding-left: 20px; } .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: 54px; padding-bottom: 16px; 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: left; padding-right: 36px; padding-left: 29px; margin-top: -4px; } .descriptionwrapper { color: $(description.text.color); font: $(description.text.font); line-height: 25px; letter-spacing: 0.2px; margin-top: -10px; padding-right: 40px; text-align: left; padding-left: 32px; } .mobheader .Header .description { margin: 0; padding: 0; color: $(mobheader.description.color); font: $(mobheader.description.font); letter-spacing: 0.3px; padding-left: 10px; line-height: 24px; } .mypic { border-radius: 100%; } .jump-link a { color: #A44040; display: inline-block; font-family: Cormorant Garamond; 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: 'Cormorant Garamond'; font-size: 25px; left: 1px; font-weight: 700; } .s-wrapp { position: fixed; bottom: 20px; right: 8px; 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: 14px; } .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 #000000; 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: 4px 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: #f7f7f7; font-size: 14px; font-family: 'Khula'; letter-spacing: 0.3px; word-spacing: 0.5px; } input.sb-search-input::placeholder { color: #f7f7f7; } .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; border-radius: 3px; } .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: 25px; -webkit-font-smoothing: antialiased; } .post-title { border-bottom: 3px double $(posttitle2.border.color); color: $(posttitle2.text.color); font: $(posttitle2.text.font); display: block; line-height: 1; margin-bottom: 8px; padding-top: 3px; padding-bottom: 16px; } .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: Cormorant Garamond; font-size: 20px; letter-spacing: 0.5px; padding: 2px 12px; vertical-align: middle; position: absolute; bottom: 20px; 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: 15px; } .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; } .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; box-shadow: 3px 0px 6px 1px rgb(0 0 0 / 2%); } .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 { color: $(blockquote.text.color); display: block; font: $(blockquote.text.font); margin-left: 22px; margin-right: 40px; margin-top: 15px; padding: 3px 24px 3px 24px; border-left: 3px solid $(blockquote.border.color); } .belowbody { margin: 15px 0; } .titlead { margin-bottom: 22px; } .ptitle { text-align: left; } #backtotop { display: none; } .postmain { display: block; margin-top: 1px; } .postmain a { color: inherit; } .post-labels { display: inline-block; margin-top: 4px; } .post-labels a { margin-left: 1px; margin-right: 2px; text-decoration: none; } .post-footer .post-labels a { background: $(post.label.background); padding: 1px 6px; border-radius: 2px; } .post-labels, .post-labels a { color: $(post.label.color); font: $(post.label.font); letter-spacing: 1px; margin-right: 8px; } .post-labels.ongrid, .post-labels.ongrid a { color: $(grid.label.color); font: $(grid.label.font); letter-spacing: 1.2px; margin-right: 0px; line-height: 1.1; text-transform: uppercase; word-spacing: 2px; } .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; box-shadow: 4px 0px 12px 1px rgb(0 0 0 / 5%); background-size: cover; } #sidebaro .muwrap .widget { margin-bottom: 18px; } #sidebaro h2 { color: #FFFFFF; } #sidebaro .nextPrevLink { display: none; } #sidebaro .widget h2 { color: $(sidebar.title.color); font: $(sidebar.title.font); padding-bottom: 4px; border-bottom: 1px solid $(sidebar.title.border); display: inline-block; letter-spacing: 0.8px !important; margin: 0 0 0 44px; line-height: 1; display: none; } #sidebaro .instawrap .widget h2 { display: inline-block; } .instawrap .widget { padding-bottom: 3px; text-align: left; margin: 0; padding-top: 2px; } .menulinks { margin-top: 10px; } .menulinks ul li { border-bottom: 1px solid $(menu.text.border); margin: 0 14px; padding: $(menu.main.spacing) 30px; text-align: left; } .menulinks li ul a { border-bottom: medium none; } #sidebaro .sidebar1 .widget { font-size: 16px; } #sidebaro .sidebar1 .widget a { font: $(menu.text.font); 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: 10px 0px 0px 44px; } #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-left: 1px solid $(touch.secondlevel.border); padding-left: 10px; } 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: 5px; 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.3px !important; padding: $(menu.second.spacing) 0; text-align: center; text-transform: uppercase; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li ul li a { color: $(submenu.text.color) !important; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li .arrow:after { display: none; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover .arrow:after { display: inline; color: $(submenu.text.color); opacity: 0.25; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover a { color: $(submenu.hover.color); } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li ul li:hover a { color: $(submenu.hover.color) !important; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover .arrow:after { color: $(submenu.hover.color); } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover i { 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: left; display: block; position: relative; bottom: 25px; left: 0; right: 0; color: $(copyright.text.color); font: $(copyright.text.font); padding-left: 44px; padding-right: 30px; } #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: 1px 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; 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: 1px; 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: rgb(90 107 124 / 30%); bottom: 2px; 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; backdrop-filter: blur(10px); } #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 { color: $(comments.label.color); display: inline-block; font: $(comments.label.font); margin-left: 45px; padding-bottom: 1px; letter-spacing: 0.3px; margin-top: 30px; line-height: 1; } #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); } .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: 'Khula'; font-size: 14px; letter-spacing: 0.4px; 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: 24px; margin-left: 55px; text-align: left; letter-spacing: 0.1px; padding-top: 4px; } .comments .comment-block { margin-left: 5px !important; } .comment-actions a { color: #6f757a; display: inline-block; font-family: 'Khula'; font-size: 11px; letter-spacing: 0.4px; 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: Cormorant Garamond; 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; margin-bottom: 10px; } 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; } .fullwrap .tbody { padding-right: $(grid.spacing.value); } .fullwrap .mainwrap { padding-top: $(grid.spacing.value); padding-left: $(grid.spacing.value); } .blog-posts { margin: 0 auto; } .picsizer { width: 33.3%; } .post-outer { background: $(posts.background.color); 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)); -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; border-radius: 3px; cursor: pointer; } .post-outer { height: auto; height: $(grid.image.height); } #stickyme { width: 33.3%; } .post-outer img { width: 100%; height: auto; } .post-outer .thumbo img:hover { opacity: 0.96; } .main .ie { padding-right: $(grid.spacing.value); } /*-------------------------------------- --------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: #ffffff; font-size: 18px; opacity: 0.85; } .lightbox .lb-data .lb-caption { font-size: 18px; font-family: 'Khula'; color: #f7f7f7; } .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: 1400px) { .fullwrap .tbody { padding-right: $(grid.spacing.value1); } .fullwrap .mainwrap { padding-top: $(grid.spacing.value1); padding-left: $(grid.spacing.value1); } .post-outer { width: 33.3%; width: -webkit-calc(33.3% - $(grid.spacing.value1)); width: -moz-calc(33.3% - $(grid.spacing.value1)); width: calc(33.3% - $(grid.spacing.value1)); margin-bottom: $(grid.spacing.value1); } .main .ie { padding-right: $(grid.spacing.value1); } } @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.value1)); width: -moz-calc(50% - $(grid.spacing.value1)); width: calc(50% - $(grid.spacing.value1)); margin-bottom: $(grid.spacing.value1); } #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; } .fullwrap .tbody { padding-right: $(grid.spacing.value2); } .fullwrap .mainwrap { padding-top: $(grid.spacing.value2); padding-left: $(grid.spacing.value2); } .post-outer { width: 100%; width: -webkit-calc(100% - $(grid.spacing.value2)); width: -moz-calc(100% - $(grid.spacing.value2)); width: calc(100% - $(grid.spacing.value2)); margin-bottom: $(grid.spacing.value2); } .main .ie { padding-right: $(grid.spacing.value2); } #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) { .fullwrap .tbody { padding-right: 0; } .post-outer { width: 50%; width: -webkit-calc(50% - $(grid.spacing.value2)); width: -moz-calc(50% - $(grid.spacing.value2)); width: calc(50% - $(grid.spacing.value2)); margin-bottom: $(grid.spacing.value2); } #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: 0px; 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.value2)); width: -moz-calc(100% - $(grid.spacing.value2)); width: calc(100% - $(grid.spacing.value2)); margin-bottom: $(grid.spacing.value2); } #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; } } ]]>
0 600 false false BEHIND 0

HIERARCHY yyyy true MMMM MMM dd MM/dd false true MONTHLY

  • ()
▼  ◄  ►