/* Theme Name: cosmos-taxi.pl
Author: Rafał Krzeszewski
Author URI: https://reactor-studio.net/
 */
/* CSS Document */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap');
::-webkit-scrollbar {
    width:  12px;
    height: 12px;
    background-color:black;
}
::-webkit-scrollbar-track {
    background-color:black;
    width: 12px;
}
::-webkit-scrollbar-track-piece  {
    background-color:#000000;
}
::-webkit-scrollbar-thumb {    
    background-color:yellow;
    width: 12px;
}
body{
  overflow: hidden; 
}
html{
 font-size: 13px;   
}

body, html{
font-family: 'Teko', sans-serif;

}
img*{
	width:100% !important;
	height:auto !important;
}
.loader {
	position: fixed;
	z-index: 1200;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
background-color: #ffffff;
    display: flex;
  align-items: center;
  justify-content: center

}
#loader_pan{
    width: 200px;
    min-height: 120px;
    height:auto;
    text-align: center;
    
}
#loader_pan img{
    width:70%;
    height:auto;
}
.pre-loader {
   margin:auto;
   width: 66px;
   height: 20px;
}
 
.pre-loader  div {
   background-color: #6699FF;
   height: 8px;
   width: 8px;
   display: inline-block;
    margin: 1px;
	border-radius:50%;
    -webkit-animation: heightChange 1s infinite ease-in-out;
   animation: heightChange 1s infinite ease-in-out;

}

@-webkit-keyframes heightChange {
   0%, 40%, 100% { -webkit-transform: scale(0.4) }  
   20% { -webkit-transform: scale(1.0) }
}
 
@keyframes heightChange {
   0%, 40%, 100% { transform: scale(0.4); }  
   20% { transform: scale(1.0); }
}
.pre-loader .box2 {
   -webkit-animation-delay: -0.9s;
   animation-delay: -0.9s;
}
 
.pre-loader .box3 {
   -webkit-animation-delay: -0.8s;
   animation-delay: -0.8s;
}
 
.pre-loader .box4 {
   -webkit-animation-delay: -0.7s;
   animation-delay: -0.7s;
}
 
.pre-loader .box5 {
   -webkit-animation-delay: -0.6s;
   animation-delay: -0.6s;
}

@media all and (orientation:landscape) {

  body{
  
  background: url(images_html/bg1.jpg) no-repeat center center fixed;
      background-size: cover;
      background-color: black;
  }
}
@media all and (orientation:portrait) {
  body{
 
  background: url(images_html/bg1_mobi.jpg) no-repeat center center fixed;
      background-size:cover;
      background-color: black;
  }
    #flex-article-el{
        width:45%;
    }
}
/*//////////////////////////////////////
DESKTOP FULL HD++
/////////////////////////////////////*/
@media all and (min-width:1922px){
    .desktop{
        
    }
        .mobile{
        display: none;
    }
    
    #menu_elements{
}
        #flex-article-el{
        width:45%;
    }
}
/*//////////////////////////////////////
DESKTOP OLD->FULLHD
/////////////////////////////////////*/
@media all and (min-width:1024px) and (max-width:1921px){
    .desktop{
        
    }
        .mobile{
        display: none;
    }
        #menu_elements{
}
        #flex-article-el{
        width:45%;
    }
	}
/*//////////////////////////////////////
TABLET
/////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:1023px){
    .desktop{
        
    }
        .mobile{
        display: none;
    }
        #menu_elements{
}
        #flex-article-el{
        width:96%;
    }
	}
/*//////////////////////////////////////
SMARTPHONE -> OLD TABLET
/////////////////////////////////////*/

@media all and (min-width:500px) and (max-width:767px){
    .desktop{
         display: none;
    }
        .mobile{
       
    }
        #menu_elements{
            width:100%;
            text-align:center;
}
            #flex-article-el{
        width:96%;
    }
	}
/*//////////////////////////////////////
new SMARTPHONE
/////////////////////////////////////*/
@media all and (min-width:400px) and (max-width:499px){
    .desktop{
         display: none;
    }
        .mobile{
       
    }
            #menu_elements{
            width:100%;
            text-align:center;
}
            #flex-article-el{
        width:96%;
    }
	}

/*//////////////////////////////////////
old SMARTPHONE
/////////////////////////////////////*/
@media all and (min-width:0px) and (max-width:399px){
    .desktop{
         display: none;
    }
        .mobile{
       
    }
            #menu_elements{
            width:100%;
            text-align:center;
}
            #flex-article-el{
        width:96%;
    }
	}

/*/////////////////////////////////////////////////*/

