/*--------------------------------------------------------------
# Basic style
--------------------------------------------------------------*/

.m3slider {
	position: relative;
	margin-bottom: 1.5em;
}
.m3slide {
	width: 100%;
	display: inline-block;
	opacity: 1;
}
.m3slide:not(.active) {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
}

.m3slider .controls-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
	z-index: 99;
}

.m3slider .controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m3slider .sldir {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    font-size: 3em;
    padding: 0.4em;
	color: #fff;
	cursor: pointer;
}

.m3slider .bullets {
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.m3slider .bullets > div {
    width: 18px;
	height: 18px;
    border-radius: 50%;
    border: 2px solid #fff;
	margin: 5px;
	cursor: pointer;
}

.m3slider .bullets > div.current {
    background-color: #fff;
}

@media only screen and (min-width: 981px) {
.m3slide .wp-block-cover {
    padding-left: 10%;
    padding-right: 10%;
}
}

@media only screen and (max-width: 981px) {
.m3slide .wp-block-cover {
    padding-left: 8%;
    padding-right: 8%;
}
.m3slide .has-large-font-size {
    font-size: 1.2em !important;
}
.m3slider .bullets > div {
    width: 15px;
	height: 15px;
}
.m3slider .sldir {
    font-size: 1em;
    padding: 0.3em;
}
.sldir img {
    width: 26px;
    height: 26px;
}
}



/*--------------------------------------------------------------
# Customizations
--------------------------------------------------------------*/

.logo-slide {
    position: absolute;
    bottom: 12%;
    right: 6%;
    width: 230px;
    height: auto;
}

@media only screen and (max-width: 981px) {
.logo-slide {
    bottom: 11%;
    right: 7%;
    width: 130px;
}
}