/*
Stylesheet for "pojedyncze kursy oferty"
*/
#site-content-kursy{margin-left:12.5%;margin-right:12.5%;width:auto}
#site-content-kursy .wp-block-image {border-radius:40px}
.wp-block-image .aligncenter {border-radius:40px}
.tabs-section {overflow: hidden;width:80%;margin:0 auto}
.tabs-section h2 {text-align: center;}
.tabs-container{padding-top: 2rem;}
.tabs-block {display: flex;align-items:center;justify-content:center;}
.tabs{display:flex;flex-wrap:wrap;width:100%;}
.tabs label {width: 100%;display: flex;align-items: center;justify-content: center;padding: 1rem 2rem;margin-right: 0.0625rem;cursor: pointer;background-color:transparent;color: #444;font-family: inherit;font-size: 1.6rem;font-weight: 300;transition: background-color ease 0.3s;}
.tabs label .material-icons {margin-right: 0.3rem;}
.tabs .tab {flex-grow: 1;width: 100%;height: 100%;display: none;padding: 1rem 2rem;color: #444;background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);}
.tabs .tab > *:not(:last-child) {margin-bottom: 0.8rem;}
.tabs [type=radio] {display: none;}
.tabs [type=radio]:checked + label {background-color: #EC6712;color: #fff;border-radius: 40px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);}
.tabs [type=radio]:checked + label + .tab {display: block;}



.contact-block{display:flex;background-color:#f1f1f5;min-height:200px;align-items:center;justify-content:space-between;padding:0 15%;margin:5% 0}
.block-left{width:calc(50% - (5.455px + 1.42041vw)/2);font-size:18px}
.block-right{font-size:25px;text-align:center;display:flex;justify-content:center}
.block-left h2 {color: #EC6712;text-align:left;}
.block-left span {font-size:20px;font-weight:500;line-height:28px;letter-spacing:0px;text-align:left}
.offer-wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}	
.offer-box a{text-align:center}
.offer-item {background-color:#f5f5f5; flex: 0 0 32%;padding-bottom: 5%; margin-bottom:2%; position:relative}
.offer-item-wrapper h2 {padding:10px; min-height:calc(70px + (60 - 30) * ((100vw - 300px) / (1600 - 300)))}



.kursy-image{width: 60%;margin:0 auto 50px auto}
.intro-kursy{display:flex;margin:4% 10% 4% 10%;align-items: center;}
.intro-kursy-img, .intro-kursy-text{width:50%;margin: 2%;}
.intro-kursy-img ul{display: flex; list-style: none;}
.description-middle{padding: 2%;margin-right: 10%;margin-left: 10%}
.certificate-block {display: flex;margin:10% 15%;align-items: center}
.cert-icon {margin-right: 77px;min-width: 180px;}
.cert-description h2 {color: #EC6712;}


@media (min-width: 768px) {.tabs-container {padding: 2rem 2rem;}
.tabs label {order: 1;width: auto;}
.tabs .tab {order: 9;border-top: 1px solid black;margin-top: 4px;}
.tabs [type=radio]:checked + label {border-bottom: none;}}

@media(max-width:767px){.contact-block{flex-direction: column;}
	.block-left {width:100%;text-align:center}.block-left p {text-align:center}

@media(max-width:800px){.intro-kursy{flex-direction:column} .intro-kursy-img, .intro-kursy-text{width:100%}
.offer-wrapper {display: block;}.offer-item {width: 100%;margin: 0 0 10px 0;}
.contact-block {flex-direction: column;padding: 10%;}
.certificate-block{flex-direction: column; align-items: center;}
.cert-icon {margin: 2%;}
.intro-kursy-img img {width:100%}
}