/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

.row.offer {
    border-bottom: 1px #eee solid;
}


body {
    color: #4c606e;
    font-family: ChronicaPro,sans-serif;
    font-family: Yantramanav,sans-serif!important;
    font-size: 1rem;
    letter-spacing: .02em;
	overflow-x: hidden;
}

.container {
    width: 1025px;
}

.navbar-header{ position: absolute; }
.navbar-header button{ display: none; }

h3 {
    font-size: 27px;
    line-height: 30px;
    font-weight: 600;
}

a, a .s-p, a:active, a:focus, a:hover {
    color: #919191;
}

.btn-primary {
    background-color: #01abbb;
    border-color: #01abbb;
    color: #fff;
}

.btn {
    border-radius: 25px;
    display: inline-block;
    font-weight: 600;
    padding: 11px 30px 10px;
    text-transform: none;
    transition: background-color .3s ease,color .3s ease;
	font-size: 14px;
    line-height: 1.42857143;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #fff;
    border-color: #01abbb;
    color: #01abbb;
}

.usp a {
    text-decoration: none;
}

.wow {
    visibility: visible;
}

body.home .masthead__caption .h2, body.home .masthead__caption h2, body.home .masthead__caption h2 p {
    font-weight: 600;
}

.video-case-study__video {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}

.people-listing__person__image{
	height: 400px;	
}

@media (min-width: 768px){
body.page-id-19  .masthead__caption {
    padding-top: 150px;
}
}
.masthead__caption .h2, .masthead__caption h2, .masthead__caption h2 p{
	font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.425;
}

a.grid-item{ text-decoration: none; transition: all 0.3s ease }
a.grid-item:hover{ transform: scale(0.98); }

.details .text-wrapper .label-text {
    margin-top: 16px;
    display: block;
    max-width: 100%;
    max-height: 40px;
	height: 43px;
    overflow: hidden;
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 35px;
}

.btn-menu {
    float: right;
    background-color: transparent;
    border: 1px solid #fff;
    letter-spacing: .1em;
    margin: 36px -126px 0;
	color:#fff;
}

.header--scrolled .btn-menu { margin: 36px -168px 0 }

button.close{
	background: url(https://stablepharma.com/wp-content/uploads/2021/11/close.png) no-repeat;
	width: 34px;
    height: 30px;
}

.wpcf7-form .col-md-6, .wpcf7-form .col-md-12{ margin-bottom:10px;}
.wpcf7-submit{ display: block; margin: 35px auto 0 auto; }
.wpcf7-form .col-md-12 textarea{ height: 147px; }

.wpcf7-form input[type=text], .wpcf7-form input[type=email]{
	border-radius: 0;
	height:auto;
	border: none;
    padding: 3px 10px;
}

button.close i{ display: none; }

.masthead--banner {
    padding-top: 75px;
    background: url(https://stablepharma.com/wp-content/uploads/2021/11/banner-5af9ffcd71f4ffa9230e0843fb878ef1.jpg) no-repeat;
    background-size: cover;
}

.nav-links{ padding: 15px; }

.g-recaptcha-response{ display: none; }

.scrolling-marquee__text {
    animation: marquee 13s linear infinite;
}

.mobmenur-container{
	color: #fff;
    border: 1px #fff solid;
    padding: 2px 10px;
    border-radius: 20px;
	height: 30px;
	margin-top: 0;
}

.mobmenur-container i{ display: none; }

.right-menu-icon-text{ color: #fff; }

.header .logo img {
    width: 160px;
	margin-left: -15px;
}

h2.mapsep {
    padding: 100px 0 25px 0;
    text-align: center;
}

.wp-video{
	margin: 0 auto 10px;
}

.testimonial-slider {
    background-color: #ecf7ff;
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0)
    }

    to {
        opacity: 1;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall
}

@keyframes fadeInLeftSmall2 {
    0% {
        opacity: 0;
        transform: translate3d(-200px,0,0);
        -ms-transform: translate3d(-200px,0,0);
        -webkit-transform: translate3d(-200px,0,0);
        -moz-transform: translate3d(-200px,0,0);
        -o-transform: translate3d(-200px,0,0)
    }

    to {
        opacity: 1;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none
    }
}

.fadeInLeftSmall2 {
    -webkit-animation-name: fadeInLeftSmall2;
    animation-name: fadeInLeftSmall2
}

@keyframes fadeInSmall {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeInSmall {
    -webkit-animation-name: fadeInSmall;
    animation-name: fadeInSmall
}

#copycols{
	margin-bottom: 40px;	
}

#copycols .col-lg-4{
	text-align: justify;
	font-size: 16px;
}

body.home .masthead__caption{ text-align: center; }
body.home #p1, body.home #p2, body.home #p3, #s1, #s2{ display: none; }



h2#quote{ 
	padding: 40px 100px; 
	position: relative;
}

