@charset "UTF-8";

@import url(css/reset.css);

@import url(css/text.css);

@import url(css/960.css);



/*

Theme Name: Post It

Theme URI: http://wordpress.org/

Description: Custom WordPress theme from itookia.com

Version: 1.2-pastiskor-2026.1

Author: Itookia.com

Author URI: http://itookia.com/

*/





/* Common elements */



body {

background-repeat:repeat;

}



a {

text-decoration:none;

}



a:hover {

text-decoration:none;

}



.date {

   display: none !important;

}




.comments {

   display: none !important;

}



.facebook-no-count {

width:49px !important;

overflow:hidden !important;

}

.hideContent {display: none;}
.mobileContent { display: inline;}
.mobileContentTitle { display: inline;}
.mobileContentHighlight { display: inline;}
.desktopContent {display: inline;}

.mobileContentFull {display: inline;}
.mobileContentGreen {display: inline;}



#sidebar {display: inline;}





a.more-link {

font-family:georgia, serif;

font-size:1em;

font-style:italic;

font-weight:700;

text-transform:lowercase;

}



.btn {

background-repeat:no-repeat; 

background-position: 0 0; 

width:86px; 

height:29px; 

border:0;

float: right; 

margin-right: 15px;

}

.btn:hover {  

background-position: 0 -29px;  

}



/* Header */



#main {

background-repeat:repeat-x;

height:400px;

left:0;

position:absolute;

width:100%;

z-index:-1;

}





#main.short {

height:230px;	

}




#header {

height:395px;

position:relative;

}






#header.short {

height:245px;	

}





h1.page-title{color:#fff;margin-top:15px;font-family:Georgia,serif;font-size:2.8em;}



#post_list.short div.post{padding-top:40px;}



#logo_img {

clear:both;

float:left;

margin-top:29px;

}



#ich { 

position: absolute; 

top: 0; 

right: 0;

margin-top: 30px; 

}



div.menu > ul {

float:left;

height:36px;

list-style:none;

margin-top:25px;

min-height:36px;

}



div.menu > ul li {

float:left;

height:36px;

line-height:36px;

margin:0 20px 0 0;

min-height:36px;

text-align:center;

width:100px;

position:relative;

}



div.menu > ul li a {

display:block;

font-size:16px;

font-weight:700;

text-decoration:none;

letter-spacing:0.025em;

}



div.menu ul > li.current_page_item > a, div.menu ul > li.current-menu-item > a {

background-repeat:no-repeat;

}



div.menu ul li {

background-repeat:no-repeat;

}



div.menu ul > li:hover > ul{

display:block;

}



div.menu ul.sub-menu{

list-style:none;

display:none;

position:absolute;

left:0;

top:35px;

z-index:1;

width:150px;

}



div.menu ul.sub-menu > li{

float:left;

clear:both;

width:100%;

}



div.menu ul.sub-menu > li > a{

color:#fff;

font-size:13px;

text-align:left;

padding-left:35px;

}



.header_area {

color:#fff;	

background-position:left top;

background-repeat:no-repeat;

float:left;

margin:35px 0 0 40px;

position:absolute;

}






#popular_posts ul {

list-style:none;

margin-left:10px;

margin-top:35px;

}



#popular_posts ul li {

margin:0;

padding:0;

}



#popular_posts a {

font-size:1.1em;

line-height:1.9em;

}



#popular_posts p {

font-size:1.1em;

line-height:1.9em;

margin-top:30px;

}



#popular_posts h2.widgettitle {

display:none;

}



#popular_posts span.post-stats {

display:none!important;

}



/* Content */



#content {

margin-top:25px;

display:block;

float:left;

margin-left:10px;

margin-right:10px;

}



div.date {

background-image:url('images/calendar.gif');

background-repeat:no-repeat;

color:#242f32;

display:block;

font-family:Georgia,serif;

font-size:1em;

height:48px;

left:-12px;

padding-left:4px;

position:absolute;

text-align:center;

top:-6px;

width:62px;

}



