html {
    -webkit-text-size-adjust: 100%; /* sizes on horizontal mobile */
}









/* ---------------------------------------------------------- */
/*             GLOBAL VARIABLES            */
/* ---------------------------------------------------------- */

:root {
    --black: #222;
    --white: #fff;
    --blue: #0066ff;
    --hint: #dc3ced;
}










body {
    padding-top: 240px;
    
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 400;
    color: var(--black);
    background-color: var(--white);
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    background: url(../../img/dalia-site-bg.png) 52.5% -305px no-repeat;
}

/* for 1500px or less */
@media screen and (max-width: 1500px) {
    body {
        background: url(../../img/dalia-site-bg.png) 57% -305px no-repeat;
    }
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    body {
        padding-top: 160px;
    }

    body.homepage {
        padding-top: 470px;
    }
   
}








/* ---------------------------------------------------------- */
/*             FLOATS AND CLEAR FIX            */
/* ---------------------------------------------------------- */

.fl { float: left; }
.fr { float: right; }

.ca::before, /* clearfix */
.ca::after { content: ""; display: table; } 
.ca::after { clear: both; }

/* DISPLAY IMAGES AS BLOCKS */

img { display: block; } 











/* ---------------------------------------------------------- */
/*             MINOR            */
/* ---------------------------------------------------------- */

p a,
.post-content ul li a { /* links */
    color: var(--blue);
    font-weight: 700;
}

p a:hover,
.post-content ul li a:hover {
    border-bottom: 2px var(--blue) solid;
}

strong {
    font-weight: 700;
}

.hint {
    color: var(--hint);
}












/* ---------------------------------------------------------- */
/* ------ FORMS * fields and buttons            */
/* ---------------------------------------------------------- */

/* button typography */
button[type="submit"],
input[type="submit"],
a.button {
    font-family: "Poppins", sans-serif;
    color: var(--white);
    font-weight: 700;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;

    cursor: pointer;
    vertical-align: top;
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

/* ---------------------------------------------------------- */
/* ----- fields typography and border */
/* ---------------------------------------------------------- */
textarea,
select,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"] {
    font-family: "Readex Pro", sans-serif;
    color: var(--black);
    font-weight: 400;
    border: 1px #ccc solid;
}

/* ---------------------------------------------------------- */
/* -------- fields and buttons radius */
/* ---------------------------------------------------------- */
textarea,
select,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
button[type="submit"],
input[type="submit"],
a.button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-appearance: none;
}

/* ---------------------------------------------------------- */
/* ------ button hover */
/* ---------------------------------------------------------- */
input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover {
    transform: scale(1.05);
}

/* fields focus */
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
    border: 1px #666 solid;
}

/* ---------------------------------------------------------- */
/* ------ forms sizes */
/* ---------------------------------------------------------- */
a.button {
    display: inline-block;
}

textarea {
    padding: 9px 16px 9px 16px;
    font-size: 16px;
    line-height: 28px;
    vertical-align: bottom;
}

a.button.big, /* big button */
input.big { /* big input */
    height: 52px;
    line-height: 52px;
    font-size: 16px;
}

a.button.big { /* big button */
    padding: 0 32px;
}

input.big { /* big input */
    padding: 0 24px;
}

a.button.small, /* small button */
input.small { /* small input */
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

a.button.small { /* small button */
     padding: 0 24px;
}

input.small { /* small input */
    padding: 0 16px;
}

/* ---------------------------------------------------------- */
/* ----- button colors */
/* ---------------------------------------------------------- */

a.button.primary,
input.button.primary { /* primary button */
    color: var(--white);
    background-color: var(--blue);
}

a.button.secondary,
input.button.secondary { /* secondary button */
    color: var(--blue);
    background-color: var(--white);
}











/* ---------------------------------------------------------- */
/* ------ dalia forms custom            */
/* ---------------------------------------------------------- */

.wpcf7-form  {
    padding-bottom: 24px;
}

.wpcf7-form fieldset div {
    position: relative;
    padding-bottom: 20px;
}

.wpcf7-form fieldset div:last-child {
    padding-bottom: 0;
}

.wpcf7-form fieldset div:nth-last-child(3) {
    padding-bottom: 8px;
}

.wpcf7-form fieldset div br {
    display: none;
}

.wpcf7-form-control-wrap {
    width: 80%;
    display: block;
}

.wpcf7-form fieldset div .required {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
}

.wpcf7-form fieldset input[type="text"],
.wpcf7-form fieldset input[type="email"],
.wpcf7-form fieldset input[type="tel"],
.wpcf7-form fieldset textarea {
    width: 100%;
    box-sizing: border-box;
}

/* submit */

.wpcf7-form-control.wpcf7-submit {
    width: 80%;
}

.wpcf7-form-control.wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: 0.7;
    background: #999;
}

.wpcf7-form-control.wpcf7-submit:disabled:hover {
    transform: none;
}

/* acceptance */

.wpcf7-form-control-wrap .wpcf7-acceptance {
    display: block;
}

