/*
Theme Name: StepC
Version: 1.0.0
*/
:root{
	--blue-color:#0F8029;
	--green-color:#B0CD3C;
}
body{
    font-family: 'IBM Plex Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
    font-weight: 400;
	color: #000000;
}
.admin-bar .fixed-top{
    top:32px;
}
main{
    padding-top: 118px;
}
h1 {
    font-size: 48x;
    line-height: 58px;
    font-weight: 600;
}
.page-hero-text-container h1{
	max-width:980px;
}
h2 {
    font-size: 38px;
    line-height: 44px;
    font-weight: 600;
}
.widget h2,
h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}
h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}
h5 {
    font-size: 22px;
    line-height: 38px;
    font-weight: 600;
}
h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

p {
	font-size:16px;
	line-height:1.4;
	text-align: justify;
}
h3 + p{
	
    font-size: 22px;
}
.logo-link{	
    position: relative;
    color: #000;
}
.logo-link img{
	height:80px;
}
.logo-img{
	width: 24px;
    position: absolute;
    left: 0;
    top: 0px;
}
.logo-main-text{
	display: block;
    font-size: 30px;
    font-weight: 900;
    padding-top: 5px;
    line-height: 34px;
}
.logo-sub-text{
	display: block;
    font-size: 11px;
    line-height: 12px;
}

#stepc_logo_svg{    
	width: 24.08px;
    height: 80px;
    position: relative;
	transition:all .15s ease-in-out;
}
#stepc_logo_letters{
	height: 80px;
    width: 129.19px;
    position: relative;
	fill:#000 !important;
	transition:all .15s ease-in-out;
}
.logo-link #stepc_logo_svg .st2{
	transition:all .15s ease-in-out;
}
.logo-link:hover{
	color:#000;
}
.logo-link:hover #stepc_logo_svg .st2{
	fill:#B0CD3C;
}
#stepc_logo_grey_svg{	
	fill:#f7f7f7;
}
.page-hero-image-container #stepc_logo_grey_svg{
	position:absolute;
	top:0;
	right:10%;
	height:100%;
	width: 100%;
    max-width: 190px;
}
.dragndrop-imagetext-text-container,
.dragndrop-halfgallerytext-text-container,
.dragndrop-hovergallerytext-text-container{
	font-size:22px;
	line-height:30px;
	text-align: justify;
}
a{
	font-size:16px;
	color:#0F8029;
	transition:all .15s ease-in-out;
}

a:hover,
a:focus{
	color:#B0CD3C;
	text-decoration:none;
}

.footer-top p{
    margin-bottom: 0;
}
.menu-social-container .nav-link{
    padding: .5rem;
}

.ff-stream{
    background: transparent !important;
	padding-bottom:60px !important;
    padding: 0;
	
}
.ff-stream br{
	display:none !important;
}
.ff-filter-holder{
    display: none;
}
.ff-item .ff-img-holder{
    display: none !important;
}
.ff-item-meta{
    position: initial !important;
}
.ff-timestamp{
    position: absolute;
    top: 10px;
    left: 108px;
}
.ff-sc-label1 .ff-item-cont .ff-label-wrapper{
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 2;
    margin: 0;
}

.stepc-header {
	padding:18px 0px;   
}

header a.nav-link{
	font-weight:400;
	font-size:16px;
	line-height:16px;
	color:#000000;
	margin:0 8px;
	text-transform: uppercase;
}

header .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    padding: .5rem 1rem;
}
header li:last-child .dropdown-item {
    border-bottom: 0px;
}
header .dropdown-item:hover {
    background-color: #B0CD3C;
	color: #ffffff;
}

header li:hover a.nav-link{ 
	color:##0F8029;
}

h2.widget-title {
	font-size:15px;
	line-height:16px;
	color:#D8D8D8;
}

.widget-content ul {
    list-style: none;
    padding: 0px;
}

.widget-content ul li {

    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;

    /* font-size:18px;
	line-height:22px;
	margin-bottom:20px;
	font-weight:500; */
}

.widget-content ul li a{
	/*color:#000000;
	text-transform: uppercase;
	font-weight:normal; */
	
	font-family: inherit;
	margin-bottom: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
	color: inherit;
}

.widget-content ul li:hover a{
    text-decoration:underline;
}

