@import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');
/*
Theme Name:   MediCenter Child
Description:  MediCenter Child Theme
Template:     medicenter
Version:      1.0
Text Domain:  medicenter
*/
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom:50px !important;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #ff958c ;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: white;
  width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #ff958c;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid rgb(221, 239, 244);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ddeff4;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid rgb(221, 239, 244);
  border-width: 10px 10px 10px 0;
  border-color: transparent #ddeff4 transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: #ddeff4;
  position: relative;
  border-radius: 6px;
}
.feature{
	padding: 0px 0px 0px 0px;
}
.feature td{
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.item-content .text h3{
	margin-bottom: unset !important;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .timeline-container {
    width: 100%;
    padding-left: 50px;
    padding-right: 15px;
  }

/* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
    left: 60px;
    border: medium solid rgb(221, 239, 244);
    border-width: 10px 10px 10px 0;
    border-color: transparent #ddeff4 transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}
.header-top-sidebar-container {
	background-color: #f0f8fa !important;
	border-bottom: 1px solid #ddeff4 !important;
}

.header-icon {
    color: #ff958c;
 }

.donate {
	color: #ffffff !important;
	position: relative;
	top: -7px;
	padding: 8px 12px;
 	border-radius: 4px;
	background-color: #FF8B6A !important;
 	text-decoration: none;

}

.social-icons li a::before, .icon-single[class^="social-"]::before, .icon-single[class*=" social-"]::before {
     color: #FF8B6A !important;
 }


.header-top-sidebar .textwidget .icons-list {
	float:left;
}

.wpb_wrapper {
	margin-top:1px !important;
}
.top-info-list li.template-phone::before, .top-info-list li.template-mail::before, .top-info-list li.template-location::before {
	margin-right: 5px;
}
.top-info-list .template-phone .help{
	color: #FF8B6A !important;
	display: inline !important;
} 
.top-info-list .template-location .loc{
	color: #FF8B6A !important;
	display: inline !important;
	
}
.cd-horizontal-timeline .events-content{
	margin-bottom: 50px;
}
.top-info-list li .value  {
	color: #00aeef !important;
	font-size: 18px !important;
	font-weight: bolder !important;
}
.search{
	top:-10px !important;
}
.search .search-input{
	width:140px;
	transition: unset;
}
.search .search-submit-container {
	height:25px;
}
.search .template-search::before{
	color:#FF8B6A !important;
}
.search .search-input:focus{
	max-width:140px !important;
}
.header {
	padding: 15px 0;
}
#maiBanner .wpb_text_column{
	width:100% !important;
}

#maiBanner h2{
	/*color:#FF8B6A;*/
	color: #426482;
	font-size: 3em;
	font-family: 'Great Vibes', cursive;
	text-align: center !important;
	
}
.top-info-list li.separator {
	height: 55px !important;
	margin-bottom:unset !important;
    margin-top: 15px !important;
}

.top-info-list li {
	margin-top: 15px;
	color: #FF8B6A;
}

.header-container-layout-2 {
    background-color: #00aeef !important
}

.header.layout-2 .header-right {
	margin-bottom: unset;
}

.sf-menu li {
	background: unset;
}

.sf-menu li a, .sf-menu li a:visited {
	border: 1px solid #00aeef;
}

.sf-menu>li.menu-item-has-children>a::after, .sf-menu>li.menu-item-has-children.current-menu-item:hover>a::after, .sf-menu>li.menu-item-has-children.current-menu-ancestor:hover>a::after {
	color: unset;
}
.sf-menu>li.menu-item-has-children.current-menu-item>a::after, .sf-menu>li.menu-item-has-children.current-menu-ancestor>a::after {
	color: unset;
}


@media screen and (max-width: 767px)
{
	.mobile-menu-switch .line {
		background: #00aeef
	}
.header-container-layout-2 {
    background-color: #ffffff !important
}
	
	.header-left a img {
		width: 90%;
	}

	.top-info-list li {
		margin-bottom: 10px;
		text-align: center !important;
	}
	.header-top-sidebar .thin-list li, .header-top-sidebar .thin_list li {	
		text-align: center;
    	float: unset;		
	}
	
	.top-info-list li {
		margin-top: 0px;
	}
}

@media screen and ( max-width: 767px) {
	.footer-banner-box a {
    	font-size: 18px !important;
	}
	.footer-banner-box::before {
    margin-right: 15px;
}
}
/*
@media screen and ( min-width: 768px) {
	.layout-2 .header-left {
		text-align:center !important;
	}
	
	.header.layout-2 .header-top-right-sidebar-container {
		float: left;
    	position: relative;
    	left: 50%;
	}
	
	.header-top-right-sidebar{
		float: left;
    	position: relative;
    	left: -50%;
	}
	
	
	.header.top-sidebar-visible {
    	padding-top: 10px !important;
	}	
}


@media screen and (max-width: 1249px) {
	.layout-2 .header-left {
		text-align:center !important;
	}
	.header.layout-2 .header-top-right-sidebar-container {
		float: left;
    	position: relative;
    	left: 50%;
	}
	.header-left a {
		display: inline-block;
	}
	.header-top-right-sidebar{
		float: left;
    	position: relative;
    	left: -50%;
	}
	
	.header.top-sidebar-visible {
    	padding-top: 10px !important;
	}	
}
*/