.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label {
    display: block;
}

.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    font-size: 12px;
    padding-left: 10px;
    width: calc( 100% - 30px );
    display: inline-block;
}

.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"] {
    margin: 0;
    vertical-align: top;
}

/* contact form 7 plugin alert  */

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    right: 11px;
    bottom: -7px;
    font-size: 12px;
    color: #b61313;
    background: #fff;
}

.wpcf7 form .wpcf7-response-output {
    margin: 32px 0 0 0;
    padding: 10px 15px;
    font-size: 16px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}











/* ---------------------------------------------------------- */
/* ------- WRAPPER -------------------- */
/* ---------------------------------------------------------- */

.dalia-wrapper { /* main wrapper (narrowed and centered content) */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}










/* ---------------------------------------------------------- */
/* ---------- SITE BAR with logo and menu --------------------*/
/* ---------------------------------------------------------- */

.dalia-site-bar {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 20px;
    z-index: 3;
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dalia-site-bar.fixed {
    position: fixed;
    padding-top: 8px;
    background-color: rgba(255,255,255,0.95);
}

/* ---------------------------------------- */

.dalia-site-title { /* dalia logo */
    float: left;
}

/* ---------------------------------------- */

.dalia-site-language { /* language */
    float: left;
    width: 90px;
    margin-left: 60px;
    margin-top: 6px;
}

.dalia-site-language ul li {
    display: block;
    height: 33px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

.dalia-site-language > ul > li:first-child:after {
    content: " ⇣";
    color: #0065ff;
    font-size: 24px;
    vertical-align: middle;
}

.dalia-site-language > ul {
    position: relative;
}

.dalia-site-language ul ul {
    position: absolute;
    top: 23px;
    opacity: 0;
    visibility: hidden;
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dalia-site-language ul ul.other-langs {
    top: 38px;
    opacity: 1;
    visibility: visible;
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dalia-site-language ul li a {
    color: var(--black);
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dalia-site-language ul li a:hover {
    color: var(--blue);
}

.dalia-site-language ul li img {
    display: inline-block;
    margin-right: 10px;
    margin-top: -4px;
    vertical-align: middle;

	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
    border-radius: 23px;
    
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
}

/* ---------------------------------------- */

.dalia-site-navigation { /* nav */
    float: right;
}

.hamburger {
    display: none;
    float: right;
    padding-top: 4px;
    
    font-size: 26px;
    color: var(--blue);
}

.hamburger a {
    display: block;
    width: 40px;
    height: 40px;
    color: var(--blue);
    background: url(../../img/dalia-hamburger-icon.svg) 0 0 no-repeat;
    
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.hamburger a.close {
    color: var(--blue);
    background: url(../../img/dalia-close-icon.svg) 0 0 no-repeat;
}


.dalia-site-navigation ul li {
    display: inline-block;
    margin-left: 40px;
    line-height: 50px;
}

.dalia-site-navigation ul li a {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dalia-site-navigation ul li a:hover {
    color: var(--blue);
}

/* ---------------------------------------- */

.dalia-site-navigation ul li ul { /* subnav */
    position: absolute;
    
    opacity: 0;
    visibility: hidden;
    
    max-width: 350px;
    padding: 12px 24px 12px 0;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dalia-site-navigation ul li:hover ul {
    opacity: 1;
    visibility: visible;

    background-color: var(--white);
    
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-site-navigation ul li ul li {
    display: block;
    margin-left: 24px;
    padding: 6px 0;
    line-height: 20px;
}

.dalia-site-navigation ul li ul li a {
    padding: 0;
    border: none;
}

/* ---------------------------------------- */

.dalia-search { /* search bar */
    width: 170px;
}

.dalia-search fieldset {
    margin: 0;
    padding: 0;
}

.dalia-search fieldset input {
    width: 100%;
    box-sizing: border-box;
}


/* for 1080px or less */
@media screen and (max-width: 1080px) {
    
    /* lang */
    
    .dalia-site-language {
        margin-left: 30px;
    }

    /* top nav */
    
    .hamburger {
        display: block;
    }
    
    .dalia-site-navigation {
        position: absolute;
        right: 20px;
        top: 90px;
        
        float: none;
        max-height: 540px;
        margin-left: 20px;
        padding: 30px;
        
        background-color: var(--white);
        
        visibility: hidden;
        opacity: 0;
        
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        
        -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
        
        overflow: scroll;
    }
    
    .dalia-site-navigation.visible {
        visibility: visible;
        opacity: 1;
    }
    
    .dalia-site-navigation > ul > li {
        display: block;
        margin: 0 0 15px 0;
        line-height: 20px;
    }
    
    .dalia-site-navigation > ul > li:last-child {
        margin: 0;
        padding-top: 12px;
    }
    
    .dalia-site-navigation ul li ul {        
        display: block;
        position: relative;
        padding-bottom: 0;
        
        opacity: 1;
        visibility: visible;
    }

    .dalia-site-navigation ul li:hover ul {
        -webkit-transition: none;
        -moz-transition:none;
        -o-transition: none;
        transition: none;
        
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

}



















/* ---------------------------------------------------------- */
/* --------- SECTION dalia hero section (hp) */
/* ---------------------------------------------------------- */

.dalia-site-opening {
    margin-bottom: 240px;
    text-align: center;
}

.dalia-site-opening header.huge-header {
    margin-bottom: 100px;
}

/* opening images */

.dalia-site-opening-images {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 105%;
    overflow: hidden; /* tablet fix */
}

.dalia-site-opening-images-container { /* ul */
    position: relative;
}

.dalia-site-opening-images-container li {
    position: absolute;
}

.dalia-site-opening-images-container li.huge {
    width: 300px;
    top: 195px;
    right: 65px;
}

.dalia-site-opening-images-container li.large {
    width: 285px;
    top: 580px;
    left: 110px;
}

.dalia-site-opening-images-container li.middle {
    width: 255px;
    top: 210px;
    left: 60px;
}

.dalia-site-opening-images-container li.small {
    width: 250px;
    top: 600px;
    right: 90px;
}

.dalia-site-opening-images-container li.tiny {
    width: 190px;
    top: 350px;
    right: 10px;
}

.dalia-site-opening-images-container li.micro {
    width: 145px;
    top: 505px;
    left: 45px;
}

.dalia-site-opening-images-container li img {
    width: 100%;
    height: auto;

	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dalia-site-opening .button {
    margin: 0 8px;
}

/* for 1024px or less */
@media screen and (max-width: 1024px) {

    .dalia-site-opening-images-container li.huge {
        right: calc( 65px - 250px);
    }

    .dalia-site-opening-images-container li.large {
        left: calc( 110px - 250px);
    }

    .dalia-site-opening-images-container li.middle {
        left: calc( 60px - 180px);
    }

    .dalia-site-opening-images-container li.small {
        right: calc( 90px - 190px);
    }

    .dalia-site-opening-images-container li.tiny {
        right: calc( 10px - 1px);
    }

    .dalia-site-opening-images-container li.micro {
        left: calc( 45px - 20px);
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .dalia-site-opening {
        margin-bottom: 0;
    }
    
    .dalia-site-opening header.header {
        margin-bottom: 50px;
    }
    
    .dalia-site-opening .button {
        margin-bottom: 20px;
    }
    
    
    
    
    .dalia-site-opening-images {
        min-width: inherit;
    }
    
    .dalia-site-opening-images-container li.huge {
        width: 150px;
        height: 100px;
        top: 125px;
        right: -3%;
    }

    .dalia-site-opening-images-container li.large {
        width: 162px;
        height: 108px;
        top: 270px;
        left: -7%;
    }

    .dalia-site-opening-images-container li.middle {
        width: 132px;
        height: 88px;
        top: 150px;
        left: 6%;
    }

    .dalia-site-opening-images-container li.small {
        width: 126px;
        height: 84px;
        top: 290px;
        right: 5%;
    }

    .dalia-site-opening-images-container li.tiny {
        width: 93px;
        height: 62px;
        top: 197px;
        right: 26%;
    }

    .dalia-site-opening-images-container li.micro {
        width: 108px;
        height: 72px;
        top: 340px;
        left: 24%;
    }

}












/* ---------------------------------------------------------- */
/* -------- blog post popup */
/* ---------------------------------------------------------- */

.blog-post-popup {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 30%;
    
    padding: 25px 30px 20px 30px;
    background-color: var(--white);
    
    z-index: 1;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.blog-post-popup .read-a-post {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #444;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.blog-post-popup .post-link a {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    color: var(--blue);
    line-height: 32px;
    font-weight: 700;
}

.blog-post-popup .post-link a:hover {
    border-bottom: 2px var(--blue) solid;
}

.close-blog-post-popup { /* close x */
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -12px;
    right: -12px;
    
    color: var(--white);
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;

    background-color: var(--blue);

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.close-blog-post-popup:hover {
    transform: scale(1.05);
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .blog-post-popup {
        width: 76%;
        right: 5%;
        bottom: 2%;
        padding: 6% 7% 5% 7%;
    }
    
    .close-blog-post-popup {
        right: 18px;
    }

}




    







    
    
    
    




/* ---------------------------------------------------------- */
/* -------- SECTION * numbers, info (hp) */
/* ---------------------------------------------------------- */

.dalia-numbers-info {
    margin-bottom: 180px;
}

.dalia-numbers-info ul {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
}

.dalia-numbers-info ul li {
    width: 25%;
    font-size: 20px;
    text-align: center;
}

.dalia-numbers-info ul li span {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 72px;
    font-weight: 700;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* numbers, info */
    
    .dalia-numbers-info {
        margin-bottom: 100px;
    }
    
    .dalia-numbers-info ul li {
        width: 100%;
    }
    
    .dalia-numbers-info ul li {
        margin-top: 100px;
    }
    
    .dalia-numbers-info ul li span {
        font-size: 64px;
    }
    
}















/* ---------------------------------------------------------- */
/* ------- SECTION * videos (hp) -------------------- */
/* ---------------------------------------------------------- */

.dalia-filmy {
    margin-bottom: 180px;
}

.dalia-filmy ul li {
    margin-bottom: 100px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10%;
}

.dalia-filmy ul li:last-child {
    margin-bottom: 0;
}

.dalia-filmy ul li figure {
    width: 48%; /* 48.7179% - 570px (320px) */
}

.dalia-filmy ul li figure img, /* zaslepka */
.dalia-filmy ul li figure iframe {
    max-width: 100%;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-filmy ul li .product header h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
}

.dalia-filmy ul li .product header h3 a {
    color: var(--blue);
}

.dalia-filmy ul li .product header h3 a:hover {
    border-bottom: 3px var(--blue) solid;
}

.dalia-filmy ul li .product {
    width: 42%; /* 39.3162% - 460px */ /* 2.5641% - 30px */
}

.dalia-filmy ul li:nth-child(2n) {
  flex-direction: row-reverse;
}

.dalia-filmy ul li .product p {
    margin-top: 20px;
    
    font-size: 16px;
    line-height: 28px;
}

/* ---------------------------------------------------------- */
/* ---------- MORE button -------------------/
/* ---------------------------------------------------------- */

.dalia-filmy .more { /* big blue button */
    margin-top: 100px;
    text-align: center;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* videos */

    .dalia-filmy {
        margin-bottom: 100px;
    }
    
    .dalia-filmy ul li {
        margin-bottom: 50px;
    }
    
    .dalia-filmy ul li .product header h3 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .dalia-filmy ul li figure {
        width: 100%;
    }

    .dalia-filmy ul li .product {
        width: 100%;
        margin-top: 30px;
    }
    
    .dalia-filmy .more {
        margin-top: 50px;
    }
    
}















/* ---------------------------------------------------------- */
/* -------------------- SECTION * logos (hp) */
/* ---------------------------------------------------------- */

.dalia-logotypy {
    margin-bottom: 180px;
}

.dalia-logotypy header.section-header {
    margin-bottom: 40px;
}

.dalia-logotypy header.section-header span {
    margin: 0;
}

.dalia-logotypy ul {
    padding: 5%;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-logotypy ul li {
    display: block;
    float: left;
    width: 25%;
}

.dalia-logotypy ul li img {
    margin: 0 auto;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* logotypy */
    
    .dalia-logotypy {
        margin-bottom: 100px;
    }
    
    .dalia-logotypy ul {
        padding: 12% 0 6% 0;
    }
    
    .dalia-logotypy ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    .dalia-logotypy ul li img {
        height: auto;
        max-height: 50px;
        width: auto;
    }
    
}












/* ---------------------------------------------------------- */
/* ------------ SECTION * product blocks (hp & index) */
/* ---------------------------------------------------------- */

.dalia-blocks {
    margin-bottom: 180px;
}

.dalia-blocks.related {
    margin-bottom: 100px;
}

/* ---------------------------------------------------------- */
/* ---------- MORE button -------------------/
/* ---------------------------------------------------------- */

.dalia-blocks .more { /* big blue button */
    margin-top: 100px;
    text-align: center;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* blocks */
    
    .dalia-blocks {
        margin-bottom: 100px;
    }
    
    .dalia-blocks.related {
        margin-bottom: 60px;
    }
    
    .dalia-blocks .more {
        margin-top: 50px;
    }

}

ul.feed {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 1.875em;
    column-gap: 2.5641%;
    
}

ul.feed li {
    width: 31.6239%; /* 370px */
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: var(--white);
    
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

ul.feed li::before { /* cien */
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    /*background: rgb(255,255,255);*/
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.7007003484987745) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 80%);
}

/* drawing in the block */

ul.feed li img {
    width: 100%;
    /*max-width: 370px; del */
    height: auto;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.feed li {
    position: relative;
}

ul.feed li span {
    display: none; /* wylaczone kategorie, style i kod php zostaje */
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 14px;
    color: #999;
}

ul.feed li span a {
    font-size: 14px;
    color: #999;
}

/* for 1024px or less */
@media screen and (max-width: 1024px) {

    ul.feed li {
        width: 48.71795%;
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    ul.feed li {
        width: 100%;
    }
    
}

.blocks-title-positioner {
    position: absolute;
    bottom: 35px;
    left: 40px;
    padding-right: 40px;
}

.blocks-title-positioner header {
    margin-bottom: 15px;
}

.blocks-title-positioner header h2,
.blocks-title-positioner header h3 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.blocks-title-positioner header h2 a,
.blocks-title-positioner header h3 a {
    color: var(--blue);
}

.blocks-title-positioner header h2 a:hover,
.blocks-title-positioner header h3 a:hover {
    border-bottom: 2px var(--blue) solid;
}

.blocks-title-positioner p {
    font-size: 14px;
    line-height: 22px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .blocks-title-positioner {
        bottom: 25px;
        left: 30px;
    }
    
}






















/* ---------------------------------------------------------- */
/* -------------------- SECTION * products * special page (machines i lines) */
/* ---------------------------------------------------------- */

/* width: 48.7179%;  570px (320px) */
/* width: 44.4444%; 520px */

.dalia-produkty {
    margin-bottom: 180px;
}

.dalia-produkty ul li {
    margin-bottom: 100px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.dalia-produkty ul li:last-child {
    margin-bottom: 0;
}

.dalia-produkty ul li:first-child figure {
    width: 48%;
    margin-right: 10%;
}

.dalia-produkty ul li:first-child figure img {
    width: 100%;
}

.dalia-produkty ul li:first-child .description {
    width: 42%;
}

.dalia-produkty ul li:nth-child(2n) {
    flex-direction: row-reverse;
}

.dalia-produkty ul li:nth-child(2n) figure {
    position: relative;
    width: 48%;
}

.dalia-produkty ul li:nth-child(2n) figure img:first-child {
    position: absolute;
    top: 0;
    right: 0;
}

.dalia-produkty ul li:nth-child(2n) figure img:nth-child(2) {
    margin-top: 210px;
}

.dalia-produkty ul li:nth-child(2n) .description {
    width: 42%;
    margin-right: 10%;
}

.dalia-produkty ul li figure img {

    max-width: 100%;
    height: auto;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-produkty ul li .description p {
    margin-bottom: 24px;

    font-size: 16px;
    line-height: 28px;
}

.dalia-produkty ul li .description p:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------- */
/* ---------- MORE button -------------------/
/* ---------------------------------------------------------- */

.dalia-produkty .more { /* big blue button */
    margin-top: 100px;
    text-align: center;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* products */
    
    .dalia-produkty {
        margin-bottom: 100px;
    }
    
    .dalia-produkty ul li {
        margin-bottom: 50px;
    }
    
    .dalia-produkty ul li figure {
        width: 100% !important;
        float: none;
        margin-right: 0 !important;
    }
    
    .dalia-produkty ul li .description {
        float: none;
        width: 100% !important;
        margin-top: 30px;
        box-sizing: border-box;
    }
    
    .dalia-produkty ul li:nth-child(2n) .description {
        margin-right: 0;
    }
    
    .dalia-produkty .more {
        margin-top: 50px;
    }
    
}

/* for 500px or less */
@media screen and (max-width: 500px) {

    .dalia-produkty ul li:nth-child(2n) figure img {
        width: 100%;
    }
    
    .dalia-produkty ul li:nth-child(2n) figure img:first-child {
        position: relative;
        top: inherit;
        right: inherit;
    }
    
    .dalia-produkty ul li:nth-child(2n) figure img:nth-child(2) {
        margin-top: 30px;
    }
    
}












/* ---------------------------------------------------------- */
/* -------------------- pagination */
/* ---------------------------------------------------------- */

.pagination {
    margin-top: 100px;
    margin-bottom: 180px;
    text-align: center;
}

.pagination ul {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li span {
    margin-right: 10px;
}

.pagination ul li a {
    margin-right: 10px;
    color: var(--blue);
}

.pagination ul li a:hover {
    border-bottom: 2px var(--blue) solid;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    .pagination {
        margin-bottom: 100px;
    }
    
}












/* ---------------------------------------------------------- */
/* -------------------- SECTION * shortcut (hp) */
/* ---------------------------------------------------------- */

.dalia-shortcut {
    margin-bottom: 180px;
}

.dalia-shortcut ul {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

.dalia-shortcut ul li {
    padding: 23px 40px 22px 40px;
    
    background-color: var(--white);
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-shortcut ul li a {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    color: var(--blue);
    font-weight: 700;
    border-bottom: 2px var(--white) solid;
} 

.dalia-shortcut ul li a:hover {
    border-bottom: 2px var(--blue) solid;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .dalia-shortcut {
        margin-bottom: 100px;
    }

    .dalia-shortcut ul li {
        padding: 14px 24px 11px 24px;
    }

    .dalia-shortcut ul li a {
        font-size: 16px;
    }
    
}










/* ---------------------------------------------------------- */
/* -------------------- SECTION * contact (hp) */
/* ---------------------------------------------------------- */

.dalia-contact {
    margin-bottom: 180px;
}

.dalia-contact ul {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 3%;
}

.dalia-contact ul li {
    width: 23%;
    font-size: 16px;
    line-height: 26px;
}

.dalia-contact ul li:nth-child(2) {
        width: 19%;
}

.dalia-contact ul li:nth-child(2) img {
    width: calc( 100% - 4px );
    height: auto;
    border: 2px var(--white) solid;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

.dalia-contact ul li:nth-child(3) {
        width: 26%;
}

.dalia-contact ul li p strong {
    display: block;
    margin-bottom: 20px;
}

/* ---------------------------------------------------------- */
/* ---------- MORE button -------------------/
/* ---------------------------------------------------------- */

.dalia-contact .more { /* big blue button */
    margin-top: 24px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* contact */
    
    .dalia-contact {
        margin-bottom: 100px;
    }
    
    .dalia-contact ul li {
        width: 100% !important;
        margin: 0 0 50px 0;
    }
    
    .dalia-contact ul li:nth-child(2) {
        margin: 0 0 30px 0;
    }
    
    .dalia-contact ul li:nth-child(2) img {
        width: auto;
    }
    
    .dalia-contact ul li:last-child {
        margin: 0;
    }
    
}













/* ---------------------------------------------------------- */
/* -------------------- SECTION * contact (smaller version) */
/* ---------------------------------------------------------- */

.dalia-contact-small {
    margin-top: 180px;
    margin-bottom: 180px;
}

.dalia-contact-small ul {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 600px;
    max-width: 90%;
}

.dalia-contact-small ul li p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

/* ---------------------------------------------------------- */
/* ---------- MORE button -------------------/
/* ---------------------------------------------------------- */

.dalia-contact-small .more { /* big blue button */
    text-align: center;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* contact small */
    
    .dalia-contact-small {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    
}









/* ---------------------------------------------------------- */
/* -------------------- SECTION * menu on category index */
/* ---------------------------------------------------------- */

ul.dalia-category-menu {
    margin-bottom: 100px;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

ul.dalia-category-menu li {
    flex: 1;
    padding: 0 1%;
    /*width: 16.666%;*/
    font-size: 20px;
    text-align: center;
    box-sizing: border-box;
}

ul.dalia-category-menu li a {
    font-family: "Poppins", sans-serif;
    color: var(--blue);
    font-weight: 700;
}

ul.dalia-category-menu li a:hover {
    border-bottom: 2px var(--blue) solid;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    ul.dalia-category-menu li {
        flex: auto;
        width: 100%;
        margin-bottom: 24px;
    }
    
}















/* ---------------------------------------------------------- */
/*             NAGŁOWKI H1 i H2 na stronie głownej            */
/* ---------------------------------------------------------- */

/* H1 HEADER -------------------- */

header.huge-header {
    margin: 0 auto 180px auto;
    width: 800px;
    max-width: 90%;
    text-align: center;
}

header.huge-header h1 {
    font-family: "Poppins", sans-serif;
    font-size: 64px;
    line-height: 76px;
    font-weight: 700;
}

header.huge-header p { /* H1 header lead */
    margin-top: 30px;
    padding: 0 14%;

    font-size: 20px;
    line-height: 32px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* H1 header */
    
    header.header {
        margin: 0 auto 100px auto;
    }
    
    header.header p {
        padding: 0 5%;
    } 
    
    /* huge header on HP */
    
    header.huge-header {
        margin-bottom: 100px;
    }
    
    header.huge-header h1 {
        font-size: 48px;
        line-height: 64px;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }
    
    .dalia-post product-post header.huge-header h1,
    .dalia-post blog-post header.huge-header h1 { /* exception for blog & product H1 (smaller) */
        font-size: 32px;
        line-height: 44px;
    }
    
    header.huge-header p {
        padding: 0;
        font-size: 16px;
        line-height: 28px;
    }
    
}

/* MIDDLE SECTION HEADER --------------------*/

header.section-header span { /* uppercase tiny title */
    display: block;
    margin-bottom: 30px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--blue);
    letter-spacing: 3px;
    text-transform: uppercase;
}

header.section-header {
    margin: 0 auto 100px auto;
    width: 700px;
    max-width: 90%;
    text-align: center;
}

header.section-header h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* H2 header */
    
    header.section-header {
        margin-bottom: 50px;
    }

    header.section-header h2 {
        font-size: 32px;
        line-height: 44px;
    }
    
    header.section-header span {
        margin-bottom: 15px;
        font-size: 14px;
    }
    
}














/* ---------------------------------------------------------- */
/*             ARTICLE and PAGE - styling            */
/* ---------------------------------------------------------- */

header.huge-header .breadcrumbs {
    display: block;
    margin-bottom: 32px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

header.huge-header .breadcrumbs a {
    color: var(--blue);
    font-weight: 500;
}

header.huge-header .breadcrumbs a:hover {
    border-bottom: 2px var(--blue) solid;
}

/* headers in post content */

.dalia-post .post-content h2,
.dalia-post .post-content h3,
.dalia-post .post-content h4,
.dalia-post .post-content h5,
.dalia-post .post-content h6 {
    margin-bottom: 24px;
    margin-top: 40px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.dalia-post .post-content > h2,
.dalia-post .post-content > h3,
.dalia-post .post-content > h4,
.dalia-post .post-content > h5,
.dalia-post .post-content > h6 {
    margin-left: 20%;
    margin-right: 20%;
}

.dalia-post .post-content h2 {
    font-size: 24px;
    line-height: 32px;
}

.dalia-post .post-content h3,
.dalia-post .post-content h4,
.dalia-post .post-content h5,
.dalia-post .post-content h6 {
    font-size: 20px;
    line-height: 28px;
}

/* post content base */

.dalia-post .post-content p,
.dalia-post .post-content .wp-block-table,
.dalia-post .post-content ol,
.dalia-post .post-content ul {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 28px;
}

.dalia-post .post-content > p,
.dalia-post .post-content > .wp-block-table,
.dalia-post .post-content > ol,
.dalia-post .post-content > ul,
.dalia-post .post-content > .wp-block-contact-form-7-contact-form-selector { /* contact form 7 */
    margin-left: 20%;
    margin-right: 20%;
}

/* post image */

.dalia-post .post-content img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}

/* image caption */

.dalia-post .post-content .wp-block-image figcaption {
    margin-top: 0.8em;
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}















/* lists */

.dalia-post .post-content > ul:not(.post-meta) {
    list-style-type: disc;
    padding-left: 19px;
}

.dalia-post .post-content > ol:not(.post-meta) {
    list-style-type: decimal;
    padding-left: 19px;
}

.dalia-post .post-content > ul:not(.post-meta) > li,
.dalia-post .post-content > ol:not(.post-meta) > li {
    margin-bottom: 8px;
}

.dalia-post .post-content > ul:not(.post-meta) > li:last-child,
.dalia-post .post-content > ol:not(.post-meta) > li:last-child {
    margin-bottom: 0;
}

/* attachments */

.dalia-post .post-content ul.plik,
.dalia-post .post-content ol.plik {
    list-style-type: none;
    padding-left: 26px;
}

.dalia-post .post-content ul.plik li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-top: 12px;
    background: url(../../img/document.png) top left no-repeat;
}

.dalia-post .post-content ul.plik li:last-child {
    margin-bottom: 0;
}

.post-content.product-post ul.ikony li a,
.post-content.product-post ol.ikony li a {
    color: var(--blue);

}

.dalia-post .post-content ul.ikony li a:hover,
.dalia-post .post-content ol.ikony li a:hover {
    border-bottom: 2px var(--blue) solid;
}

 /* table */

.wp-block-table table {
    font-size: 14px;
    overflow: auto;
}

.wp-block-table th,
.wp-block-table td {
    padding: 10px 20px;
    border: 1px #ccc solid;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    .wp-block-image img {
        height: auto;
    }
    
    .dalia-post .post-content > h2,
    .dalia-post .post-content > h3,
    .dalia-post .post-content > h4,
    .dalia-post .post-content > h5,
    .dalia-post .post-content > h6 {
        margin-left: 0;
        margin-right: 0;
    }

    .dalia-post .post-content > p,
    .dalia-post .post-content > .wp-block-table,
    .dalia-post .post-content > ol,
    .dalia-post .post-content > ul,
    .dalia-post .post-content > .wp-block-contact-form-7-contact-form-selector { /* contact form 7 */
        margin-left: 0;
        margin-right: 0;
    }

}



















/* ---------------------------------------------------------- */
/* -------------------- post styling global */
/* ---------------------------------------------------------- */

.dalia-post {
    margin-bottom: 180px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    .dalia-post {
        margin-bottom: 100px;
    }

}

.dalia-post.product-post .post-content,
.dalia-post.blog-post .post-content {
    width: 100%;
}

/* additional product post menu */

.dalia-post.product-post .post-content .post-meta,
.dalia-post.blog-post .post-content .post-meta {
    width: 15%;
    position: sticky;
    position: -webkit-sticky;
    top: 160px;
    margin-left: 0;
    margin-right: 0;
}

.dalia-post.product-post .post-content .post-meta {
    float: right;
}

.dalia-post.blog-post .post-content .post-meta {
    float: left;
}

.dalia-post .post-content .post-meta > li {
    margin-bottom: 24px;
    list-style: none;
}

.dalia-post .post-content .post-meta > li time, /* date on blog post page */
.dalia-post .post-content .post-meta > li strong,
.dalia-post .post-content .post-meta > li ul li { /* subcategories on product page */
    display: block;
}

.dalia-post .post-content .post-meta > li p { /* Purchase text on product page */
    margin-top: 8px;
    margin-bottom: 16px;
}

.dalia-post .post-content .post-meta > li time, 
.dalia-post .post-content .post-meta > li ul li { 
    padding-top: 8px;
}

.dalia-post .post-content .post-meta a {
    border-bottom: 2px var(--white) solid;
}

.dalia-post .post-content .post-meta a:hover {
    border-bottom: 2px var(--blue) solid;
}

.dalia-post .post-content .post-meta a.button { /* no underline on button */
    border-bottom: none;
}

.dalia-post .post-content .post-meta a.button:hover { /* button block on hover */
    display: inline-block;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* additional product post menu */
    
    .dalia-post .post-content .post-meta > li {
        display: inline-block;
        margin-right: 32px;
    }

    .dalia-post.product-post .post-content .post-meta,
    .dalia-post.blog-post .post-content .post-meta {
        width: 100%;
        position: relative;
        top: inherit;
    }
    
    .dalia-post.product-post .post-content .post-meta,
    .dalia-post.blog-post .post-content .post-meta {
        float: none;
    }
    
    .dalia-post.post-content .post-meta br {
        display: none;
    }
    
}















/* ---------------------------------------------------------- */
/* -------------------- page post styling */
/* ---------------------------------------------------------- */

.dalia-post.page-post .post-content .wp-block-image.size-large {
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 24px;
}

.dalia-post.page-post .post-content .wp-block-image .alignleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}

.dalia-post.page-post .post-content .wp-block-image .alignright {
    float: right;
    margin-left: 40px;
    margin-bottom: 30px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .dalia-post.page-post .post-content .wp-block-image.size-large {
        margin-left: 0;
        margin-right: 0;
    }
    
    .dalia-post.page-post .post-content .wp-block-image .alignright {
        margin-right: 0;
    }
    
    .dalia-post.page-post .post-content .wp-block-image .alignleft {
        margin-left: 0;
    }
    
}














/* ---------------------------------------------------------- */
/* -------------------- product post styling */
/* ---------------------------------------------------------- */

.dalia-post.product-post .post-content .wp-block-image.size-large {
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 24px;
}

.dalia-post.product-post .post-content .wp-block-image .alignleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}

.dalia-post.product-post .post-content .wp-block-image .alignright {
    float: right;
    margin-left: 40px;
    margin-right: 20%;
    margin-bottom: 30px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    .dalia-post.product-post .post-content .wp-block-image.size-large {
        padding-left: 0;
        padding-right: 0;
    }
    
    .dalia-post.product-post .post-content .wp-block-image .alignright {
        margin-right: 0;
    }

}











/* ---------------------------------------------------------- */
/* -------------------- SECTION * blog (index with headers) */
/* ---------------------------------------------------------- */


.dalia-blog {
    margin-bottom: 180px;
}

.dalia-blog ul {
    width: 100%;
}

.dalia-blog ul li {
    margin-bottom: 100px;
    text-align: center;
}

.dalia-blog ul li:last-child {
    margin-bottom: 0;
}

.dalia-blog ul li p {
    font-size: 16px;
    margin-top: 20px;
}

.dalia-blog ul li h2 {
    font-family: "Poppins", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

.dalia-blog ul li h2 a {
    color: var(--blue);
}

.dalia-blog ul li h2 a:hover {
    border-bottom: 4px var(--blue) solid;
}

/* for 700px or less */
@media screen and (max-width: 700px) {

    /* blog */
    
    .dalia-blog {
        margin-bottom: 100px;
    }
    
    .dalia-blog ul li h2 {
        font-size: 32px;
        line-height: 44px;
    }
    
}













/* ---------------------------------------------------------- */
/* -------------------- blog post styling */
/* ---------------------------------------------------------- */

/* images */

.dalia-post.blog-post .post-content .wp-block-image.size-large {
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 24px;
}

.dalia-post.blog-post .post-content .wp-block-image .alignright {
    float: right;
    margin-left: 40px;
    margin-bottom: 30px;
}

.dalia-post.blog-post .post-content .wp-block-image .alignleft {
    float: left;
    margin-right: 40px;
    margin-left: 20%;
    margin-bottom: 30px;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    /* images */
    
    .dalia-post.blog-post .post-content .wp-block-image.size-large {
        margin-left: 0;
        margin-right: 0;
    }
    
    .dalia-post.blog-post .post-content .wp-block-image .alignleft {
        margin-left: 0;
    }

}


















/* ---------------------------------------------------------- */
/* -------------------- page contact post styling */
/* ---------------------------------------------------------- */

/* company details */

.dalia-post.contact-page .post-content .details {
    width: 45%;
    float: left;
}

/* map */

.dalia-post.contact-page .post-content .map {
    width: 55%;
    float: right;
}

.dalia-post.contact-page .post-content .map iframe {
    width: 100%;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    /* contact page */
    
    .dalia-post.page-post.contact-page .post-content div.details,
    .dalia-post.page-post.contact-page .post-content .map {
        width: 100%;
        float: none;
    }
    
}






















/* ---------------------------------------------------------- */
/* ------------------------ footer */
/* ---------------------------------------------------------- */



footer {
    margin-bottom: 40px !important;
}

footer p {
    float: left;
    font-size: 14px;
    color: #666;
}

footer ul {
    float: right;
}

footer ul li {
    display: inline-block;
    margin-left: 30px;
}

footer ul li a {
    font-size: 14px;
    color: #666;
}

footer ul li:last-child { /* ukrycie wyszukiwarki w stopce */
    display: none;
}

/* for 700px or less */
@media screen and (max-width: 700px) {
    
    /* footer */
    
    footer p {
        float: none;
        margin-bottom: 20px;
    }
    
    footer ul {
        float: none;
    }
    
    footer ul li {
        margin: 0 10px 0 0;
    }

}