.navigation_btn {

display:block;

padding:22px 0;

}



.older_posts {

float:left;

}



.newer_posts {

float:right;

}



div.post {

background-color:#fff;

float:left;

margin-bottom:25px;

padding:10px 40px 40px;

position:relative;

width:500px;

}





div.post h2 {

font-family:Georgia,serif;

font-size:2.2em;

margin:20px 0 0;

padding:0;

}





div.post_info {

font-family:Georgia,serif;

font-size:.9em;

line-height:20px;

margin-left:20px;

padding:3px 10px;

}



div.text {

line-height:1.6em;

}



div.text blockquote {

font-family:Georgia,'Times New Roman',Times,serif;

font-size:22px;

font-style:italic;

line-height:1.5;

padding-left:10px;

}



div.text blockquote p {

display:inline;

margin:0 10px 0 28px

}



span.author {

background-position:left center;

background-repeat:no-repeat;

padding-left:20px;

}



span.comments {

background-position:left center;

background-repeat:no-repeat;

margin-left:20px;

padding-left:20px;

}



span.comments_bottom {

background-position:left center;

background-repeat:no-repeat;

color:#fff;

float:left;

font-family:Georgia,'Times New Roman',Times,serif;

font-size:1em;

height:48px;

line-height:40px;

margin-top:-20px;

padding-left:5px;

text-align:center;

width:40px;

}





#commentform input[type="text"] {

background-color:#FAFAFA;

color:#00060A;

height:20px;

padding:4px 3px;

width:200px;

}



#commentform textarea {

background-color:#FAFAFA;

color:#00060A;

height:200px;

padding:8px 4px;

width:450px;

}



#comment_links {

float:right;

font-size:x-small;

}



#respond {

clear:both;

}



#comments_box h3,#postmetadata h3 {

font-family:Georgia,'Times New Roman',Times,serif;

font-size:1.6em;

font-style:italic;

}



ol.commentlist {

float:left;

width:530px;

}



ol.commentlist li {

display:block;

float:left;

list-style:none;

margin-bottom:20px;

width:500px;

}



ol.commentlist li.authorcomment div.comment_text p {

color:#23031B;

}



div.comment_author {

margin-bottom:5px;

}



div.avatar {

display:block;

float:left;

padding:4px 0 0 10px;

position:relative;

width:100px;

}



div.avatar img {

border:6px solid #7DBBD7;

}



div.comment_text {

background-position:left top;

background-repeat:no-repeat;

color:#00060A;

font-family:Georgia,'Times New Roman',Times,serif;

font-size:1em;

font-style:italic;

line-height:1.5em;

margin:10px 0 0 120px;

position:relative;

}



div.comment_text p {

margin:0;

text-indent:28px;

}



#postmetadata {

float:left;

font-family:Georgia,serif;

font-size:.9em;

line-height:20px;

margin-bottom:25px;

padding:10px 25px;

position:relative;

width:530px;

}



#share_post a {

padding:0 10px;

}



#comments_box {

float:left;

padding:10px 25px;

width:530px;

}



/* Sidebar */



#ads {

margin:12px 0 12px 12px;

}



#ads a {

display:block;

float:left;

margin-right:19px;

}



#ads a.right {

margin-right:0;

}



#ads a img {

border:solid 10px #fff;

}



#ads a.adhere {

background:#E7E7E7 none repeat scroll 0 0;

border:10px solid #FFF;

color:#666;

font-size:12px;

font-weight:700;

height:125px;

line-height:1000%;

text-align:center;

width:125px;

}



span.twitter-timestamp {

font-size:smaller;

font-style:italic;

}



.container_16 .mini h2 {

padding:5px 0 0;

text-align:center;

}



div.sidebox {

background-color:#dbdbdb;

border:1px solid #CAC4C8;

margin-bottom:15px;

padding-bottom:12px;

}



div.sidebox h2 {

font-family:Georgia, 'Times New Roman', Times, serif;

font-size:1.1em;

font-style:italic;

margin-bottom:14px;

padding:8px 20px 0 0;

text-align:right;

text-transform:lowercase;

}



