/* medicine-2020-additional.css 
26 NOV, 2021  0H ...
T4 Media ID: 543041
*/


/* Basic Grid Layout
*/
.component-19{position:relative;margin-top:50px}

@media (min-width:1200px)
{.component-19 .col-md-8{max-width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}}.component-19 .carousel-cell{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;min-height:calc(100% - 20px);margin-right:20px;margin-bottom:20px}.component-19 .carousel-cell a{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;color:inherit}.component-19 .carousel-cell a:hover{text-decoration:none}.component-19 .carousel-cell a:hover .content{background-color:#dedede}.component-19 .carousel-cell a:hover .button svg{margin-left:27px}.component-19 .image{position:relative;width:100%;min-height:320px;-webkit-transition:all .35s cubic-bezier(.075,.82,.165,1);transition:all .35s cubic-bezier(.075,.82,.165,1);background:no-repeat center;background-size:cover}.component-19 .content{height:100%;padding:20px;-webkit-transition:.2s all ease;transition:.2s all ease;background-color:#f2f2f2}

@media (min-width:768px)
{.component-19 .content{padding:40px}}.component-19 .content h4{font-size:18px;line-height:1.35;color:#002542}


@media (min-width:768px)
{.component-19 .content h4{font-size:25px}}.component-19 .content p{margin-top:25px;padding-bottom:60px}.component-19 .content .button{position:absolute;bottom:60px;margin-top:26px}
.component-19 .content .button svg{-webkit-transition:.2s all ease;transition:.2s all ease}




.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-item{width:100%}@media (min-width:576px){.grid-item{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%;max-width:48%;margin:1%}}@media (min-width:1200px){.grid-item{-webkit-box-flex:0;-ms-flex:0 0 31.333%;flex:0 0 31.333%;max-width:31.333%}}.pagination li{margin-right:5px}.pagination li.active a.page-link{background-color:#004377;border:1px solid #004377;color:#fff}





/* Remove empty space when no image in the grid listings
*/
.grid-image {
    line-height: 0 !important;
}



/* Pagination at the bottom of the Grid
*/
.pagination > li > span.currentpage {
    background-color: #336699;
    color: #ffffff;
    
}



/* Homepage: Big Carousel Slider
*/

/* move the caption box over to the right a bit on desktop */
@media only screen and (min-width: 992px) {
    .hero-banner__text {
		padding: 0 120px;
	}
}




/* Homepage: Small Latest News Box
*/

.link-box--type-3 .link-box__title.latestnews {
    font-size: 15px;
    line-height: 1.35;
    margin: 0 0 4px;
    color: white;
    text-shadow: 0 0 15px #000000;
}

@media (min-width: 768px) {
    .link-box--type-3 .link-box__title.latestnews {
        font-size: 15px;
    }
}




/* Homepage: NEWS BLOCK COMPONENT
*/

.component-03 {
    position: relative;
    margin-top: 75px;
    @include media-breakpoint-up(xxl) {
        margin-top: 150px;
    }
    .flickity-viewport {
        overflow: visible;
    }
    .col-16 {
        @include media-breakpoint-up(lg) {
            overflow: hidden;
        }
    }
    .flickity-prev-next-button {
        display: none;
        @include media-breakpoint-up(lg) {
            display: block;
        }
    }
    .button-group {
        display: none;
        margin-bottom: 40px;
        @include media-breakpoint-up(lg) {
            display: block;
        }
    }
}

.component-03 .carousel-cell {
    display: flex;
    align-items: stretch;
    width: 80%;
    min-height: 100%;
    margin-right: 20px;
    max-width: 470px;
    @include media-breakpoint-up(md) {
        width: calc(45% - 20px);
    }
    @include media-breakpoint-up(lg) {
        width: calc(33.333333% - 20px);
    }
    a {
        display: block;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        color: inherit;
        &:hover {
            text-decoration: none;
            .content {
                background-color: #dedede;
            }
            .button svg {
                margin-left: 27px;
            }
        }
    }
}

.component-03 .image {
    position: relative;
    width: 100%;
    min-height: 320px;
    transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.component-03 .content {
    height: 100%;
    padding: 20px;
    background-color: theme-color("gray6");
    transition: 0.2s all ease;
    @include media-breakpoint-up(md) {
        padding: 40px;
    }
    h4 {
        @include card-title-sm;
        color: #002542;
    }
    p {
        margin-top: 25px;
        padding-bottom: 60px;
        color: theme-color("dark-gray");
    }
    .button {
        position: absolute;
        bottom: 40px;
        margin-top: 26px;
        svg {
            transition: 0.2s all ease;
        }
    }
}

// ==========================================
// modifier
// ==========================================
section.component-03:not(.is--slider) {
    .col-16 {
        @include media-breakpoint-up(lg) {
            flex: 0 0 87.5%;
            max-width: 87.5%;
        }
        @include media-breakpoint-up(xxl) {
            flex: 0 0 75%;
            max-width: 75%;
        }
    }
    .button-group {
        display: none;
    }
    .main-carousel {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .carousel-cell {
        position: relative;
        width: 100%;
        margin: 0 10px 20px;
        @include media-breakpoint-up(sm) {
            width: calc(50% - 20px);
        }
        @include media-breakpoint-up(xl) {
            width: calc(33.333333% - 20px);
        }
    }
}





/* Make tabular data pretty on small devices */  
    
@media only screen and (max-width: 40em) {
    thead th:not(:first-child) {
        display: none;
    }

    td, th {
        display: block;
    }

    td[data-th]:before  {
        content: attr(data-th);
    }
}   
   

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    Xborder-bottom: 3px solid #ddd;
    display: block;
    padding-bottom: 1.625em;
  }
  
  table Xtd {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}








    
    
/* Embedded Iframes Google forms */ 
    
.iframe-container {
  overflow: hidden;
  padding-top: 120%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

    
    
/* Fix Embedded YouTube Video */ 
    
.responsive-video{width:100%;max-width:500px;margin:50px auto}.responsive-video>div{position:relative;overflow:hidden;height:0;margin-bottom:20px;padding-bottom:56.25%}.responsive-video>div iframe{position:absolute;top:0;left:0;width:100%;height:100%}
   


/* Homepage: Hide the text in the buttons */ 
.hero-banner .slick-arrow.slick-prev,
.hero-banner .slick-arrow.slick-next

	{
		font-size: 0px;
	}



/* Fix Zooming Issues
*/
.container,
.main-nav .main-nav__top{ 
    max-width: 1280px; 
    margin: 0 auto;
}
.container,
.main-nav .main-nav__top{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.main-nav .main-nav__main,
.component{
    max-width: 1680px;
    margin: 0 auto;
}
.component{
    margin: calc(70px - 20px) auto 0;
}
.hero-banner__text{
    width: 1300px;
    margin: 0 auto;
    left: 0 !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .container, .main-nav .main-nav__top{
        max-width: 1235px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container, .main-nav .main-nav__top{
        max-width: 985px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container, .main-nav .main-nav__top{
        max-width: 730px;
    }
}
@media only screen and (max-width: 767px) {
    .container, .main-nav .main-nav__top{
        max-width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}






/* Reduce Banner Headlines on Mobile
*/

@media only screen and (max-width: 767px) {
    .hero-banner__headline {
    	font-size: 14px;
	}
}




/* Modify blockquote in wysiwyg to look more a link button
*/

.copy blockquote {
    padding: 23px 60px 20px 23px;
    text-align: left;
    text-transform: none;
    color: #004377;
    border-radius: 100px;
    background-color: #f2f2f2;
	margin: -10px 0px 10px 0px;
}


.copy blockquote a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent url(/medicine/t4media/arrow--green.svg) center center no-repeat;
    background-size: 20px 20px;
}



.copy blockquote:hover {
    text-decoration: none;
    color: white;
    background-color: #004377;
}

.copy blockquote:hover a {
    text-decoration: none;
    color: white;
    background-color: #004377;
}


.copy blockquote a:hover {
    text-decoration: none;
    color: #eeeeee;
    background-color: #336699;
}

/* added css for accordian */
.component-accordion .collapse.in {
  display: none;
}




/* BEGIN OCT 2021 For Featured Widget */

@media (min-width: 752px) {

	.med-person .our-team {
	min-height: 400px !important;
	}	
	
}	
	


.our-team {
  padding: 30px 0 40px;
  margin-bottom: 30px;
  background-color: #f7f5ec;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.our-team .picture {
  display: inline-block;
  height: 200px;
  width: 200px;
  margin-bottom: 20px;
  z-index: 1;
  position: relative;
}

.our-team .picture::before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  opacity: 0.9;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
  height: 100%;
}

.our-team .picture::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .picture img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}


.our-team .name {
  display: block;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  color: #004377;
}



.our-team h3 {
  font-size: 16px;
}


.our-team .title {
  display: block;
  font-size: 14px;
  color: #4e5052;
  Xtext-transform: capitalize;
	margin-bottom: 10px;
}



.our-team .subtitle {
  display: block;
  font-size: 14px;
  color: #4e5052;
  text-transform: capitalize;
}



.our-team .social {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #1369ce;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.5s ease 0s;
}

.our-team:hover .social {
  bottom: 0;
}


.our-team .social {
  font-size: 30px;
}

.our-team .social span {
  color: white;
}
.our-team .social span:hover {
  color: lightgray;
}

/* END OCT 2021 For Featured Widget */






/* Clinical Trials Section: October 2024
*/


.container .ctu-result-item {
    border: 2px solid;
    border-color: #304554;
    Xfont-size: 20px;
  	margin: 15px 0px 15px 0px;
}

.ctu-result-item-content {
  	padding: 10px;
}

.container .ctu-result-item-title {
  
    background: #304554;
  	color: white;
}


.container .ctu-result-item-title a:link, .container .ctu-result-item-title a:visited {
  
  	color: white;
}



.ctu-result-item-title:hover {
  background-color: #336699;
}


.container .ctu-result-item:hover {   
    border-color: #336699;
}