h2#quote:before,
h2#quote:after {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  font-size: 3em;
	font-family: georgia;
  top: .2em;
  position: absolute;
}

h2#quote:before {
  content: open-quote;
	top: -14px;
    left: 22px;
}

h2#quote:after {
    content: close-quote;
    right: 19px;
    top: 72px;
}

.logo-bar__logo-holder img:hover {
    transform: scale(1.2);
}

.usp__title {
    color: #308bcb;
    margin: 30px 0 20px;
    font-size: 20px;
    height: 30px;
}

.desktoponly{ display: block; }

.otherpubs { 
	padding: 50px 0; 
}

.page-template-page-publications .minus40{
	margin-bottom: -39px;	
}

.otherpubs h2 {
    text-align: center;
    padding: 20px;
    margin: 40px;
    font-size: 31px;
    line-height: 35px;
    font-weight: bold;
}

.otherpubs .pub{ 
	border-bottom: 1px #eee solid; 
	padding: 20px;
}

.otherpubs a{ 
	text-align: left;
    display: inherit;
    color: #01abbb;
    line-height: 36px;
    font-weight: 600;
}

span.dt{
	color: #999;
    text-transform: uppercase;
}

.pubt{
	font-size: 31px;
    line-height: 38px;
}

.dlbtn{
	color: #fff !important;
    width: fit-content;
    padding: 4px 30px;
}

.dlbtn:hover{
	color: #01abbb !important;
}

.mainimgcnt{ margin-top: -40px; }

#men{
	max-width: 560px;
	float: right
}

#men li{ 
	position: relative;
    width: fit-content;
    list-style: none;
    text-align: left;
    float: left;
	padding:0 6px;
}

#men li ul{ 
	display: block;
	position: absolute;
	left: 0;
	background: #094268;
	display: none;
}

#men li:hover ul{ 
	display: block;
}

.topban{ padding-bottom: 0; }

.submen {
    padding: 0;
}

/*
.blog-item {
    width: 50%;
    display: inline-block;
    float: left;
	position: relative;
	transition: all 0.3s ease;
} */

.blog-item {
    width: 47%;
    display: inline-block;
	position: relative;
	transition: all 0.3s ease;
	margin-bottom: 30px;
	float:left;
    border-radius: 5px;
} 

.toprightposts .blog-item {
	width: 33.33%;
}

.firstpost .blog-item{
	width: 100%;
	margin-left: 0 !important;
}


.blog-item img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.blog-item img.bi {
    width: 100%;
    height: auto;
    max-height: 385px;
    object-fit: cover;
	    border-radius: 4px;
}

.blog-item-inner {
	background: #fff;
	border-radius: 5px;
}

.toprightposts .blog-item-inner {
	background: transparent;
	border-radius: 5px;
}

div.time {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 12px;
    color: #03A9F4;
    padding: 4px 10px;
    max-width: 220px;
    border-radius: 5px;
	background: #e8eef6;
}

div.time svg{
	fill: #03A9F4;
	margin-right: 5px;
}

