@charset "UTF-8";
/*
Theme Name: Trifectamarketing
Theme URI: https://trifectamarketing.pl/
Author: Sebastian Szydlowski
Author URI: https://trifectamarketing.pl/
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trifectamarketing
*/
:root {
  --primary-color:#28883E;
  --secondary-color:#67bb1b;
  --accent:#B0CB1F;
  --better-accent:#b0d747;
  --grey:#c7c7c7;
  --soft-gray:#f6f7fa;
  --dark:#0b0f12;
  --highlight:#7AB21D;
  --blue:#2d71b2;
  --light-blue:#110560;
  --pale-blue:#b2dde4;
  --lighter-blue:rgb(45, 113, 178);   
  --green-light:#3ea51d;
  --green-dark:#3fa355;
  --header-dark:#081921;
  --heading-blue: #002b5e;
  --bkg-primary:#0b2035;
  --bkg-secondary:#081921;
  --box-shadow-color:#707173;
  --box-shadow:-1px 1px 6px 5px #bcb7b757;
  --shadow:#5c6a74;
  --main-dark:#141e30;
  --font-primary:'Poppins', sans-serif;
  --font-base:'Segoe UI', system-ui, sans-serif;
  --heading--font-size-h3: 2rem;
  --heading--font-size-h2: 3rem;
  --heading-font-size:2.6rem;
  --font-size-regular:1.8rem;
  --font-size-small:1.2rem;
  --font-weight-400:400;
  --line-height-30:30px;
  --border-radius:10px;}


.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap: normal !important;word-break:normal}
.screen-reader-text:focus {background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}html:focus-within{scroll-behavior:auto}*{animation-duration:0s !important;transition-duration:0s !important}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1!important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}


*:focus:not(:focus-visible) {outline:none}
:focus-visible{outline:2px solid blue;outline-offset:2px}


.nav-link:focus,
.logo:focus{outline: 1px solid var(--accent)}