.widget-content p {
	font-size: 16px;
    line-height: 22px;
}

.footer-top h2.widget-title {
	margin-bottom:22px;
}

.footer-top .widget-content ul li{
	font-size:16px;
	line-height:16px;
}

input.form-control,
input {
    color: #9E9E9E;
    border: 0;
    border-bottom: 2px solid #0F8029;
    border-top: 2px solid #EEE;
    background: #EEE;
    outline: none;
    border-left: 0;
    border-right: 0;
    outline: none;
    border-radius: 0px;
    font-size: 18px;
    padding: 12.5px 12px 11px;
}
textarea.form-control,
textarea {
    font-size: 18px;
    color: #9E9E9E;
	border: 0;
	border-bottom: 2px solid #0F8029;
    background: #EEE;
    outline: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    outline: none;
	border-radius:0px;
	padding: 12px 12px 11px;
	height:286px;
}

.newsletter-footer-submit-container .contact-form-line-container {
    display:flex;
	align-items:start;
}

.newsletter-footer-submit-container .wpcf7-form-control-wrap{	
    width: 1%;
    flex: 1;
}
.newsletter-footer-submit-container .wpcf7-form-control-wrap input[type="email"]{
	width:100%;
}
.newsletter-footer-submit-container .ajax-loader{	
    position: absolute;
    left: -17px;
}
.application-form-line-container,
.contact-form-line-container {
    margin-bottom: 12px;
}
.contact-text-container {
	margin-bottom: 20px;
}
.contact-form-line-container span:last-child{
    margin-left: 16px;
}
footer .fa:hover{
	color:var(--green-color);
    transition: all 0.35s linear;
}
input:hover,
textarea:hover{
     border-bottom: 2px solid #B0CD3C;
}

.application-form-line-container textarea{
	height:130px;
}

input:active,
input:focus,
input:visited,
textarea:active,
textarea:focus,
textarea:visited,
input.form-control:active,
input.form-control:focus,
input.form-control:visited,
textarea.form-control:active,
textarea.form-control:focus,
textarea.form-control:visited {
     border-bottom: 2px solid #B0CD3C;
	 border-top: 2px solid transparent;
	 background: #ffffff;
	 color: #000000;
	 box-shadow: none;
    outline: none;
}

input.btn:active,
input.btn:focus,
input.btn:visited,
input.btn.form-control:active,
input.btn.form-control:focus,
input.btn.form-control:visited,
input.btn:hover,
input.btn.form-control:hover,
.btn:hover {
	/*/
     border-bottom: 2px solid #B0CD3C!important;
	 border-color:#B0CD3C!important;
	 background:#B0CD3C!important;
	 color:#ffffff!important;
	 //*/
}

.contact-form-line-container span.message:last-child{
    width:100%;
	 margin-left: 0px;
	 
}

.btn {
	font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    background: #0F8029;
    border: 2px solid #0F8029;
    border-radius: 0;
	padding-left: 35px;
    padding-right: 35px;
}

.btn.big {
    font-size: 22px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: capitalize;  
	font-weight:normal;
}

.newsletter-footer-submit-container {
    margin-top: 20px;
}

.contact-title-container {
	color: #BABABA;
    font-weight: 500;
}

.contact-text-container {
	margin-bottom: 50px;
}

.footer-top .container{
    padding-top: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #D8D8D8;
}

footer#site-footer {
    padding: 20px 0px;
}

.footer-copyright-grey,
.footer-copyright-grey a{
    font-size: 12px;
    line-height: 16px;
    color: #D8D8D8;
}
.footer-copyright-grey a:hover{
	color:var(--green-color);
}
ul.footer-social {
    margin-bottom: 0;
}

.footer-social .nav-link {
    color: #D8D8D8;
	padding: 0;
    padding-left: 25px;
}

ul#menu-social-menu {
    display: flex;
    float: right;
}

img.logo {
	width: 92px;
}

header.stepc-header {
    padding: 15px 0px 15px;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.16); 
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

page-hero-image-container {
    background-repeat: no-repeat;
    height: 465px;
	position:relative;
	margin-bottom:90px;
}

.page-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.page-hero-text-container {
    z-index: 2;
    position: relative;
	padding-top:75px;
	padding-bottom:50px;
}

