/*
Theme Name: Kolejny Krok
Version: 2.0
Theme URI: https://kolejnykrok.absolwencinawalizkach.pl
Author: Dariusz Grochocki
Author URI: https://gronix.pl
*/

/* menu page */

header.page4{
height:80px;
background-image: url(/wp-content/themes/kolejnykrok/img/home/background2.png);
background-size: 100%;
background-repeat: no-repeat;
}

.archiw{
padding-top:30px;
padding-bottom:30px;	
}

.page4 .menu .mainmenu li a:hover{
color:#CB8839 !important;
}

#menu2 .logos, #menu2 .menus{
height:80px;	
}

.page4 .menu .mainmenu li a{
color:#CB8839;
text-decoration:none;
padding:12px 18px 10px 18px;
font-weight:700;
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-size:15px;
}

.page4 .menu .mainmenu li.current-menu-item a{
color: #ffffff !important;	
}

.page4 .menu .mainmenu li.current-menu-item{
background:#CB8839 !important;
}

.page4 .menu .mainmenu li:hover, .page4 .menu .mainmenu li.current-menu-item{
background:#E8E8E8;
border-radius: 5px;
}

.page4 .menu .mainmenu li{
display: inline;
padding:8px 0 6px 0;
margin: 0 10px;
background:#E8E8E8;
border-radius: 5px;
}

.page4 ul.mainmenu{
margin-bottom:0;
padding-left: 0px;
text-align:center;	
}

.page4 .menu2 h1{
font-size:30px;
width:100%;
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
font-weight:700;
padding-left:33px;
}

.page4 .menu2 h1, .menus #desktop{
margin:0 !important;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
text-align:center;
}

.menus #desktop{
width: 100%;
}

.menus #desktop ul{
margin-bottom:0;	
}

.page4 .menu2 h1 a:hover, .menu2 h1 a{
text-decoration:none;
color:#ffffff !important;
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
letter-spacing: 2px;
}

#menu-menu-dolne li{
display:inline;
}

#menu-menu-dolne li a:hover{
text-decoration:none;
}

#menu-menu-dolne li a{
padding:5px 10px;
background:#EFEAC9;
color:#A0A0A0;
border-radius:5px;
}

#mobile{
text-align:center;
}

#mobile .dropdown-menu{
line-height:40px;	
}

form#um_form_ankieta .um_field_container {
margin-bottom:30px;
}

form .um_field_container label {
display: block !important;
}

p.przyciski{
text-align:center;
padding-top:30px;	
padding-bottom:30px;	
}

p.przyciski2{
text-align:center;	
}

p.przyciski a:hover{
text-decoration:none;
background:#21007F !important;
}

p.przyciski a:nth-child(1), p.przyciski a:nth-child(3){
background:#303030;
padding:10px 15px;
margin:10px;
color:#ffffff;
font-size:20px;	
}

/* pagehome */

.start1{
margin-top:40px;	
}

footer{
padding:30px 15px;
text-align:center;
background:#ffffff;	
}

/* body page */

.page1{
line-height: 1.6;
font-size: 1rem;
font-family: "Open Sans", sans-serif;
}

.page1 h2{
margin-top:30px;
margin-bottom:30px;
padding-bottom: 30px;
border-bottom: 1px solid #D8D8D8;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:700;
}

.page1 h2#druk{
font-size: 1.5rem;
width: fit-content;
padding-bottom: 10px;
border-bottom: 1px solid #AAAAAA;
}

.page1 h1#druk{
font-size: 1.5rem;
margin-top:40px;
margin-bottom:40px;
}

.page2{
padding-bottom: 30px;	
}

.page3{
background:#F0EEE1;	
}

input[type=submit]{
background:#CB8839;
border:0;
color:#ffffff;
padding:5px 10px;
}

input[type=submit]:focus {
border: 2px solid #CB8839 !important;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
border: 2px solid #CB5800;
outline:none;	
}

.wpcf7 input, .wpcf7 textarea {
border: 2px solid #CB8839;
padding-left:5px;
}

#kompclose .close {
line-height: 1.7;
}

.levels{
font-size: 18px;
}
.levels .accordionr{
width:100%;	
}

.levels .accordionr h5{
text-align:center;
}

.levels .accordionr button.btn.btn-link{
font-size:22px;
color:#000000;
font-weight:700;
padding: 10px 22vw;
}

.levels .accordionr button:hover,.levels .accordionr button:visited, .levels .accordionr button:active{
text-decoration:none !important;
}

.card-header{
padding:0 !important;
}

.card-header.one{
background-color:#F54379;	
}

h3.pone{
color:#F54379;
}

h3.pone1{
font-size:17px;
margin-bottom:30px;
padding: 20px;
background: #4F4F4F;
color:#ffffff;
width: fit-content;
}

.card-header.two{
background-color:#AD3DEC;	
}

h3.ptwo{
color:#AD3DEC;
}

.card-header.three{
background-color:#5755E3;	
}

h3.pthree{
color:#5755E3;
}

.pagekomp h3{
font-weight:700;	
}

.levels2{
padding: 15px 0 0 0;
font-size:22px;
}

hr.kompet{
margin-top: 2rem;
margin-bottom: 2rem;
border-top: 3px solid rgba(0,0,0,.1);	
}

/* rwd */

@media (max-width: 500px) {
#menu-menu-dolne li{
display:block !important;
margin:15px 0;
}
#menu-menu-dolne{
margin-bottom:40px;	
}
}

@media (max-width: 575px) {
.page4 .menu2 h1{
position: unset !important;
top: unset !important;
left: unset !important;
margin-right:unset !important;
transform: unset !important;
padding-left:unset !important;
}
header.page4 {
height: unset !important;
padding-top: 10px;
}
.dropdown-menu.show{
text-align: center !important;
transform: translate3d(0px, 60px, 0px) !important;
width: 100% !important;
}
}

@media (max-width: 576px) {
.wpcf7 input, .wpcf7 textarea, .wpcf7-checkbox span {
width:100%;	
}
span.wpcf7-list-item{
margin: 5px 0 !important;
}
span.wpcf7-list-item {
background:#B2B2B2;
padding:5px;	
}
input[type=checkbox]{
width:60px;	
}
}

@media (max-width: 900px) {
.inner img{
width:100% !important;
height:auto;
}
}

@media only screen and (min-width: 1170px) {
section#cd-intro{
background-size: cover;
min-height: calc(100vh - 75px);	
}
}

@media (max-width: 1300px) {
#desktop{
display:none;	
}
.menu2 h1{
text-align:center !important;	
}
}

@media (min-width: 1301px) {
.mobile, #mobile{
display:none;	
}
}