.blog-item-inner .overlay{
	/* background-color: rgb(240 248 255 / 85%); */
	padding: 0px;
	height: 462px;
	color: #fff;
}

.toprightposts .blog-item-inner .overlay {
    padding: 0 10px;
}

.toprightposts .blog-item img.bi {
    width: 100%;
    height: 140px;
	max-height: 140px;
}
.blog-item-inner.border {
	border: 1px #eee solid;
	padding: 10px;
}

.blog-item h2 a{
	font-size: 22px;
    display: block;
	    color: #094268;
    height: 80px;
    font-weight: bold;
	padding-top:30px;
	    margin-bottom: 50px;
}

.toprightposts .blog-item h2 a,
.bottomblogs .blog-item h2 a{
    color: #094268;
}

.readmore{ margin-top:30px; }

.bottomblogs .blog-item {
	width: 31%;
    margin: 10px;
}

.bottomblogs .blog-item-inner .overlay {
	background-color: #fff;
	height: 100px;
	position: relative;
}

.bottomblogs {
    margin-top: 60px;
}

.bottomblogs .blog-item img.bi {
    width: 80px;
    height: 80px;
	float:left;
	margin-right:20px;
}

.bottomblogs .blog-item h2 a{
	padding-top: 0;
    position: absolute;
    width: 192px;
    left: 100px;
    /* top: 50%;
    transform: translateY(-50%); */
    height: auto;
	font-size: 18px;
}

p.btb{ 
	padding: 40px;
	text-align: center;
}

.blog-widget-area{ 
    margin-bottom: 80px;
    margin-top: 20px;
}

.widgetarea .col-md-6{
	padding: 20px; 
}

.widgetarea .btn{
    background: #094268;
    border-color: #094268;
    margin-top: 25px;
}

.widgetarea h2 {
    font-size: 26px;
    font-weight: bold;
}

body.single-blogs .footer__inner{ display: none; }
body.single-blogs .header--scrolled,
body.page-id-1825 .header--scrolled{ background-color: #ff5100; }
body.single-blogs .masthead--banner,
body.page-id-1825 .masthead--banner{ background: #ff5100; }

.textandimg{ margin: 40px 0; }
.textandimg .tiright{ position:relative; }
.textandimg .tiright div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-style: italic;
    color: #062c46;
}

.textandimg img{ max-width: 100%; }

#cw {
    height: 90px;
    zoom: 0.6;
    margin: 0 auto;
    display: flex;
}

.news-article img{
	width: 100%;
    height: auto;
}

.logo-bar__logo-holder img { mix-blend-mode: multiply; }

p#eutext {
    width: 300px;
    float: right;
    margin-top: -143px;
    margin-right: 40px;
}

@supports (-webkit-touch-callout: none) { //iPhone specific
  .mobmenur-container { margin-top: 35px; }
}

@media (min-width: 768px){
	.logo-bar__logo-holder { height: 141px; }
	.twocol{ column-count: 2 }
}

@media (min-width: 768px)
.masthead__caption {
    padding-top: 200px;
}