div.sidebox ul.mini {

border-right:solid 1px #cac4c8;

list-style:none;

list-style-image:none;

margin-bottom:12px;

width:170px;

}



div.sidebox ul.mini li {

margin-left:16px;

}



div.sidebox ul li {

padding:3px 0;

}



#searchform {

float:left;

margin-bottom:15px;

width:100%;

}



#twitter {

background-image:url('images/twitter.gif');

background-position:left bottom;

background-repeat:no-repeat;

color:#363636;

}



#twitter p {

padding:0 15px 15px;

}



/* Footer */



#footer {

background-repeat:repeat-x;

clear:both;

float:left;

height:250px;

line-height:30px;

margin-top:10px;

position:relative;

width:100%;

}



#footer a {

color:#f78928;

}



#footer_links {

color:#c7bdc3;

line-height:18px;

}



div.footer_grid {

position:relative;

}



#copyright {

font-size:.8em;

margin-top:25px;

}



ul.links {

list-style:none;

margin-bottom:120px;

margin-top:55px;

}



ul.links li {

display:inline-block;

float:left;

line-height:20px;

margin:0;

padding:0 10px;

text-transform:lowercase;

}



ul.links li.first {

border-left:none;

}



#me img {

float:left;

margin-right:12px;

}



#me {

background-repeat:no-repeat;

font-size:.9em;

height:195px;

line-height:16px;

margin:30px 0 0;

padding:12px 10px 0;

width:340px;

}



#me span {

display:block;

float:left;

font-size:.9em;

margin-bottom:7px;

padding:4px;

width:214px;

}



#me span.long {

margin-bottom:6px;

padding-left:12px;

width:295px;

}



#about {

height:250px;

}



