.contentarea img {
	height: auto;
}

.gallery .pics {
	margin: 5px;
}
.blog #main article {
	clear: both;
}
.blog .alignleft img {
	max-width: 320px;
	height: auto;
}
.single .alignleft img {
	max-width: 450px;
}
@supports (object-fit: cover) {
	.gallery .pics img {
		width: 380px;
		height: 380px;
	}
}

h1.page-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}

.floatright {
    float: right;
}

.new_patient_form .bottom-tooth > .tooth {
	vertical-align: top;	
}

.tooth-chart {
    width: 550px;
    max-width: 100%;
    margin: auto;
}

.baby-teeth {
    width: 350px;
    max-width: 100%;
    margin: auto;
}

.new_patient_form .tooth {
	width: 30px;
	text-align:center;
	display: inline-block;	
	
}

.new_patient_form fieldset {
    
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 15px;
    background: #cecece;
    font-size: 16px;
    color: #000000;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.7);
}

.tooth:checked > .tooth {
	border: 1px solid #000000;	
} 

.tooth-section-title {
    font-weight: 800;
    font-size: 25px;
    margin-bottom: 15px;
}
/* end form style */

/* extra form style */
.teeth-left {
    float: right;
    color: red;
    font-weight: 600;
}

.teeth-right {
    color: red;
    font-weight: 600;
}

.page-id-215 input[type="checkbox"] {
    border-radius: 2px;
    background-size: contain;
    border: 1px solid #000000;
}
input[type="file"]::-webkit-file-upload-button {
	background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(228,228,228,1) 35%);
	border: 1px solid #000;
	padding: 3px;
	border-radius: unset;
	margin-right: 5px;
}

input.upload_file {
    background-color: unset;
    border: unset;
}

/* end extra form style */


/* -------------------- Invisalign page -------------------- */
.card_case {
    border: 1px solid #00469d;
    padding: 20px;
    padding-bottom: 0;
    margin: 20px 0;
}

.testimonialheadliner {
    background: linear-gradient(to right, rgba(162,80,175,1) 0%,rgba(0,70,157,1) 100%);
    color: #fff !important;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
    margin-top: 30px;
}

.testimonialheadliner a,
.testimonialheadliner h4 {
    color: #fff !important;
    font-weight: bold;
    width: 115px;
}

.page-id-145 .main-container .bannerarea .slide-container .slides {display: none;}


.page-id-145 .main-container .bannerarea .slide-container {
    background: #d0dde2;
}

.page-id-145 .invis {
    display: flex;
    margin-top: 100px;
    height: 480px;
    background: #d0dde2;
    z-index: 2;
    position: relative;
}

.page-id-145 .invis .image {
    width: 40%;
    background: url(/wp-content/themes/charlie-child/images/straighten.jpg);
    background-position: center -130px;
}

.invis h2 {
    margin-top: 210px;
    margin-left: 50px;
}

/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (min-width: 980px) {
} 

@media (max-width: 1025px) {
}

@media only screen and (max-width: 979px) {
    .page-id-145 .invis {
        flex-direction: column;
        margin-top: -30px;
    }
    
    .page-id-145 .invis .image {
        height: 300px;
        width: 100%;
    }
    
    .invis h2 {
        margin-top: 30px;
        margin-left: 0;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
} 

@media all and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
	.gallery .pics {
		margin: 0 0 10px;
	}
	
	@supports (object-fit: cover) {
		.gallery .pics img {
			width: 300px;
			height: 300px;
		}
	}
}