@charset "UTF-8";
/*!
Theme Name: Definition Design
Theme URI: http://webvens.com
Author: Webvens
Author URI: http://webvens.com
Description: Definition Design Theme
Version: 1.0.0
License: GNU General Public License v3.0

*/


@import url("grid.css"); 
@import url("menu.css"); /* linki do grafik */


.wrapper {
    width:100%;
    height:0.9fr;
}

.topmenu {
    margin: auto;
    max-width:150vh;
    display: grid;
    grid-template-columns: 1fr 0.075fr 1fr 0.075fr 1fr 0.075fr 1fr; 
    grid-template-rows: 1fr 0.138fr;
    background-color: #fff;
    position:relative;
}


.container {
    margin: auto;
    max-width:150vh;
    display: grid;
    grid-template-columns: 1fr 0.075fr 1fr 0.075fr 1fr 0.075fr 1fr; 
    grid-template-rows: 1fr 0.138fr 1fr 0.138fr 1fr 0.138fr 1fr; 
    background-color: #fff;
    padding: 0;
    position:relative;
    max-height: 85vh;
}

.container-menu {
    margin: auto;
    max-width:150vh;
    display: grid;
    grid-template-columns: 1fr 0.075fr 1fr 0.075fr 1fr 0.075fr 1fr; 
    grid-template-rows: 1fr 0.138fr 1fr 0.138fr 1fr 0.138fr 1fr; 
    background-color: #fff;
    padding: 0;
    position:relative;
    height: 85vh;
}

.only-mobile, .mobile-menu {display:none;}

img{
    width:100%;
}

.cl:hover {
    -webkit-filter: brightness(80%);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.2s ease;
}

.item {
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    font-size: 1vw;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow:hidden;
    font-family: 'Open Sans', sans-serif;
}

.text-box {
    padding:2vh;
    background-color: #ececec;
    text-align:left;
    font-size: 16px;
    font-size: 1.55vh;
    overflow: auto;
}

.contact-box {
    padding:2vh;
    background-color: #ececec;
    text-align:center;
    align-self:center;
    font-size: 16px;
    font-size: 1.55vh;
    overflow: auto;
    color:#bdbcbc;
}

.navi-right {   
    grid-column: 7; 
    grid-row: 4; 
    text-align:right;
    font-size:18px;
    font-size: 1.2vw;
    padding-right:2px; 
    align-items: center;
    display: inline-grid;
}

.navi-left {   
    grid-column: 1; 
    grid-row: 4; 
    text-align:left;
    font-size:18px;
    font-size: 1.2vw;
    padding-left:2px;
    align-items: center;
    display: inline-grid;
}

.link {cursor:pointer}

a:link, a:visited {
    color:#ececec;
}
a:hover, a:active {
    color:#bdbcbc;
}

a.red_bg:link, a.red_bg:visited {
    color:#ececec;
}
a.red_bg:hover, a.red_bg:active {
    color:#ffffff;
    
}

a.alt:link, a.alt:visited {
    color:#bdbcbc;
}
a.alt:hover, a.alt:active {
    color:#ffffff;
    
}




.dd_red {
	color: #a70a2d;
	}

.dd-red-bg {
	background-color: #a70a2d;
	}

.dd_light_grey {
	color: #ececec;
	}

.dd_dark_grey {
	color:#bdbcbc;
	}




/* MOBILE */

@media only screen and (max-width: 768px) {
    
 
     
   
    
   
    

    
    
/* Dopasuj w wersji mobilnej */
    
    .container {display:unset;}
    
    .mobile-alt {
        height:75vh;
        
    }
    
 .item {margin:0 0 12px 0;}
    .item-menu {margin:0 0 12px 0;}
    
    .text-box {
        padding:40px;
        font-size:16px;
        overflow: unset;
        height: unset;
        width: unset;
    }
    
    
    
    /* Ukryj w wersji mobilnej - start */
    
.navi-right, .navi-left, .navi-center {display:none;}
    
.mobile-hide, .mh {display:none;}
    
/* Ukryj w wersji mobilnej - koniec */
    
    .topmenu {
        display: none;
     }
   
    /* Menu w wersji mobilnej - start */
    
    .mobile-menu{
    display: grid;
    grid-template-columns: 1fr  10fr  1fr; 
    grid-template-rows: 1fr;
        height: 10vh;
      /*  margin: 0 12px; */
    }
    
    .mobile-navi-left
    {text-align:left;
    display:grid;
    align-content: center;
    font-size: 4vh;
    }
    .mobile-center {overflow: hidden;}
    .mobile-navi-right
    {text-align:right;
    display:grid;
    align-content: center;
    font-size: 4vh;
    }
    
    /* Menu w wersji mobilnej - koniec */
    
    
    .only-mobile {
        display:inline-block;
    }
    
     /* Dane firmy w wersji mobilnej - start */
    
.container-df {
        
display: grid;
height: 75vh;
width: 100%;
background: #ececec;
grid-template-columns: unset;
grid-template-rows: unset;
    
    }
    
.grayscale{ /* dopasowanie koloru mobilnych bulletpointów */
    opacity: 30%; 
    -webkit-opacity: 0.3;
    }
    

     /* Dane firmy w wersji mobilnej - koniec */
    
 .entry-content {margin: 0 6px;}    
    




    
}