@media only screen and (max-width: 995px) {
	p#eutext { width: 100%; float: none; margin-top: 10px; margin-right: 0; }
	.toprightposts .blog-item { width: 100%; }
	.blog-item-inner .overlay { height: auto; }
	.toprightposts .blog-item img.bi { max-height: 230px;height: 230px; }
	.bottomblogs .blog-item { width: 100%; }
	.bottomblogs .blog-item-inner .overlay { height: fit-content; }
	.wp-video { margin: 0 auto 10px; }
	.wp-video.col { display: contents; }
	.textandimg .tiright div {
    	position: relative;
    	top: auto;
    	transform: none;
		margin-top: 20px;
    	text-align: center;
	}
	.textandimg .tileft img {
	    margin: 0 auto;
	    display: block;
	}
	.blog-item { width: 100%; }
	.twocol{ column-count: 1 }
	.navbar-header button{ display: block; }
	.navbar-nav{ display: none; }
	/* .btn-menu{ display: none !important; } */
	
	.mob-menu-left-bg-holder, .mob-menu-right-bg-holder{ background: #062c46; }
	#mobmenuleft li a, #mobmenuright li a{ color: #fff !important; }
}

@media only screen and (max-width: 768px) {
	#men li { padding: 0 1px !important; }
	.desktoponly{ display: none; }
	.rocket.rocket--image-text-column h1, .rocket.rocket--image-text-column h2, .rocket.rocket--image-text-column h3, .rocket.rocket--image-text-column h4, .rocket.rocket--image-text-column h5, .rocket.rocket--image-text-column h6 {
    font-size: 24px !important;
    font-weight: bold !important;
}
	.mbottom{ margin-bottom: -30px; }
	.whitepaper-download{ margin-top: 0 }
	.minus40{ margin-top: -40px; }
	.closegap{ margin-bottom: -50px }
	body.blog .masthead--small,
	body.single .masthead--small,
	body.page-id-23 .masthead--small,
	body.page-id-31 .masthead--small,
	body.post-type-archive-careers .masthead--small{ height: 120px; }
	.anr_captcha_field{ transform: scale(0.9); margin-left: -15px; }
	#vim iframe{ max-width: 100%; }
	#wpcf7-f407-o1{ margin: 0 auto; width: fit-content; }
	form.wpcf7-form{ width: 271px; }
	.container{ width: 100%; }
	.navbar-header button{ display: block; }
	.masthead--banner {
    padding-top: 214px;
    background: url(https://stablepharma.com/wp-content/uploads/2021/11/banner-5af9ffcd71f4ffa9230e0843fb878ef1.jpg) no-repeat;
    background-size: cover;
	}
	.rocket--navigation.header-position li>a, .rocket--navigation.social-position li>a {
    padding: 6px;
    line-height: 20px;
    position: relative;
    display: block;
    text-decoration: none;
	}

	.whitepaper-download__main .col-md-5{ width: 65%; }
	.whitepaper-download__main .col-xs-4{ width: 35%; }
	.slick-current, .slick-track{ width: 100% !important; }
	.testimonial-slider .slider__item__author { font-size: 20px; }
	body.page-id-19 .form-control{ border: none; border-radius: 0; }
	.people__masthead__title{ font-size:26px; }
	body.page-id-31 .page-header__title, 
	.post-type-archive-careers .text-center,
	.single-careers h1,
	.career-detail__apply h2{ font-size: 20px !important;font-weight: 600 !important; }
	
	.header--scrolled .navbar{ min-height: 90px; }
	
	/* .navbar-header {
    position: relative;
    width: 100%;
	} */
	
	section.breakout .form-group {
    	width: 100%;
    	margin-left: -58px;
	}
	
	.grid-item-image{ background-size: cover !important;}
	
	.usp__title { margin: 10px 0 0px; }
	
	#vim iframe{ margin-top: -60px; margin-bottom: -65px; }
	
	.navbar-nav{
		top: 94px;
    position: fixed;
    background: #094268;
    margin-left: -31px;
    text-align: center;
    padding-left: 30px;
	}
	
	.mob-menu-left-bg-holder, .mob-menu-right-bg-holder{ background: #062c46; }
	#mobmenuleft li a, #mobmenuright li a{ color: #fff !important; }
	.mobmenu-left-bt{
		right: -263px;
		position: absolute;
		border: 1px #fff solid;
		border-radius: 5px;
		top: 25px;
	}
	
	.btn-menu{ display: none !important; }
	
	.header .logo img {
    	margin-left: -30px;
		margin-top: 40px;
	}
	
	footer .col-md-pull-3{ margin-left: -20px; }
	
	
	#logocont { display: block !important; }
	
	.logo-bar__logo-holder {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 10px;
    width: 50%;
    float: left;
    height: 120px;
    margin-bottom: 37px;
    /* background: red; */
	}
	
	body.home .masthead--banner{
		height: 700px;
    	overflow: hidden;
    	background-size: 150% 700px;
	}
}