/*
Theme Name:   Charlie Child
Author:       DentalQore
Author URI: https://dentalqore.com/
Template:     charlie
Description:  Child theme for DentalQore Website Platform - can be edited 
Version: 2.0
*/
@import url('css/footer.css');
@import url('css/slick-theme.css');

/* REMOVE THE FOLLOWING CSS ONLY IF YOU HAVE AUTHORIZED THE DOMAIN WITH MVT */
/*
.video-container {
	display: none !important;
}
*/

.contentarea strong,
.contentarea b {
	font-weight: 700;
}

img {
	max-width: 100%;
}

p {
	margin: 0 0 15px;
}

li.nopoint {
     list-style: none;   
}

/* MAIN
------------------------------------- */
.row.contentsection {
	padding: 30px 0;
}

.page-header {
	margin: 5px 0;
	padding: 0;
	border: 0;
}

/*PROJECT PAGES*/

.page-id-277 .link-split,
.page-id-281 .link-split,
.page-id-283 .link-split,
.page-id-287 .link-split,
.page-id-279 .link-split {
    max-width: unset;
    width: 100%;
}

.page-id-277 .link-split h5,
.page-id-281 .link-split h5,
.page-id-283 .link-split h5,
.page-id-287 .link-split h5,
.page-id-279 .link-split h5 {
    font-size: 20px;
}

.parent-pageid-267 h1.page-title {
    text-transform: none;
    border-bottom: 2px solid var(--blue-color);
    padding-bottom: 0.5em;
}

.page-id-5894 h1.page-title,
.page-id-5901 h1.page-title,
.page-id-5951 h1.page-title,
.page-id-5977 h1.page-title,
.page-id-5974 h1.page-title,
.page-id-5979 h1.page-title,
.page-id-5981 h1.page-title,
.page-id-5890 h1.page-title,
.page-id-5904 h1.page-title {
	margin-bottom: -5px;
}

.link-split {
    border: 1px solid #BABABA;
	margin: 2em auto;
    max-width: 750px;
}

.link-split a {
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #F8F8F8;
	width: 100%;
}

.link-split a:hover {
    text-decoration: none;
}

.link-left,
.link-right {
    padding: 1em 0.5em;
}

.link-left h5,
.link-right h5 {
	margin: auto;
}

.link-left {
    flex: 4;
}

.link-right {
    background-color: var(--purple-color);
	flex: 1;
}

.description-split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 1.8em;
}

a.desc-link {
    display: block;
    text-align: right;
    padding: 0.5em;
    border-bottom: 1px solid #BABABA;
    margin-bottom: 1em;
}

.project-description {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 1.4em;
    margin: 0 auto 2em;
	line-height: 1.4;
}

.desc-left {
    max-width: 500px;
    padding: 0.8em 0.5em 0 0;
    border-right: 1px solid #BABABA;
}
.staff-pic.MF {
    max-width: 231px;
    min-width: auto;
}
/* RESPONSIVE
---------------------------------------------------------- */
@media all and (min-width: 1026px) {
	.description-pic {
		min-width: 200px;
	}
	.description-con {
		max-width: 630px;
	}
}

@media only screen and (min-width: 980px) {
	.container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}
}

@media (max-width: 1060px) {
	.link-left h5,
	.link-right h5 {
		font-size: 20px;
	}
}

@media all and (max-width: 920px){
	.project-description {
		flex-flow: column;
	}
	.desc-left {
		max-width: unset;
		border-right: unset;
		padding: 1em;
		border-bottom: 1px solid #BABABA;
	}
}

@media all and (max-width: 767px){
	.link-left h5,
	.link-right h5 {
    	font-size: 18px;
	}
}

@media all and (min-width: 768px){
	.hidden-md-up {
		display: none !important;
	}
}

@media all and (max-width: 600px) {
	.link-split a {
		flex-flow: column;
		align-items: stretch;
	}
}