.page-hero-children-container {
    z-index: 2;
    position: relative;
	padding-bottom:30px;
}

.page-hero-children-container a{
	text-decoration:none;
	text-align: left;
	font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
	line-height:38px;
	letter-spacing: 0px;
	color: #6C6C6C;
	margin-right:40px;
}

.page-hero-children-container a.active,
.page-hero-children-container a:hover{
	color: #000000;
}

.page-hero-image-container {
    position: relative;
	margin-bottom:50px;
}
.single-members-title-container{
	max-width:341px;
}

.footer-top {
    margin-top: 150px;
	-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.12);
	box-shadow: 0px -2px 6px rgba(0,0,0,0.12);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link {
    border: none;
    text-align: left;
    padding-left: 0px;
	line-height:1.4;
	padding-right:30px;
}

.nav-tabs .nav-link.active {
    color: #000000;
}

.nav-tabs {
    border-bottom: 0px;
}

.page-hero-children-container  a.back:before {
    font-family: 'stepc';
    content: "\e90c";
    margin-right: 5px;
	position:relative;
	left:0px;
	transition:all .35s linear;
}

.page-hero-children-container  a.back:hover:before {
	left:-4px;
}
.pagination-nav {
    display: flex;
	padding:50px 0px;
}

.pagination-nav .page_word a{
    text-decoration:none;
	text-align: left;
	font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
	line-height:20px;
	letter-spacing: 0px;
	color: #888888;
	display: flex;
}
.pagination-nav .page_word a::before{
	transition:all 0.35s linear;
}

.pagination-nav .page_word:hover a,
.pagination-nav .page_word:hover a svg{
	transition:all 0.35s linear;
}
.pagination-nav .page_word:hover a,
.pagination-nav .page_word:hover a svg{
	color: #000000;
}

.pagination-nav .page_word.word_left:hover a svg {
    transform: translateX(-2px);
}

.pagination-nav .page_word.word_right:hover a svg {
    transform: translateX(2px);
}

.pagination-nav .page_word.word_right svg{
	margin-left:10px
}

.pagination-nav .page_word.word_left svg{
	margin-right:10px
}

.pagination-nav .page_word:first-child a{
    margin-right:40px
}

.single-projects-container a {
    font-weight: 400;
    font-size: 18px;
	 line-height: 28px;
    font-family: 'IBM Plex Sans', sans-serif;
    letter-spacing: 0px;
    text-decoration: none;
    color: #0F8029;
}

.single-projects-container a:hover {
    color: #B0CD3C;
}

.single-projects-year-container {
	line-height: 22px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'IBM Plex Sans', sans-serif;
    letter-spacing: 0px;
    text-decoration: none;
    color: #BABABA;
}

.single-year-container {
	line-height: 28px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #000000;
}

.single-projects-container .single-projects-title-container a{
    font-weight: 600;
    font-size: 20px;
	line-height: 28px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #000000; 
}

.single-projects-container .single-projects-title-container a:hover{
    text-decoration: underline;
}

.related-projects {
	border-top: 1px solid #D8D8D8;
	padding-top:50px;
}

.single-projects-container {
    margin-top: 0px;
}

.pagination-nav .page_word svg {
    margin-top: 2px;
}

svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

header a.nav-link:hover {
    color: #0F8029;
}

ul.dropdown-menu {
    border-radius: 0;
	background: #0F8029;
	padding: 0;
	border: 0px;
}

.ff-stream{
    background: transparent !important;
    padding: 0;
    min-height: 0px !important;
}
.ff-stream-wrapper {
    height: auto !important;
    display: flex;
    flex-wrap:wrap;
    margin: 0 -10px !important;
}
.ff-item{
    position: relative !important;
    flex: 1 0;
    transform: none !important;
    opacity: 1 !important;
    margin:0 10px 40px !important;
    width:auto !important;
}
.ff-loadmore-wrapper{
    display: none;
}
.shuffle__sizer{
    display: none !important;
}
.ff-filter-holder{
    display: none;
}
.ff-item .ff-img-holder{
    display: none !important;
}
.ff-item-meta{
    position: initial !important;
    order:1;
    margin:30px 0 0px !important
}

