/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* 
 Theme Name:   HCTC Child
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   http://hctc-lab.loc
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
* {
	-webkit-backface-visibility: hidden;
}

html, body {
    overflow-x: hidden;
}

h2 {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 1;
	display: inline-block;
}

h2::after {
	content: "";
	position: absolute;
	z-index: -1;
	height: calc(100% + 30px);
	width: 70%;
	left: -30px;
	top: -15px;
	background-color: RGBA(22, 93, 172, 0.2);
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	
	@media (min-width: 1024px) {
		*:not(.elementor-location-header) {
			-webkit-transform: translate3d(0, 0, 0);
		}
	}
	
	h2::after {
		height: calc(100% + 20px);
		width: 70%;
		left: -30px;
		top: -18px;
	}
	
	.elementor-shape-circle .elementor-icon.elementor-social-icon {
	}
	
	 .elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover,
	 .elementor-animation-grow, .elementor-animation-grow, .elementor-animation-grow{

	}
}
}

.minimal-h2 h2,
.publications-h2 {
	text-transform: none !important;
	font-size: 36px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	font-family: "Avenir", sans-serif !important;
	position: relative;
	margin-bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.publications-h2 {
	margin-top: 45px !important;
}

.minimal-h2 h2:after,
.publications-h2:after {
    content: "";
    position: relative;
	left: 0;
	top: 0px;
	margin-left: 15px;
    z-index: 0;
    height: 8px;
    width: 50px;
	display: block;
    background-color: #F4772A;
}

@media (max-width: 767px) {
	.minimal-h2 h2,
	.publications-h2 {
		font-size: 24px !important;
	}	
}

p {
  word-break: break-word;
}

p:last-child {
    margin-bottom: 0;
}

strong {
    font-weight: 600 !important;
}

.custom-list ul {
  list-style-type: none;
  padding: 10px 0px 10px 30px;
}


.custom-list li {
  position: relative;
  padding: 5px 0;
}

.custom-list li:last-child {
  position: relative;
  padding-bottom: 0;
}

.custom-list li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 13px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #f4772a;
}

.custom-list li ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 13px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
	border: 2px solid #f4772a;
  background-color: transparent;
}

.custom-list li ul {
	list-style-type: none;
	padding: 0;
 	padding-left: 0px;
	padding-left: 30px;
}

.elementor-widget-text-editor a {
	text-decoration: none;
	background-image: linear-gradient(#f4772a, #f4772a);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% 0px;
	transition: background-size 250ms ease-in-out;
}

.elementor-widget-text-editor a:hover {
  background-size: 100% 2px;
}

/*
.elementor-widget-text-editor a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	height: 2px;
	width: 0;
	background-color: var( --e-global-color-secondary );
	-webkit-transition: width .25s ease;
	-o-transition: width .25s ease;
	transition: width .25s ease;
}

.elementor-widget-text-editor a:hover:after {
  width: 70px;
}

*/

.inner-hero-h1 h1 {
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 1;
}

.inner-hero-h1 h1:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: calc( 100% + 250px);
  height: calc(100% + 25px);
  left: 50%;
  top: 50%;
  background-color: rgba(244, 119, 42, 0.75);
  -webkit-transform: translate(calc(-50% - 5px), calc(-50% - 5px));
      -ms-transform: translate(calc(-50% - 5px), calc(-50% - 5px));
          transform: translate(calc(-50% - 5px), calc(-50% - 5px));
}

.inner-hero-h1 h1:after {
  content: '';
  position: absolute;
  z-index: -2;
  width: calc( 100% + 250px);
  height: calc(100% + 25px);
  left: 50%;
  top: 50%;
  background-color: rgba(22, 93, 172, 0.64);
  -webkit-transform: translate(calc(-50% - -14px), calc(-50% - -12px));
      -ms-transform: translate(calc(-50% - -14px), calc(-50% - -12px));
          transform: translate(calc(-50% - -14px), calc(-50% - -12px));
}

@media (max-width: 1200px) {
	.inner-hero-h1 h1:before {
		width: calc(70% + 250px);
		height: calc(70% + 25px);
	}
	
	.inner-hero-h1 h1:after {
	  width: calc(70% + 250px);
	  height: calc(70% + 25px);
	}
}

.overlay-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.overlay-image .elementor-widget-container {
    position: relative;
    z-index: 0;
}

.overlay-image .elementor-widget-container:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -38px;
    right: -40px;
    height: 90px;
    width: 220px;
    background-color: rgba(22, 93, 172, 0.64);
    border-radius: 20px;
}

.overlay-image .elementor-widget-container:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -38px;
    left: -40px;
    height: 90px;
    width: 400px;
    background-color: rgba(244, 119, 42, 0.64);
    border-radius: 20px;
}

@media (max-width: 767px) {
    .overlay-image .elementor-widget-container:before {
        top: -20px;
        right: -20px;
        height: 40px;
        width: 200px;
    }
    .overlay-image .elementor-widget-container:after {
        bottom: -20px;
        left: -40px;
        height: 40px;
        width: 250px;
    }
}