html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}
*{box-sizing:border-box;}
*::before,*::after{box-sizing:inherit}
body{line-height:1.5;margin:0;padding:0;height:100%;color:#222;font-family:var(--font-base)}
main,select,article{display:block}
div, section{margin:0px;border:0;font-family:inherit;font-style:inherit;font-weight:inherit;outline:0;padding:0px;display:flow-root}
img,picture{max-width:100%;display:block;height:auto;margin:0}
iframe{width:100%}
blockquote,address,big,cite,code,em,font,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td
{border:none;padding:0;margin:0;overflow-wrap:break-word;word-break:break-word}
picture{width:100%}
ul,li,ol{list-style:none;margin:0;font-family:var(--font-base)}
ul ul{list-style:circle}
ul ul ul{list-style:square}
ol ol{list-style:lower-alpha}
ol ol ol{list-style:lower-roman}
li > ul,li > ol{margin:1rem 0 0 1rem}
dt, dd{line-height:1.5}
dt{font-weight:700}
dt + dd{margin-top:0.5rem}
dd + dt{margin-top:1.5rem}
figure{display:block;margin:0}
iframe{display:block;max-width:100%}
video{display:block}
figcaption,.wp-caption-text{color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem}
figcaption a,.wp-caption-text a{color:inherit}
b,strong {font-weight:700}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
details{display:block;background-color:#f5f5f5;padding:10px}
summary{display:list-item}



button,
[type=button],
[type=reset],
[type=submit] {width: auto;-webkit-appearance:button}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {border-style:none;padding:0}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {outline: 1px dotted ButtonText}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {outline:1px dotted ButtonText}

button,
[type=submit],
[type=button] {display:inline-block;font-weight:400;text-align:center;white-space:nowrap;user-select:none;
  background-color: var(--green-dark);padding:0.5rem 1rem;font-size:2rem;border-radius:3px;transition:all 0.3s}
button:focus,
[type=submit]:focus,
[type=button]:focus {outline:5px auto -webkit-focus-ring-color}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {color:#ffffff;background-color:#3fa355;text-decoration:none}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {cursor:pointer}
[type=checkbox],
[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield; outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}


input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {width: 100%;border: 1px solid #666;border-radius: 3px;padding: 0.5rem 1rem;transition: all 0.3s;font-size:2rem}
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {border-color: #333}

/****************************************
 ************** UTILITIES ***************
****************************************/
.max-width{max-width:86%;margin:auto}

.has-bg-soft-gray{background-color: var(--soft-gray)}
.feature-grid{padding-bottom:6rem;margin:4rem 0;background-color:var(--soft-gray)}
.feature-grid .container-grid{gap:3rem}
.feature-grid-item{padding:2rem;border-radius:5px;box-shadow:0 16px 5px 0 rgb(0 0 0 / .1);background-color:#fcfcfc}
.feature-grid h3{text-align:center}


.grey-bkg,
.header-wrapper{background-color:#fafafa57}
.grey-linear-bkg {background:linear-gradient(0.25turn, #11243a1f 4%, #f8f5f5e6, #11243a1f);padding:20px}
.box-shadow{box-shadow:4px 6px 2px 0px var(--box-shadow-color)}

.has-round-border-with-padding{border:1px solid var(--grey);border-radius: 25px;padding: 1.4rem}
.has-border {border:1px solid var(--grey)}
.pale-blue{background:var(--pale-blue);color:var(--heading-blue)}
.white{color:#fff}
.better-rendering img{max-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;object-position:50% 50%}
.img-container{padding:5%}
.img-container img{width:100px;height:100px}
.nomargin{margin:0}
.page-title,
.text-center{text-align:center}
.aligncenter{display:flex;align-items:center;justify-content:center}

.heading {padding:3%;margin-bottom:20px}
.nobullets {list-style:none;margin:0;padding:0}
.nobullets li{margin:0.5em 0 0 0}
.has-bullets li {margin: 0 0 0 2rem;list-style: disc}
.padding-bottom{padding-bottom:5%}
.width-80{margin:auto;width:80%}
.gap-5{gap:5rem}

.header-wrapper{padding:1%;margin-top:1rem}
.single .header-wrapper p{color:#222;margin:0}
.center-svg svg,
.feature-grid svg{margin:0 auto;display:block}




@media screen and (prefers-color-scheme:dark){

* {color:#f9f9f9!important;background:#000!important;border-color:yellow!important}
img:not([src$=".svg"]) {filter:brightness(70%)}
.btn {background-color:var(--header-dark)}}

.dark-theme {background:#0d1f11!important}
.dark-theme .widget-title,
.dark-theme .widget,
.dark-theme .footer-cta,
.dark-theme .header-wrapper-green,
.dark-theme .page-template-oferta .slanted-right,
.dark-theme details {background:#102816!important}

.dark-theme .site-footer *,
.dark-theme .slanted-right *,
.dark-theme .slanted-left *
{background-color:transparent}

.dark-theme * {color:#b6afaf!important;background:#0d1f11 !important;;border-color:#b6afaf!important}
.dark-theme img {opacity:0.7}
.dark-theme .single-entry,
.dark-theme .breadcrumbs,
.dark-theme .btn,
.dark-theme .site-footer,
.dark-theme .forminator-button-submit,
.dark-theme .btn:hover{background-color:var(--theme-dark)}

.dark-theme .entry-wrapper {background-color:#1e3e25}
.dark-theme .entry-wrapper *{background-color:#23442b}



/****************************/
/*****HEADINGS**************/
/***************************/

h1,h2,h3,h4,h5,h6 {clear:both;font-weight:600;font-family:var(--font-primary)}
h1:not(.white-heading),h2,h3,h4,h5,h6 {margin:3rem auto;color:var(--header-dark)}
h1{font-size:calc(2.5rem + (46 - 25) * ((100vw - 300px) / (1600 - 300)));
  line-height:calc(4rem + (60 - 40) * ((100vw - 300px) / (1600 - 300)))}
h2{font-size:clamp(2.2rem, 5vw, 2.8rem);}
h3{font-size:calc(1.7rem + (22 - 17) * ((100vw - 300px) / (1600 - 300)));line-height:2.4rem}
h4, h5, h6{color:#203b6a;line-height:2rem;font-size:2.2rem}

p {display:block;font-weight:400;line-height:1.5;margin:0 0 20px;margin-block-start:1em;margin-block-end:1em;
  margin-inline-start:0px;margin-inline-end:0px}

p,a,li,
.recent-post-card-title a
{font-family:var(--font-base);
letter-spacing:0.2px;
font-size:calc(1.6rem + (19 - 16) * ((100vw - 300px) / (1600 - 300)));

}

.single-content-area p:not(.ass){margin:0 0 20px 0}

.heading-white {color:#fff}
.heading-dark {color:var(--header-dark)}
.heading-dark, .heading-white{font-size:2.6rem;line-height:30px;text-align:left;font-weight:700}
 
h1 span,
h2 span, 
h3 span{color:var(--green-dark)}

.header-wrapper-green {background:linear-gradient(178deg,var(--primary-color), var(--accent));margin-bottom:6%;padding:5%;text-align:center}
.header-wrapper-green p{margin:auto;max-width:700px}
.header-wrapper-green p, .header-wrapper-green h1 {color:white}
.single h3 {text-align:left}
.single-title{margin-bottom:10px}

span,a{text-wrap:wrap}
dl,dt,dd{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
hr {box-sizing:content-box;height:0;overflow:visible}
table {background-color:transparent;width:100%;margin-block-end:15px;font-size:0.9em;border-spacing:0;border-collapse:collapse}
table th,
table td {padding:15px;line-height:1.5;vertical-align:top;border:1px solid rgba(128, 128, 128, 0.5019607843)}
table th {font-weight:bold}
table thead th,
table tfoot th {font-size:1em}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {border-block-start:1px solid rgba(128, 128, 128, 0.5019607843)}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {background-color:rgba(128, 128, 128, 0.0705882353)}
table tbody tr:hover > td,
table tbody tr:hover > th {background-color:rgba(128, 128, 128, 0.1019607843)}
table tbody + tbody{border-block-start:2px solid rgba(128, 128, 128, 0.5019607843)}

/*************************************
*******************LINK***************
**************************************/
a{cursor:pointer;color:var(--secondary-color);text-underline-offset:3px;text-decoration-skip-ink:all;font-weight:500;
background-color:transparent;text-decoration-thickness:1px;outline:0;text-decoration:none}
a:hover{text-decoration-style:dotted;text-decoration-skip-ink:none}

.btn{color:var(--green-light);background-color:transparent;text-transform:uppercase;padding:11px;
  border-radius:10px;border:1px solid var(--green-light);width:fit-content;display:block;
  margin:auto;font-size:var(--font-size-regular);box-shadow:1px 2px 0 0}

a:active,a:hover{outline:0}

.link {color:var(--green-light)}
.creative-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var(--grey);border-radius:var(--border-radius);padding:20px;display:inline-block;margin:auto}
.creative-btn, .creative-button svg{vertical-align:middle;display:inline-block;color:#FFFFFF;margin:0 10px}

.contact-box{background-color:var(--bkg-secondary)}
.contact-box .is-email, 
.contact-box .is-phone{font-size:2rem;}
.is-phone{gap: 10px}
.contact-box-inner{max-width:1200px;margin:0 auto;padding:2px;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center}
.cb-column {flex:1 0 200px;padding:10px;text-align:center}
.cb-column button{color:#fff;font-size:19px;background-color:transparent}



/****************************/
/*****CONTENT**************/
/***************************/
.page-template-prowadzenie-bloga .steps{margin-top: 5rem}
.offer-box-inner{border: 1px solid var(--grey);border-radius: 25px;padding:4rem;background-color:#fafafa}

.brutto{font-size:14px}
hr{display:block;border-color:#3fa35526;width:70%;margin-top:0.5em;margin-bottom:0.5em;margin-left:auto;margin-right:auto;border-style:inset;border-width:1px;unicode-bidi:isolate;margin-block-start:0.5em;margin-block-end:0.5em;margin-inline-start:auto;margin-inline-end:auto;overflow:hidden;}


/*pozycjonowanie*/
.holistic-section .auto-grid {--auto-grid-min-size:40rem;grid-gap:6rem;margin-top: 5rem}
.holistic-section .grid-item{padding:2rem;border:2px solid #555;border-radius:var(--border-radius);background: var(--soft-gray)}

/*single portfolio and offers*/
.flex-row {margin:5%}	
.flex-row h1{margin-top:0}

@media(min-width:960px){
.flex-row-wrapper{margin:5% auto;max-width:1000px}
.flex-row {display:flex;justify-content:space-between;gap:2rem}
.flex-row-title {max-width:360px}
.flex-row-img {width:480px}
.flex-row h1, .flex-row h2, .flex-row p {text-align:left}}


/********************************************
****************slanted section**************
*********************************************/
.slanted-section{padding:5%;min-height:50vh;background-color:#0b2035}
.slanted-section h2{text-align:left}
.diagonal-section-slanted-top{padding:5%;min-height:50vh;background-color:#0b2035}
.slanted-right,
.slanted-left{background-color:var(--light-blue);padding:4%}
.slanted-right h2, 
.slanted-left h2,
.slanted-right p, 
.slanted-left p{text-align:left;color:#fff}	

@media(min-width:50em){
.slanted-section{clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}
.diagonal-section-slanted-top{clip-path: polygon(0px 0px,101% 23%,101% 100%,0px 99%)}
.slanted-right{clip-path:polygon(0px 0px,101% 52px,100% 88%,0px 99%)}
.slanted-left{clip-path:polygon(0px 44px,100% 0px,100% 100%,0px 92%)}
}





/****************************/
/*****GUTENBERD**************/
/***************************/
.wp-block-columns{word-break:break-word;overflow-wrap:break-word;display:flex;gap:0;align-items:flex-start;flex-wrap:wrap}

@media (min-width:60em){.wp-block-columns{flex-wrap:nowrap;gap:1em;justify-content:center}}


/****************************/
/*****LAYOUTS**************/
/***************************/
/********* karty ofertowe*********/
.option, 
.mobile-first-flex-item{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}
.mobile-first-flex-item {margin:2.5rem 5px;box-shadow:12px 17px 15px 2px var(--box-shadow-color);font-weight:500;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}
.option {padding:2rem;min-height:110px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.option, 
.portfolio-entries-wrapper{background-color:var(--dark)}
.option p{color:var(--accent);margin:0;font-size:20px;font-weight:700}
.option span{color:#f9f9f9}

/*cennik cards*/
.offer-cards li{list-style:none;margin:0;font-size:1.7rem;display:flex;align-items:center;gap:12px;padding:1rem}
.offer-cards li svg{flex-shrink:0;height: 20px}
.offer-cards .highlight{background:var(--bkg-secondary)}


@media(min-width:65.625em){
.mobile-first-flex-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;max-width:1380px;gap:3rem}
.mobile-first-flex-item{flex:1;max-width:45rem}

}

/* two columns flex no media queries*/

.columns{display:flex;flex-wrap:wrap;width:90%;justify-content:center;margin:0 auto 5rem auto;gap:3rem;max-width:1380px}
.column{flex:1 0 29rem;padding:2px}
.columns img{padding:3rem 5% 0 5%}


/*flex-2-columns*/
.two-columns{margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.two-columns-item{min-width:50%;flex:0 1 50%;padding:2rem}

@media only screen and (max-width:768px){
.two-columns-item{flex:1 1 auto;max-width:100%}
.two-columns{flex-direction:column}
}

/*flex-4-2-columns*/
.row-4-columns{display:flex;flex-wrap:wrap}


@media (min-width:568px) {
  .row-4-columns .row-column {width:50%}
}

@media (min-width: 1200px) {
  .row-4-columns .row-column {width:25%}
}


/*grid-three-columns stack 2-1*/
.grid-container{grid-template-columns:repeat(auto-fill, minmax(49%, 1fr));display:grid;gap:20px;margin:0 auto;max-width:1400px}
.grid-container-item{padding:2rem}

/*grid-two-columns - case studies */
.two-columns-grid
{display:grid;grid-template-columns:repeat(auto-fill, minmax(370px, 1fr));max-width:1100px;margin:0 auto;gap:4rem}



/*offer cards linkbuilding*/
.offer-cards-wrapper{display:flex;margin:0 auto;flex-wrap:wrap;max-width:1200px;justify-content:center}
.offer-card{min-width:30rem;padding:20px;flex:1 1 300px;max-width:300px}

.text-column{min-width:300px;padding-left:5%;padding-right:5%;flex:1 1 50%}
.text-columns-inner{display:flex;flex-wrap:wrap}

.grid-4col {
/* first breakpoint*/
  --w1:1300px;
  --n:4;
  /* second breakpoint*/
  --w2:1100px;
  --m:4;
  /* third breakpoint*/
  --w3:700px;
  --p:2;
display:grid;
grid-template-columns:repeat(auto-fill, minmax(clamp(clamp(clamp(  
100%/(var(--n) + 1) + 0.1%,
              (var(--w1) - 100%)*1000,
            100%/(var(--m) + 1) + 0.1%), 
              (var(--w2) - 100%)*1000,
            100%/(var(--p) + 1) + 0.1%), 
              (var(--w3) - 100%)*1000,
            100%), 1fr));
 gap:2rem; 
margin:3rem;
resize:horizontal}


.auto-grid {
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr))
}


/**********************************************************************************
*****************responsive grid any number of columns with breakpoint 
* 
* ******************************** 880px ******************************************
* 
***********************************************************************************/

.container-grid {
  --w:105.625em;
  --n:3;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%),1fr));
  gap:5rem; 
}

.container-grid.n-2 {
    --n: 2;
}

.container-grid.n-4 {
    --n: 4;
}

.container-grid.n-6 {
    --n:6;
}


/*grid-three-columns stack 3-1*/
.grid-wrapper {display:grid;gap:20px;margin:20px auto 30px auto;max-width:1400px;
  grid-template-columns:repeat(auto-fill,minmax(clamp(30%, (800px - 100vw)*1000, 100%),1fr));padding:1px}

.grid-auto-rows{grid-auto-rows:1fr}

/************************************************************************************
****************responsive grid better suited for grid and blog layout***************
 ************************************************************************************
**********used on blog********/

.blog-cards{ display:grid; 
  grid-template-columns: repeat(auto-fit, minmax(clamp(100% / (var(--n) + 1) + 0.1%, var(--w), 100%), 1fr));
  --n:3;
  --w:31em;
  grid-column-gap:30px;
  grid-row-gap: 50px;
}



/**********************************
************BLOG*******************
***********************************/

.table-of-contents .toggle-toc {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 30px;
    cursor: pointer;
    font-weight: 800;
    color:var(--green)}
    
.post-template-default .wp-block-quote{background-color:var(--primary-color);position:relative;padding:60px 4% 5%;border-radius:15px;color:white;margin:10px 0 15px}
.post-template-default .wp-block-quote p {font-size:19px;margin:0;font-weight:600;text-align:center}
.post-template-default blockquote::before{content:'';background:url('https://trifectamarketing.pl/wp-content/themes/trifecta/assets/images/quote.svg');position:absolute;top:12px;background-repeat:no-repeat;height:35px;width:35px;left:0;right:0;margin:auto}
.post-categories{padding:0 0 10px 0;font-size:1.6rem;text-align:center}
.post-categories a{border-radius:2px;color:var(--primary-color)}
.single-header{padding:3% 2%;background:linear-gradient(135deg, var(--bkg-primary), #000)}
.single-post h1{text-align:center;width:90%;max-width:80rem;color:#f1f1f1}
.social-share{padding:3rem 0}
.share-ico{margin-left:2rem}
.post-wrapper{margin-top:1rem}

.post-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem}

.post-meta{margin-top:3rem}
/*.post-meta > *{margin:0 2%}*/
.single-header h1{margin:0 auto 3rem auto}
.single-content-area ul, 
.single-content-area ol{margin:0 0 4rem 2rem}
.single-content-area ul, 
.single-content-area li{list-style:disc}
.single-content-area li{line-height:1.5;margin:0.5rem 0 0 1rem}
.single-content-area ol{list-style:decimal}
.single-content-area ul ul{margin:0 0 1rem 3rem}
.single-content-area a {text-decoration:underline;transition:all 0.15s linear;text-underline-position:under}
.single-content-area a:hover{color:#222}
.site-content-single{width:92%;margin:5% auto 0 auto}
.site-content-single .header-wrapper{padding:0 0 5% 0}
.site-content-single .prev-post span, 
.site-content-single .next-post span{color:var(--green-light)}
.site-content-single .prev-post p, 
.site-content-single .next-post p{color:#000}
.site-content-single .prev-post, 
.site-content-single .next-post{border:solid 0.1px var(--green-dark);padding:5px;box-shadow:1px 2px 0 0}
.site-content-single .tri-posts-nav{width:100%}
.byline{font-size:1.4rem}

.ass{padding:50px 0 50px 10px;margin:40px 0;border-radius:10px;border:1px solid var(--primary-color);position:relative}

.has-vivid-green-cyan-color{color:#00d084}
.post-intro{margin-bottom:2rem;border:1px solid;border-radius:25px;padding:2rem}
.post-intro p{font-size:1.6rem}
.post-intro p.podsumowanie{font-weight:600;color:green;margin:0}
.recent-posts-card{margin-bottom:15px}
.recent-posts{margin:5% 0}
.single-recent-posts{margin:5% auto}
.looped-nav{display:none}
.recent-post-card-title p{font-size:1.5rem;margin:0}
.recent-posts-title {font-size:2.4rem;font-weight:600}
.btn-container{border-bottom:1px solid #e7e7e7;padding:4%}
.social-share p{font-weight:700}


@media(min-width:50em){
.post-wrapper{display:grid;grid-template-columns:63% 30%;gap:7%}
.ass strong{position:absolute;top:-19px;left:55px;width:240px;background-color:#fff;padding:0px 30px}

.looped-nav{padding:2%;display:flex;align-items:center;background-color:var(--grey)}
.looped-nav-item{flex:1 1 30%;text-align:center}
.looped-nav a {color:var(--dark)}
.looped-nav a:hover{text-underline:1px solid black} 
}


.blog-search-wrapper{max-width:600px;margin:0 auto}
.blog-search-nav{margin-bottom:50px}

.post-categories a,
.blog .pagination .page-numbers,
.blog .blog-date{font-size:1.6rem}

.blog-entry-title{margin:0}
.blog-entry-meta{margin-top:auto;padding:0 2rem;text-align:right}
.blog-entry-meta svg{width:40px;height:4rem}
.blog, .blog-search-page {background-color:#f9f9f9;padding-bottom:5rem}
.post-container{margin-bottom:2rem;border:1px solid var(--grey);border-radius:20px;box-shadow:1px 1px 1px 1px var(--primary-color);background-color:#fff}

.blog .blog-wrapper{width:95%;margin:0 auto}
.blog-entry-title{padding-top:2rem;font-size:2rem}

.php{border:1px solid #d1d1d1;font-size:1.6rem;line-height:1.3125;margin:0 0 1.75em;max-width:100%;overflow:auto;padding:1.75em;white-space:pre;white-space:pre-wrap;word-wrap:break-word}

.entry-title{font-size:1.8rem;font-weight:600;line-height:25px;text-align:left;margin:0}
.entry-summary{font-size:1.6rem;font-weight:300;line-height:19px;letter-spacing:0em;text-align:left}
.entry-meta img{width:4rem;height:4rem}
.entry-meta{display:flex;align-items:center;justify-content:space-between}
.entry-wrapper{padding:2rem;display:flex;flex-direction: column;justify-content: space-between;height: 100%}

/*kwadrat w rogu*/
.entrywrapper:after{position:absolute;content:'';bottom:-1px;right:-1px;width:0;height:0;border:15px solid var(--dark);border-bottom-color:#fff;border-right-color:#fff}
.blog-date,
.reading-time,
.entry-wrapper{margin:0}
.post-holder{background:linear-gradient(var(--grey), var(--grey));border-radius:var(--border-radius);border:1px solid var(--green-dark)}
.post-meta p{color:#777;margin:0;padding:0;font-size:14px}

.alternative-page-title{display:none}
.archive .content-area ul{margin:0 0 1.5rem 1.5rem}
.archive .content-area ul, 
.archive .content-area li{list-style:disc}
.archive-description a{text-decoration:underline;text-underline-offset:4px}

@media(min-width:768px){
.archive-description{width:80%;max-width:120rem;margin:0 auto 50px auto}}

/*archive pagination*/
/********************/
.pagination{display:flex;justify-content:center}
.nav-links{border-top:medium none;margin-bottom:20px;padding:20px 0;overflow:hidden}

.pagination .page-numbers.current,
.nav-links .page-numbers.current, 
.nav-links a.page-numbers:hover{background:var(--dark) none repeat scroll 0 0;border-color:var(--dark);font-weight:500;color:var(--accent)}

.nav-links .page-numbers{border:1px solid;padding:5px 10px;line-height:35px;color:var(--dark)}
.blog .pagination .page-numbers{margin:0 12px;padding:5px 10px;border:1px solid #ccc;text-decoration:none}

/*archive pagination*/
.pagination-links{display:flex;justify-content:space-evenly;margin:0 auto;width:150px;margin-bottom:5%}

/*single pagination (portfolio, case studies, posts)*/
.prev-next{margin:5% 0}
.prev-post,
.next-post{text-align:center;padding:25px;background-color:var(--grey)}
.prev-next{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:40px}
.prev-next img{width:280px;height:220px;object-fit:cover}



/***************************
/*******FOOTER**************
/**************************/

.site-footer{padding: 10rem 0 0 0;background-color:var(--bkg-primary)}
.site-footer p, .site-footer .menu-item a{font-size:15px;color:#fafafa9c}
.site-footer p.footer-heading{font-size:1.6rem;font-weight:700;color:#f2f2f2}
.footer-bottom{background-color:var(--bkg-secondary);margin-top:6rem}
.footer-bottom p{text-align:center}

.blue-linear-bkg{background:linear-gradient(0.25turn, #002b5ee3, var(--bkg-primary), #002b5ee3);padding:6rem}
.blue-linear-bkg {text-align:center}
.footer-cta p, .footer-cta h2{color:#fff;padding:0.5rem}
.row {display:inline-flex;align-items:center;gap:5rem;flex-wrap:wrap;justify-content:center;margin-top:3rem}
.row li{border:1px solid var(--secondary-color);padding:1.2rem;border-radius:25px}

@media(min-width:1055px){
.site-footer .container-grid{justify-items:center;align-items:baseline}
}



/******************************
*********MISCELENIOUS**********
*******************************/
.required{color: #ba2c48}
.columns.has-contact-form .column{padding:1rem}

/*Accordion*/
.faq-container{max-width:1380px;margin:3rem auto 0 auto}


.accordion-container{margin-top:4rem}
.accordion{background-color:#fefffa;margin:5rem auto;border-top:6px solid var(--green-dark);line-height:1.6;box-shadow:5px 5px 10px 0px #a4bac1}
.accordion__item{border-bottom:1px solid #dce7eb;padding:2rem 0}
.accordion__item h4{margin:1rem;color:#222;line-height:1.5}
.accordion__title{padding:0px 0px 0px 5rem;display:block;position:relative;font-weight:400}
.accordion__title:before{content:"+";font-size:4rem;font-weight:900;position:absolute;left:15px;top:-15px;color:var(--primary)}
.accordion__title h4{border-bottom:1px solid #fefffa;display:inline-block}
.accordion__title:hover, 
.accordion__title:focus{cursor:pointer}
.accordion__title:focus-visible{outline:2px solid blue}
.accordion__title:hover h4, 
.accordion__title:focus h4{border-bottom-color:#a8bdc4;display:inline-block}
.is-expanded .accordion__title:before{content:"-"}
.accordion__content-inner{padding:0 4rem 1rem 5rem}
.accordion__content{transition:height 0.3s ease-out;height:0;overflow:hidden}


/*contact form*/
.cf-contact-form{border-radius:25px;padding:2.5rem 1.5rem;box-shadow:0 16px 5px 0 rgb(0 0 0 / .17)}
.cf-field{margin-bottom:1rem}
.cf-field label{margin-bottom:5px;display:block;font-size:1.6rem}
.cf-field [type=checkbox]{width:2rem;height:2rem;cursor:pointer}
.scf-consent label,
.scf-consent a{font-size:1.3rem}
.scf-consent a{font-style:italic}
.scf-submit{color:aliceblue;margin:auto;display:block}
.error{background:aliceblue;color:#ce3b3bfc;font-style:italic;font-size:1.6rem}


/*PORTFOLIO*/
.portfolio-stripe{padding:3%;background-color:var(--dark);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8%}
.portfolio-stripe h2{color:var(--accent)}
.portfolio-header {margin:5% 10%;max-width:1500px}  
.portfolio-header h1{margin-top:0;text-align:left}
.portfolio .wp-block-columns{padding-left:4%;padding-right:4%;justify-content:space-around;margin-top:6.5rem}
.portfolio .wp-block-column{border:2px solid grey}

@media(min-width:60em){
.portfolio .wp-block-column{padding-bottom:9%;padding-top:3%;width:46%}
.portfolio-header{display:flex;justify-content:space-between;gap:2rem}
.portfolio-header-title{max-width:36rem;min-width:39%}
.portfolio .slanted-right h2{text-align:left;color:#fff;font-size:2.2rem} 
.portfolio .slanted-right p{text-align:left;color:#fff;font-size:1.6rem;line-height:2.6rem} 
}
/*OFERTA*/
.page-template-oferta .btn {margin:5%}
.page-template-oferta .slanted-right {background:var(--pale-blue);padding:0}
.page-template-oferta .slanted-right p {color:#002b5e}
.page-template-oferta .slanted-right h2 {color:#002b5e}
.page-template-oferta .btn {color:#f5f5f5;background-color:#002036}
.row-item h2{font-size:2.6rem}

.dark-blue{background-color:var(--blue)}
.dark-blue li,
.dark-blue h2{color:#fff}
.dark-blue .green-arrows li 
.pale-blue{background-color:var(--pale-blue)}
.dark-blue .green-arrows li{color:#fff;border-bottom:1px solid #fff}
.dark-blue h2{margin:0}

.fullwidth-box{padding:3rem;margin:0 0 4rem 0}
.fullwidth-box-image,
.fullwidth-box-list{padding:2%}

.card-white{border-radius:5px 5px 5px 5px;box-shadow:2px 2px 7px -1px #474747;min-height:27rem}
.card-white p{text-align:center;padding:10%}
.white-card-image{margin-top:4rem}
.card-white img{width:auto;margin:auto;min-height:92px}

.overviews{margin:10rem 0;background:var(--pale-blue);padding-top:3rem}

@media(min-width:50em){.space-evenly{justify-content:space-evenly}
.page-template-oferta .slanted-right{padding:4%}}

@media(min-width:47em){
  .fullwidth-box{display:flex}
  .fullwidth-box-image,.fullwidth-box-list{width:49%}
  .card-white{padding-bottom:20%}

  .half-width{display: inline-block;width:49%}
  .columns.has-contact-form{gap:7rem}


}

.textarea-class{height: 10rem}
.counter-item{text-align:center;padding:10px}
.counter-item span{text-align:center;color:#2d71b2;font-size:45px;line-height:normal}
.counter{border-radius:5px;background-color:#fafbfc;box-shadow:2px 2px 5px -2px #5e5d5d;padding:0px;margin-top:1px}
.projektowanie-stron .grid-4col{margin:auto;max-width:1400px}


/**responsive sidebar no media queries*/
/*.contentwrapper {display:flex;gap:1rem;flex-wrap:wrap}
.maincontent {flex-basis:60rem;flex-grow:9}
.asideo {flex-basis:30rem;flex-grow:1}
.maincontent,
.asideo {border:1px solid #eee;padding:0 15px}*/


/************/
.recent-post-card-title p,
.byline{display:none}



.cta-block{padding:7rem 2rem;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;margin:10rem 0 5rem 0}
.cta-block h2,
.cta-block p,
.dark-background-block p
{color:#fff;margin-bottom:1.5em}

.dark-background-block{background-color:var(--bkg-primary);margin:8rem 0;padding-top:5rem}
.dark-background-block h2{color:var(--green-dark)}
.dark-background-block p{display:flex;align-items:center;gap:5px}
.dark-background-block form{background-color: aliceblue;}

.page-template-wyszukanie .blog-entry-meta{display:flex;align-items:center;justify-content:center;gap:4rem}
.page-template-wyszukanie .post-container h2{text-align:center}
.page-template-blog .search_bar{max-width:600px;margin:0 auto 50px auto}
.page-template-blog .search_bar a{margin-top:15px;font-size:2rem;display:block}

.padding-block{padding:clamp(2rem, 0.1818181818rem + 7.57575757vw, 6rem)}



.offer{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.offer .btn{margin:0}

.steps{padding: 2rem;background-color:#f2f2f2;text-align:center}
.step {background-color:#fff;display:block;width:100px;height:100px;border-radius:50%;margin:24px auto 4px;padding:24px}
.step .number{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#37b14c;border-radius:50%;color:#fff;font-size:2rem;font-weight:500}


.about-audit .row-column{padding:3rem}
.audyt-seo .cta-block{margin-bottom:0}
.audyt-seo .feature-grid{margin-top:0}
.overviews li{list-style:disc;margin-left:2rem}
.indicator .item{padding: 1rem;border: 1px solid;border-radius:2.5rem}