.ff-item-cont .ff-item-meta .ff-name{
    color: #0F8029 !important;
    font-weight: bold;
	font-size:16px;
}
.ff-item-cont .ff-item-meta .ff-name::before {
    content: '@';
}
.ff-nickname{
    display: none !important;
}
.ff-timestamp{
    position: absolute;
    top: 10px;
    left: 25px ;
}
.ff-icon-inner{
    color: #BABABA !important;
}
.ff-icon:before{
    display: none;
}
.ff-label-wrapper{
    left:0 !important;
    right:auto !important;
}
.ff-layout-masonry .ff-item:not(.ff-ad) .ff-content{
    max-height: none !important;
}
.ff-item .ff-content{
	font-size:16px !important;
	line-height:24px !important;
	text-align: justify;
}
.ff-share-wrapper{
	display:none;
}
.ff-icon-share{
	float:none !important;
}
.ff-item-cont{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px !important;
}
.ff-content{
    order:2;
    margin: 0 !important;
}
.sidebar .ff-item{
    flex-basis: 100%;
}
.ff-item-bar{
	display:flex !important;
    border-color: transparent !important;
    padding:0 !important;
    height: auto !important;
}
.ff-share-wrapper{
	margin-left:2%;
}
.picture-item__inner:before{
    display: none;
}
.ff-item-bar > a > span {
    display: none;
}
.ff-item-bar > a + a{
    margin-left: 2% !important;
}
[class*="ff-icon-"]{
    color:#0F8029;
    font-size: 18px !important;
}
[class*="ff-icon-"]:hover{
    color:#B0CD3C;
}
[class*="ff-icon-"]:before{
    font-family: 'stepc' !important;
    speak: never !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
.ff-icon-like:before{
    content: "\e90f" !important;
}
.ff-icon-comment:before{
    content: "\e901" !important;
}
.ff-icon-share:before{
    content: "\e903" !important;
}
.ff-icon-shares:before{
    content: "\e904" !important;
}

.sidebar {
    
}

.sidebar .widget {
    padding-bottom: 45px;
	margin-bottom: 45px;
    border-bottom: 1px solid #D8D8D8;
}

.sidebar .widget:last-child {
    padding-bottom: 0px;
	margin-bottom: 0px;
    border-bottom: 0px ;
}

.widget-link-button-text-container {
    padding-bottom: 45px;
}

.sidebar .widget-title {
    margin-bottom:45px;
	font-size: 22px;
	color: #888888;
}

.sidebar .recent-post-container {
	margin-bottom:45px;
}

.share-social-container {
	font-weight: 500;
    font-size: 16px;
	line-height: 22px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #BABABA;
	text-align: right;
}

.share-social-container a{
    text-decoration: none;
    color: #0F8029;
	margin-left:10px;
}

.share-social-container a:hover{
    color: #B0CD3C;
}

.diplay-flex-center {
	align-items: center;
}

.sidebar .widget_custom_social a {
	text-decoration: none;
    color: #0F8029;
    margin-right: 50px;
    font-size: 40px;
}

.sidebar .widget_custom_social a:hover {
    color: #B0CD3C;
}

.newsletter-footer-container {
	font-size:16px;
	line-height:22px;
}
.btn{
	background: #0F8029;
    color: #ffffff;
	border:2px solid #0F8029;
	position:relative;
	transition:all 0.35s linear;
	position:relative;
}

.btn:hover{
    color: #ffffff;
	background:#B0CD3C;
	border-color:#B0CD3C;
}

.btn-blue{
	background: #0F8029;
    color: #ffffff;
	border:2px solid #0F8029;
	position:relative;
	transition:all 0.35s linear;
	position:relative;
}
.btn-blue span{
	position:relative;
	z-index:2;
}
.btn-blue:hover{
    color: #ffffff;
}
.btn-blue::after{
	content:'';
	position:absolute;
	z-index:1;
    width: 0%;
    height: calc( 100% + 4px );
    top: -2px;
    left: -2px;
    background: #B0CD3C;
	transition:all 0.35s linear;
}
.btn-blue:hover::after{
    width: calc( 100% + 4px );
}
.btn-white{
	background: #ffffff;
    color: #0F8029;
	border:2px solid #fff;
	position:relative;
	transition:all 0.35s linear;
	position:relative;
}
.btn-white span{
	position:relative;
	z-index:2;
}
.btn-white:hover{
    color: #ffffff;
}
.btn-white::after{
	content:'';
	position:absolute;
	z-index:1;
    width: 0%;
    height: calc( 100% + 4px );
    top: -2px;
    left: -2px;
    background: #B0CD3C;
	transition:all 0.35s linear;
}
.btn-white:hover::after{
    width: calc( 100% + 4px );
}
.btn-outline-blue{
	background: transparent;
    color: #0F8029;
	border:2px solid #0F8029;
	position:relative;
	transition:all 0.35s linear;
}
.btn-outline-blue small,
.btn-outline-blue span{
	position:relative;
	z-index:2;
}
.btn-outline-blue:hover{
    color: #ffffff;
	border-color:#B0CD3C	
}
.btn-outline-blue::after{
	content:'';
	position:absolute;
	z-index:1;
    width: 0%;
    height: calc( 100% + 4px );
    top: -2px;
    left: -2px;
    background: #B0CD3C;
	transition:all 0.35s linear;
}
.btn-outline-blue:hover::after{
    width: calc( 100% + 4px );
}

.ff-facebook .ff-icon-inner:after, .ff-type-facebook:before{
	font-size:18px;
}
.ff-sc-label2 .ff-icon-inner{
	right:9px !important;
	top:0 !important;
}
.map-btn{
	padding-right:64px;
	padding-left:134px;
	white-space: normal;
	display:inline-flex;
	flex-direction:column;
	text-align:left;
	line-height:1.2;
	margin-top:10px;
}
.map-btn .icon-bus{
	position: absolute;
    top: 11px;
    left: 45px;
    font-size: 28px;
}
.map-btn .icon-car{
	position: absolute;
    top: 13px;
    left: 85px;
    font-size: 28px;
}

.fb-link::after{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
}

.footer-top input[type="checkbox"]{
	margin-right:8px;
}
span.wpcf7-list-item{
	margin-left:0;
}
.footer-top .btn-effect-container{
	position:relative;
	background-color:var(--blue-color);	
}
.footer-top .btn-effect-container::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:0%;
	background-color:var(--green-color);
	transition:all 0.35s linear;
}
.footer-top .btn-effect-container:hover::before{
	width:100%;
}
.btn-transparent,
.btn-transparent:hover{
	background-color:transparent;
	border-color:transparent;
}
.text-underline{
	text-decoration:underline;
}
/*.menu-main-menu-container .dropdown-toggle::after{
	display:none;
	display:none;
}*/

