/* SERVICES PAGE STYLES */
.wp-block-media-text {
	box-sizing: border-box;
	direction: ltr;
	display: grid;
	grid-template-columns: 35% 1fr !important;
	grid-template-rows: auto;
	padding: 20px;
	/*grid-template-columns: 25% !important;*/
}
.wp-block-media-text .wp-block-media-text__media{
	align-self: flex-start;

}
.wp-block-media-text__media img{
	height: auto;
	max-width: unset;
	vertical-align: middle;
	margin: 0 auto;
	width: 90%;
	/* width: 100%; */
	border: none;
}
.wp-block-media-text .wp-block-media-text__content {
	direction: ltr;
	grid-column: 2;
	grid-row: 1;
	padding: 0 0 0 20px;
	word-break: break-word;
}
@media (max-width: 600px){
	.wp-block-media-text .wp-block-media-text__content {
		direction: ltr;
		grid-column: 2;
		grid-row: 1;
		padding-top: 10px;
		word-break: break-word;
	}
	
	.wp-block-media-text__media img{
		width: 100%;
		margin-bottom: 20px;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
}

.servicesList	{
	width: min(100%, 60em);
	margin: 0 auto;
}

/*============================================================ */


/*============================================================ */
.flexContainerThumbnails {
	flex-wrap: wrap;
}

.service-item {
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 0 0 30px;    
}

.service-item h3 a:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 100%;
    top: 16px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000;
    transition: margin-top .3s, -webkit-transform .3s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    
}
p.readMore	{
	height: 30px;
}

@media (min-width: 568px) {
    .service-item {
        max-width: none;
        width: calc(50% - 40px);
        margin: 0 20px 30px;
        position: relative;
        p.readMore a	{display:none}
    }
}

@media (min-width: 1200px) { /* here we get bg hover and larger text and read more links*/
    .service-item {
        position: relative;
        z-index: 1;
        width: calc(50% - 30px);
        margin: 0 0 2px;
        padding: 34px 30px 32px;
		background: #FFFFFF; 
    	transition: background 0.5s ease-in-out; 
    }
    
    .service-item::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(-40deg, #01fdee 18%, #69fcf3 28%, #a8fcf7 49%);
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
		z-index: 1;
	}
	
	.service-item:hover::before {
		opacity: 1;
	}
	
	.service-item > * {
		position: relative;
		z-index: 2;
	}
    
    .service-item:hover p.readMore a	{display:block}

    .service-item h3 a:after {display: none;}
}

.page-art-archiving .mainContent ul	{	
	padding: 30px 25px 10px 40px;
	border: 1px dotted #000;
}

.page-template-page-single-service section.bottomText {
    background: linear-gradient(-40deg, #01fdee 18%, #69fcf3 28%, #a8fcf7 49%, #fff 100%);
}

/*---*temp */
p.editLink	{display: block;}