/*Publications Layout*/

.publications-wrapper ol {
	list-style: none;
	counter-reset: item;
	padding: 0;
}

.publication-item-wrapper {
	font-size: 16px;
	line-height: 1.5;
	background-color: white;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.08);
	        box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.08);
	padding: 15px;
	margin-bottom: 20px !important;
	counter-increment: item;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.publication-item-wrapper::before {
  margin-right: 10px;
  content: counter(item)") ";
  display: inline-block;
}

/*Module Edits*/

.elementor-slideshow__footer {
	display: none;
}

.swiper-slide-inner {
  height: 300px;
  overflow: hidden;
  border-radius: 54px;
}

.swiper-slide-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100% !important;
  width: 100%;
}

/****************************
*Homepage Featured Content*
****************************/

.popular-posts-block {
    padding: 0 0px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.popular-posts-block.related-posts-block {
    margin-bottom: 0;
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
}

.pop-posts-items {
    padding: 0 10px;
}

.pop-block-title > span {
    position: relative;
    z-index: 2;
}

.article-diagonal-post {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.adp-4 {
    width: 25%;
}

.article-diagonal-post {
    padding: 0 15px;
    position: relative;
    left: 0;
}

.popular-posts-block .article-diagonal-post {
    padding: 0 15px;
}

.adp-content {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    left: 0;
}

.article-diagonal-post a {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    list-style: none;
    text-decoration: none;
    color: #2077d3;
}

.adp-img {
    position: relative;
    display: block;
}

.article-diagonal-post .adp-img {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
    clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
    width: calc(100% + 60px);
    left: -30px;
    background-size: auto 140%;
    background-position: center center;
    overflow: hidden;
}

.popular-posts-block .article-diagonal-post:first-child .adp-img {
    -webkit-clip-path: polygon(0px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
    clip-path: polygon(0px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
}

.article-diagonal-post:hover .adp-img {
    background-size: auto 150%;
}

.article-post-info-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
	margin-top: -40px;
}

.popular-posts-block .article-post-info-wrap {
    position: relative;
}

.popular-posts-block .article-diagonal-post:last-child .adp-img {
    -webkit-clip-path: polygon(60px 0, 100% 0, calc(100% - 0px) 100%, 0 100%);
    clip-path: polygon(60px 0, 100% 0, calc(100% - 0px) 100%, 0 100%);
}

.wp-post-image {
    max-width: 100%;
}

img.vishi {
    visibility: hidden;
}

.article-diagonal-post .article-post-img,
.article-post-img {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.adp-img .article-post-img,
.article-post-img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.adp-img .article-post-img {
    height: 500px;
    position: relative;
}

.popular-posts-block .adp-img .article-post-img {
    height: 280px;
}

.article-diagonal-post .adp-img .article-post-img {
    -webkit-transition-duration: 5s;
         -o-transition-duration: 5s;
            transition-duration: 5s;
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.article-diagonal-post:hover .article-post-img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.adp-img-stub {
    position: absolute;
    top: 0;
    left: 0;
    background-size: auto 140%;
    width: 100%;
    height: 100%;
    background-position: center top;
}

.article-diagonal-post .adp-img-stub {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition-duration: 5s;
         -o-transition-duration: 5s;
            transition-duration: 5s;
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.article-diagonal-post:hover .adp-img-stub {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.article-post-info {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    background: rgba(0, 0, 0, 0.85);
}

.popular-posts-block .article-post-info {
    background: 0 0;
    margin-left: -40px;
}

.article-diagonal-post .article-post-info {
    padding-right: 20px;
    padding-left: 0;
}

.popular-posts-block .article-diagonal-post:last-child .article-post-info {
    margin-left: 0;
    padding-right: 0;
}

.article-post-info-cont {
    margin: 0 auto;
}

.popular-posts-block .article-post-info-cont {
    padding: 0 15px;
    text-align: center;
}

.hp-cat {
  line-height: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  background-color: #f57502;
  padding: 10px 30px;
  border-radius: 50px;
  display: inline-block;
  color: white;
}

.pop-posts-items .hp-cat {
    margin: -33px 0 15px;
}

.article-post-title {
    line-height: 1.1em;
    text-decoration: none;
    position: relative;
    color: #fff;
    font-size: 45px;
    display: inline-block;
	margin-bottom: 0;
}

.popular-posts-block .article-post-title {
    font-size: 26px;
    line-height: 1.2em;
}

.hp-cat a:hover {
    text-decoration: underline;
}

.pop-posts-items .hp-cat a,
.pop-posts-items .hp-cat a:hover {
    color: #151515;
    text-decoration: none;
    background: #f8b147;
    display: inline-block;
    padding: 4px 6px;
}

.article-post-title a {
  color: white !important;
  font-weight: 600;
  font-size: 24px;
}

.article-post-title a:after {
	display: none;
}