.ff-item-bar>a, .ff-item-bar>.ff-location{
	opacity:1 !important;
}

span.grey-header {
    color: #bababa;
    font-size: 14px;
}

.post-source-container p {
    font-size: 14px;
}


.entry-content ol {
	counter-reset: section;                /* Creates a new instance of the section counter with each ol element */
	list-style-type: none; 
}
.entry-content ol li{
	position:relative;
}
.entry-content ol li::before {
	counter-increment: section;            /* Increments only this instance of the section counter */
	content: counters(section, ".") ". ";   /* Combines the values of all instances of the section counter, separated by a period */
	position:absolute;
	right:100%;     
	transform:translateX(-4px);                                      
}

.single-projects-img-container img{
	max-width:200px;
	margin-right:10px;
}

.single-projects-img-title-container {
	display:flex;
	align-items: center;
}
#languages .current-lang{
	display:none;
}
#languages{		
	background-color:#0F8029;
	transition:background .15s linear;
	color:#fff;
	cursor:pointer;
	padding:0;
}

.show-only-el,
.show-only-en{
	display:none;
}

/*html[lang="en"] */
.show-only-en:lang(en){
	display:initial;
}

/*html[lang="el"] */
.show-only-el:lang(el){
	display:initial;
}

#languages:hover{
	background-color:#B0CD3C;		
}

