/*
Theme Name: Uncode Child
Theme URI: http://example.com/uncode-child/
Description: Child theme for the Uncode theme
Author: Your Name
Author URI: http://example.com
Template: uncode
Version: 1.0.0
*/

/* Add your custom CSS below */


/* Physician listing */
.searchandfilter > ul {
	text-align:center;
}
.searchandfilter > ul li {
	display:inline-block;
}
.searchandfilter > ul li input,
.searchandfilter > ul li select {
	border:1px solid #ccc;
	padding:10px 20px;
	font-size:14px;
	margin:0 6px;
	width:300px;
	height:45px;
	background:#fff;
}
/* Media query for screens wider than 768px (common breakpoint for tablets/desktops) */
@media screen and (min-width: 768px) {
  .searchandfilter > ul li input,
  .searchandfilter > ul li select{
    width:400px;
	height:50px;
	  font-size:20px;
  }
}



.physicians-list {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-column-gap:30px;
	grid-row-gap:60px;
}
@media (min-width:860px) and (max-width:1024px) {
	.physicians-list {
		grid-template-columns:repeat(3,1fr);
	}
}
@media (min-width:550px) and (max-width:859px) {
	.physicians-list {
		grid-template-columns:repeat(2,1fr);
	}
}
@media (max-width:549px) {
	.physicians-list {
		grid-template-columns:repeat(1,1fr);
	}
}
.physician-image {
	position: relative;
    padding-top: 120%;
    overflow: hidden;
}
.physician-image img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.searchandfilter > ul li select:not([multiple]) {
	background-image:none;
	-webkit-appearance: auto;
     appearance: auto;
}
.physician-content {
	padding: 15px;
    text-align: center;
    line-height: 1.6em;
	background:#EEEEEE;
}
.physician-content .physician-title {
	margin:0 0 10px;
	font-weight: 600;
    color: #212121;
}
.physician-speciality {
	margin-bottom:15px;
}
.physician-content .physician-btn {
	font-weight: 600;
    padding: 10px 15px;
	color: #FFF !important;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 10px 30px;
    background: #2fbb78;
    text-align: center;
}
.physician-content .physician-btn:hover,
.physician-content .physician-btn:focus {
	background:#2fbb78;
}
.physician-link {
	margin-top: 15px;
    display: inline-block;
    font-weight: 600;
    color: #003b71;
}

/* Physician details */
.physician-main {
	display:grid;
	grid-template-columns: repeat(12,1fr);
	grid-column-gap:100px;
	max-width:1608px;
	padding:36px;
}
.physician-left {
	padding:36px;
	background:#eaeaea;
	text-align:center;
}
@media (min-width:1025px) {
.physician-left {
	grid-column: span 4;
}
.physician-right {
	grid-column: span 8;
}
}
@media (max-width:1024px) {
	.physician-main {
		grid-template-columns:repeat(1,1fr);
	}
}
.physician-left img {
	width:100%;
}
.physician-left h3 {
	margin-bottom:36px;
	margin-top:36px;
}
.physician-left a:not(.physician-btn) {
	color:#6797ae;
}
.physician-left a:not(.physician-btn):hover,
.physician-left a:not(.physician-btn):focus {
	color:#028da7;
}
.physician-btn {
	font-weight: 400;
	font-size:25px;
	text-align:center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
	padding:18px 30px;
	margin-top:36px;
	color:#fff;
	border:1px solid #6797ae;
	background: #6797ae;
	display:inline-block;
	width:100%;
}
.physician-right .physician-btn {
	width:auto;
}
.physician-btn:hover,
.physician-btn:focus {
	background:transparent;
	color:#6797ae;
}
.physician-main .physician-title,
.physician-main h2,
.physician-main h3 {
	color:#2b4758;
}
.physician-locations {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
}
.physician-edus .physician-edu {
	position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    min-width: 100%;
    width: auto;
}
.physician-right {
	padding-bottom:288px;
}
@media (max-width:1024px) {
	.physician-right {
		padding-bottom:80px;
	}
}
.physician-right h3 {
	margin-bottom:36px;
}
.physician-edus .physician-edu:nth-child(even) {
	background:#dddddd;
}
.physician-edu-title {
	display:table-cell;
	width:25%;
	padding:36px;
}
.physician-edu-content {
	display:table-cell;
	width:75%;
	padding:36px;
}
@media (max-width:767px) {
	.physician-edu-content,
	.physician-edu-title {
		padding:15px;
		width:50%;
	}
}
.physician-patient-stories,
.physician-faqs {
	width:300px;
}
.physician-patient-video,
.physician-faq {
	padding-top:56.25%;
	position:relative;
}
.physician-patient-video iframe,
.physician-faq iframe {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}

.media-content iframe
 {
	width:300px;

}

.media-content
 {
	/* padding-top:56.25%; */
	/* position:relative; */
	width:100%;
}



.media-content-items{
	flex-wrap: wrap; 
	display: flex; 

}
.media-content-item { 

	justify-content: center; /* Centers content horizontally within the column */

	flex: 0 0 33.333%; /* Do not grow, do not shrink, take up one-third of the space */
	box-sizing: border-box; /* Include padding and border in the element's total width */
	padding: 10px; /* Optional: Adds some space inside each column */

} 
@media (max-width: 768px) {
	.media-content-item{
	  flex: 0 0 100%; /* On small screens, take up the full container width */
	}
  }