#menu_container{
    width:100%;
    height:auto;
    position:sticky;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content: center;
    align-items: center;
}
#menu_elements{
    width:auto;
    height:auto;
}
#menu_elements img{
    width:30%;
    height:auto;
}
#menu_elements ul{
    text-align: center;
    margin-right:10px;
        width:100%;
    height:auto;
}
#menu_elements ul li{
    width:auto;
    height:auto;
    display:inline-block;
   margin:10px 6px 10px 0;
}
#menu_elements ul li a{
    font-size:1.4rem;
    font-weight: 700;
    color:yellow;
padding:2px 6px 2px 6px;
background-color: #6699FF;
    text-decoration: none;
    border-radius: 10px;
    
}
#root_container{
    width:98%;
    max-width: 1600px;
    min-width: 300px;
    margin:auto;
    height:auto;
    text-align: center;
    min-height:200vh;
}
#ban_container{
    width:100%;
    height:auto;

}
#ban_img{
    width:100%;
    height:auto;
}
#ban_img img{
    width:100%;
    height:auto;
}
#phone_container{
    width:100%;
    height:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
    align-items: flex-start;
    font-family: 'Bowlby One SC', cursive;
    margin-bottom: 15px;
}
#phone_number{
    width:auto;
    height:auto;
  color:yellow;
font-size:2.3rem;
font-family: 'Bowlby One SC', cursive;
    margin:0 15px 15px 15px;
}

#phone_number a{
  color:yellow;
    text-decoration: none;
    text-shadow:
     0px  0px 0 black,
    -2px -2px 0 black,  
     2px -2px 0 black,
    -2px  2px 0 black,
     2px  2px 0 black;
     transition: color 1s;
}
#phone_number a:hover{
    color:red;
    transition: color 1s;
}

#site_title{
    width:100%;
    height:auto;
    text-align: center;
}
#site_title h1{
    font-size:3rem;
    color:#6699FF;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
        text-shadow:
     0px  0px 0 white,
    -2px -2px 0 white,  
     2px -2px 0 white,
    -2px  2px 0 white,
     2px  2px 0 white;
    
}

.content_container{
    width:100%;
    height:auto;
    min-height: 450px;
    background-color: rgba(2, 2, 2, 0.8);
    margin-bottom: 20px;
    border-radius:30px;
} 

.content_container #title{
   width:100%;
    height:auto;
    text-align: left;
}
.content_container #title h1{
    display:inline-block;
    font-size:2rem;
    font-weight: 700;
    color:yellow;
    background-color: #6699FF;
    padding:5px 8px 5px 8px;
    margin:15px;
    border-radius:20px;
}
#content_ceter{
	box-sizing:border-box;
    margin:10px auto 10px auto;
    width:100%;
    max-width: 1300px;
    min-height: 300px;
	padding:0 1% 20px 1%;
}

#flex-article {
    width:100%;
    height:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    align-content: center;
    align-items:center;
    margin:15px 0 15px 0;
    }
#flex-article-el{
    height: auto;
        margin-bottom: 20px;
}
#flex-article-el img{
    width: 100%;
     height: auto;
   border: 2px solid yellow;
    
}

#flex-article-el p{
    font-size: 1.5rem; 
    text-shadow: 0px 0px 6px #000000; 
    line-height: normal;
   font-weight: 500; 
     color:yellow;
    text-align: center;
    margin:2%%;
}
#flex-article-el h1{
    font-size: 1.6rem; 
    text-shadow: 0px 0px 6px #000000; 
    line-height: normal;
   font-weight: 700; 
     color:yellow;
    text-align: center;
    margin-top: 15px;
}
#flex-article-el a{
      font-size: 1.5rem; 
    text-shadow: 0px 0px 6px #000000; 
    line-height: normal;
   font-weight: 500; 
     color:#ffc400;
    text-align: center;  
}

#flex-article-el a:hover{
      font-size: 1.5rem; 
    text-shadow: 0px 0px 6px #000000; 
    line-height: normal;
   font-weight: 500; 
     color:#ffc400;
    text-align: center;  
}

.rs{
	display: inline-block;
	width:150px; 
    height:30px;
    margin:40px auto 40px auto;
    background-size: cover;
    background-image: url(images_html/logo_rs.png);
    background-repeat: no-repeat;
}

.entry p{
	   font-size: 1.5rem; 
    text-shadow: 0px 0px 6px #000000; 
    line-height: normal;
   font-weight: 500; 
     color:yellow;
    text-align: center;
    margin:2%%;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	font-weight:700;
	font-size:2rem;
}
.entry a{
	text-decoration:none;
	transition:color 1s, text-decoration 1s;
}
.entry a:hover{
	color:#6699FF;
	text-decoration:underline;
	transition:color 1s, text-decoration 1s;
}
.wp-block-media-text__media img{
	border-radius:20px;
}
.wp-block-media-text__media img, .wp-block-media-text__media video{
	height:auto !important;	
}
.wp-block-image img{
	height:auto !important;
}