@media (max-width: 767.98px){
    .ff-item{
        flex-basis: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px){
    .ff-item{
        flex-basis: calc( 50% - 20px );
    }
}

@media (max-width: 991.98px){
	.header-navigation-wrapper .navbar-collapse{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		background: #fff;
		display: block !important;
		transform: translateX(-100%);
		transition: transform 0.3s ease-out;
		z-index: 100;
	}
	.header-navigation-wrapper .navbar .collapse.show{
		transform:translateX(0%);
	}
	.menu-shadow{
		position: fixed;
		background: #000;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		visibility:hidden;
		display:none;
		z-index: 99;
		transition:all 0.3s ease-out;
	}
	.header-navigation-wrapper .navbar .collapse.show + .menu-shadow{		
		opacity: 0.3;
		visibility:visible;
		display:block;
	}
	
	.header-navigation-wrapper .navbar-nav > .menu-item{
		
	} 
	.nav-link {
		display: block;
		padding: 2px 1rem;
	}
	.navbar-nav .dropdown-menu {
		margin-bottom: 15px;
		margin-top: 10px;
	}
	header .dropdown-item {
		display: block;
		width: 100%;
		clear: both;
		text-align: inherit;
		white-space: nowrap;
		background-color: #fff;
		border: 0;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.2;
		color: #000000;
		text-align: center;
		padding: 2px;
	}
	.mobile-menu-header{
		color:#fff;
		background:#0F8029;
	}
	header a.nav-link{
		font-size:16px;
		line-height:1.4;
	}
	
	.close-mobile-menu {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	
	.close-mobile-menu:after {
		font-family: 'stepc';
		content: "\e910";
		font-size: 16px;
		color: #000000;
	}
	
	.footer-top .col-mid-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.footer-top .col-mid-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.languages-container{
		
	}
	#languages {
		display:block !important;
	}
	#languages li{
		display:inline-block;
	}
	#languages a{
		/*/
		padding:3px 6px;		
		border:1px solid #0F8029;
		margin-left:8px;
		//*/
		color:#fff;
		padding:3px 7px;
	}
	
	#languages .current-lang a{
		background:#0F8029;
		color:#fff;
		
	}
	#languages a:hover{		
		border:1px solid #B0CD3C;
		background:#B0CD3C;
		color:#fff;
	}
}

@media (min-width: 992px){
	

.col-12.col-lg-4.offset-lg-1.sidebar::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 1px;
     background: #d8d8d8 ;
     left: -40px;

}
	.language-toggler{
		background-color:#0F8029;
		transition:background .15s linear;
		color:#fff;
		cursor:pointer;
		padding:3px 4px;
	}
	.language-toggler:hover{
		background-color:#B0CD3C;
	}
	.languages-container{
		position:relative;
	}
	#languages{		
		background-color:#0F8029;
		transition:background .15s linear;
		color:#fff;
		cursor:pointer;
		padding:0;
	}
	#languages:hover{
		background-color:#B0CD3C;		
	}
	#languages .current-lang{
		display:none;
	}
	#languages a{
		padding:3px 7px;
		color:#fff;
	}
    .ff-item{
        flex-basis: calc( ( 100% / 3 ) - 40px );
    }
}

@media (min-width: 576px){
	
	#stepc_logo_svg{    
		left: -30px;
	}
	#stepc_logo_letters{
		left: -22px;
	}
	
	
	.wp-block-columns.alignwide {
		max-width: 540px;
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
}

@media (min-width: 768px){
	.wp-block-columns.alignwide {
		max-width: 720px;
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
}

@media (min-width: 992px){
	.wp-block-columns.alignwide {
		max-width: 960px;
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
}

@media (max-width: 992px){
	.page-hero-text-container{
		
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.page-hero-text-container h1{
		
		font-size: 40px;
		line-height: 48px;
	}
	.page-hero-text-container h1 br {
		display:none;
	}
	.wp-block-columns.alignwide .wp-block-column{
		width: 100%;
		flex-basis: 100% !important;
	}
	
	.wp-block-columns {
		flex-wrap: wrap;
	}
	
	.wp-block-column:not(:first-child) {
		margin-left: 0px;
	}
	
	.sidebar .widget:first-child {
		padding-top: 45px;
		margin-top: 45px;
		border-top: 1px solid #D8D8D8;
	}
}

@media (min-width: 1200px){
	.wp-block-columns.alignwide {
		max-width: 1140px;
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
}

@media (min-width: 1300px){
	.container {
		max-width: 1240px;
	}
	
	.wp-block-columns.alignwide {
		max-width: 1240px;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (min-width: 1400px){
	.container {
		max-width: 1340px;
	}
	
	.wp-block-columns.alignwide {
		max-width: 1340px;
	}
}