#go_up {

	position:absolute;	

	margin-right:425px;

	margin-top:-12px;

	right:0;

}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px) {
    body {
        background-color: lightblue;
		font-size:40px; 
		line-height:80px; 
		font-weight:bold;
    }
}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileContent {font-size:40px; line-height:80px; font-weight:bold;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileContentTitle {font-size:85px; line-height:72px; font-weight:bold;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileContentHighlight {font-size:50px; line-height:72px; font-weight:bold; color:#000;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileContentGreen {font-size:50px; line-height:72px; font-weight:bold; color:#000;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .desktopContent {display: none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .hideContent {display: inline;}}


@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #sidebar {display: none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #text-14 {display: inline;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #text-14 {display: none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #main {display:none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #main.short {display:none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #header {display:none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ #header.short {display:none;}}


@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ div.post {width:900px; padding-bottom:20px; padding-left:28px; padding-right:10px; padding-top:20px;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .header_area {display:none;}}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ div.post h2 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#006; font-size:46px; padding-top:40px;}}

.addtoany_share_save_container{display:none;}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px){ .addtoany_share_save_container {display:inline;}}

/* =====================================================
   PASTISKOR 2026 LANDING PAGE
   Desktop and mobile are intentionally separate.
   Existing desktop theme rules remain untouched.
===================================================== */

.ps26-desktop-version { display:block; }
.ps26-mobile-version { display:none; }

/* ---------- DESKTOP LANDING ---------- */
.ps26-desktop-version .ps26-page,
.ps26-desktop-version .ps26-page * { box-sizing:border-box; }

.ps26-desktop-version .ps26-page {
  width:100%;
  max-width:720px;
  margin:0 auto;
  font-family:Arial, Helvetica, sans-serif;
  color:#26334d;
}

.ps26-desktop-version .ps26-hero,
.ps26-desktop-version .ps26-video-section,
.ps26-desktop-version .ps26-section,
.ps26-desktop-version .ps26-final {
  padding:26px;
  margin:0 0 20px;
  background:#fff;
  border:1px solid #dfe5e8;
}

.ps26-desktop-version .ps26-hero { background:#f7fbfc; text-align:center; }
.ps26-desktop-version .ps26-badge {
  padding:12px 14px; margin:0 0 16px; background:#9e430b; color:#fff;
  font:800 14px/1.35 Arial,Helvetica,sans-serif;
}
.ps26-desktop-version .ps26-cover {
  display:block; width:auto!important; max-width:100%!important; max-height:650px;
  height:auto!important; margin:0 auto!important; border:0!important;
}
.ps26-desktop-version .ps26-price { margin:16px 0 20px; color:#8d2019; font-size:22px; font-weight:900; }
.ps26-desktop-version .ps26-page h1 {
  margin:0 0 14px!important; color:#8d2019!important; font:800 32px/1.2 Arial,Helvetica,sans-serif!important;
  text-transform:none!important;
}
.ps26-desktop-version .ps26-page h2 {
  margin:0 0 14px!important; color:#172651!important; font:800 25px/1.3 Arial,Helvetica,sans-serif!important;
  text-transform:none!important;
}
.ps26-desktop-version .ps26-page p,
.ps26-desktop-version .ps26-page li { color:#445069; font:15px/1.65 Arial,Helvetica,sans-serif; }
.ps26-desktop-version .ps26-lead { color:#172651!important; font-size:17px!important; font-weight:600; }
.ps26-desktop-version .ps26-benefits,
.ps26-desktop-version .ps26-subjects { max-width:540px; margin:0 auto 20px; padding:0; list-style:none; text-align:left; }
.ps26-desktop-version .ps26-benefits li,
.ps26-desktop-version .ps26-subjects li { margin-bottom:8px; padding:12px 14px; background:#f7fafb; border:1px solid #e2e8eb; font-weight:700; }
.ps26-desktop-version .ps26-actions { display:flex; gap:10px; justify-content:center; max-width:560px; margin:0 auto; }
.ps26-desktop-version .ps26-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 18px;
  border-radius:6px; color:#fff!important; font:800 15px/1.3 Arial,Helvetica,sans-serif; text-decoration:none!important;
}
.ps26-desktop-version .ps26-btn-primary { background:#a51f18; }
.ps26-desktop-version .ps26-btn-whatsapp { background:#237c43; }
.ps26-desktop-version .ps26-btn-outline { background:#fff; color:#172651!important; border:2px solid #172651; }
.ps26-desktop-version .ps26-video { position:relative; width:100%; height:0; padding-bottom:56.25%; background:#000; overflow:hidden; }
.ps26-desktop-version .ps26-video iframe { position:absolute; inset:0; width:100%!important; height:100%!important; }
.ps26-desktop-version .ps26-image { display:block; width:100%!important; height:auto!important; margin:14px auto 0!important; }
.ps26-desktop-version .ps26-final { background:#172651; color:#fff; text-align:center; }
.ps26-desktop-version .ps26-final h2 { color:#fff!important; }
.ps26-desktop-version .ps26-final p { color:#dce5f5!important; }
.ps26-desktop-version details { margin-bottom:10px; border:1px solid #dce4e8; }
.ps26-desktop-version summary { padding:14px 16px; background:#f5f8f9; color:#172651; font-weight:800; cursor:pointer; }
.ps26-desktop-version .ps26-details { padding:15px 16px; }

/* ---------- MOBILE LANDING ---------- */
@media only screen and (max-width:650px) {
  html,body { width:100%!important; max-width:100%!important; margin:0!important; overflow-x:hidden!important; -webkit-text-size-adjust:100%; text-size-adjust:100%; }

  /* Cancel the theme's old 900px mobile post rule. */
  div.post,
  #content,
  .container_16,
  .grid_16,
  .grid_10,
  .grid_9,
  .entry,
  .entry-content,
  .post-content,
  div.text {
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .ps26-desktop-version { display:none!important; }
  .ps26-mobile-version {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif;
    color:#202938;
  }
  .ps26-mobile-version, .ps26-mobile-version * { box-sizing:border-box; }

  .ps26m-hero,
  .ps26m-video-section,
  .ps26m-section,
  .ps26m-final { width:100%; margin:0 0 10px; padding:24px 20px; }

  .ps26m-hero { background:#f7fbfc; text-align:center; }
  .ps26m-badge { margin:0 0 18px; padding:15px 12px; background:#9e430b; color:#fff; font-size:16px; line-height:1.35; font-weight:800; }
  .ps26m-cover { display:block; width:88%!important; max-width:430px!important; height:auto!important; margin:0 auto!important; }
  .ps26m-price { margin:17px 0 18px; color:#8d2019; font-size:25px; line-height:1.25; font-weight:900; }
  .ps26m-hero h1,
  .ps26m-video-section h2,
  .ps26m-section h2,
  .ps26m-final h2 {
    margin:0 0 14px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    text-transform:none!important;
    overflow-wrap:break-word;
  }
  .ps26m-hero h1 { color:#8d2019!important; font-size:31px!important; line-height:1.16!important; font-weight:800!important; }
  .ps26m-video-section h2,
  .ps26m-section h2 { color:#172651!important; font-size:27px!important; line-height:1.2!important; font-weight:800!important; }
  .ps26m-final h2 { color:#fff!important; font-size:27px!important; line-height:1.2!important; font-weight:800!important; }
  .ps26m-lead,
  .ps26m-video-section p,
  .ps26m-section p,
  .ps26m-final p,
  .ps26m-section li,
  .ps26m-accordion li { font-size:18px!important; line-height:1.55!important; }
  .ps26m-lead { color:#172651; font-weight:600; }
  .ps26m-benefits,
  .ps26m-subjects { margin:0 0 20px; padding:0; list-style:none; text-align:left; }
  .ps26m-benefits li,
  .ps26m-subjects li { position:relative; margin-bottom:9px; padding:15px 14px 15px 46px; background:#fff; border-bottom:1px solid #dfe5e8; color:#25324f; font-weight:700; }
  .ps26m-benefits li:before { content:'\2713'; position:absolute; left:14px; top:50%; width:23px; height:23px; margin-top:-12px; border-radius:50%; background:#168552; color:#fff; font-size:14px; line-height:23px; text-align:center; }
  .ps26m-subjects li:before { content:'\2022'; position:absolute; left:19px; top:12px; color:#8d2019; font-size:26px; line-height:1; }
  .ps26m-button { display:flex; align-items:center; justify-content:center; width:100%; min-height:66px; margin:0 0 12px; padding:17px 14px; border-radius:10px; color:#fff!important; font-size:19px!important; line-height:1.25; font-weight:800; text-align:center; text-decoration:none!important; }
  .ps26m-order { background:#a51f18; }
  .ps26m-whatsapp { background:#237c43; }
  .ps26m-release { font-size:15px!important; line-height:1.5!important; color:#5b6477; }
  .ps26m-trust { margin-top:18px; padding-top:17px; border-top:1px solid #d8e0e4; font-size:16px!important; line-height:1.55!important; color:#45516d; font-weight:700; }
  .ps26m-video-section { background:#f8fbfc; text-align:center; }
  .ps26m-label { display:inline-block; margin-bottom:14px; padding:7px 12px; background:#172651; color:#fff; font-size:14px; font-weight:800; }
  .ps26m-video { position:relative; width:100%; height:0; margin-top:18px; padding-bottom:56.25%; overflow:hidden; background:#000; }
  .ps26m-video iframe { position:absolute; inset:0; width:100%!important; height:100%!important; }
  .ps26m-section { background:#fff; }
  .ps26m-accordion details { margin-bottom:11px; border:1px solid #dce4e8; }
  .ps26m-accordion summary { padding:17px 16px; background:#f5f8f9; color:#172651; font-size:19px!important; line-height:1.4!important; font-weight:800; cursor:pointer; }
  .ps26m-accordion details>div { padding:16px; }
  .ps26m-final { background:#172651; text-align:center; }
  .ps26m-final p { color:#dce5f5!important; }
}