@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');

/*
$color-orange: #ff9303;
$color-lt-orange: #fff3e4;
$color-lt-orange: #fff5e5;
$color-salmon: #fe7f5a;
$color-lt-salmon: #ffe4dd;
$color-gray: #515151;
$color-lt-gray: #9b9b9b;
*/

/* global */
*, body{
	font-family: 'Montserrat', sans-serif;
	color: #515151;
	letter-spacing: 0.1em;
	font-size: 14px;
}
sup {
	font-size: 0.5em;
    color: inherit;	
	vertical-align: super;
	top:-2px;
}
a{ color: #fe7f5a; }
a:hover { color: #fe7f5a; text-decoration: none;}
@media (min-width: 1300px) {
	.container {
		max-width: 1300px;
		width: 1300px;
	}

}

/* Nav */
.nav-item { 
	font-size: 12pt; 
	color: #515151; 
}

.orbera-logo { width: 185px; }

@media (min-width: 1000px) {
	.one-word-per-line {
		word-spacing: 400px; 
	} 
	.nav-link{
	   width: min-intrinsic;
	   width: -webkit-min-content;
	   width: -moz-min-content;
	   width: min-content;
	   display: table-caption;
	   display: -ms-grid;
	   -ms-grid-columns: min-content;
	}
}
/*
.dropdown:hover > .dropdown-menu {
    display: block;
}
*/
.dropdown .dropdown-menu {	
	transition: all 0.5s;
	overflow: hidden;
	transform-origin: top center;
	transform: scale(1,0);
	display: block;
	top:62px
}

.dropdown:hover .dropdown-menu {
	transform: scale(1);
}


.dropdown > .dropdown-toggle:active {
   /* pointer-events: none;   // Add this, to prevent clicking dropdown's default click function */
   pointer-events: auto;
}

.dropdown-toggle::after {
	display:none;
}

.navbar-light .navbar-nav .nav-link { 
	line-height:1.25; 
	color: #9b9b9b;
	font-size: 16px;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: rgba(254, 127, 90, 1);
	color: white;
}

a.page-button {
	width: 220px;
}
a.btn-salmon, input.btn-salmon {
	background-color: #fe7f5a;
	border-radius: 1.25rem;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	border: 2px solid #fe7f5a;
}
a.btn-salmon:focus, 
a.btn-salmon:hover,
input.btn-salmon:focus, 
input.btn-salmon:hover {
	background-color: white;
	color: #fe7f5a;
	border: 2px solid #fe7f5a;
}

a.btn-white {
	border: 2px solid #fe7f5a;
	border-radius: 1.25rem;
	color: #fe7f5a;
    background-color: white;
	font-weight: 600;
	text-transform: uppercase;
}
a.btn-white:focus, a.btn-white:hover {
	background-color: #fe7f5a;
	color: white;
}

 /* Heros */
.orange-gradient { background: linear-gradient(rgba(255,244,230 ,1), rgba(255,211,190,1)); }
.dark-orange-gradient { background: linear-gradient(rgba(255,179,65 ,1), rgba(254,149,80,1)); }
#home-info-news { background-color: #ededed; }

h1.main-headline {
	font-size: 38px;
	color: #fe7f5a;
	font-weight: normal;
	letter-spacing: 0.05em;
}
h2.second-head {
	font-size: 32px;
	color: #fe7f5a;
	font-weight: normal;
	letter-spacing: 0.1em	
}
h3.third-head { 
	font-size: 24px; 
	color: #fe7f5a;
	font-weight: normal;
	letter-spacing: 0.1em		
}
h4.fourth-head { 
	font-size: 20px; 
	color: #fe7f5a;
	font-weight: normal;
	letter-spacing: 0.1em		
}
h5.fifth-head { 
	font-size: 16px; 	
	color: #fe7f5a;
	font-weight: normal;	
	letter-spacing: 0.1em;		
}
h6.sixth-head { 
	font-size: 14px; 	
	color: #fe7f5a;
	font-weight: normal;	
	letter-spacing: 0.1em;		
}
h6 { line-height:1.5; }



/* background colors */
.orange-bg { background-color: #ff9303; }
.orange-bg h2 { font-size: 18pt; text-transform: uppercase; }
.lt-orange-bg { background-color: #fff3e4; }
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.color-salmon { color: #fe7f5a; }

ul.salmon-dot { margin-left:-10px;}
ul.salmon-dot li { font-size: 16px; font-weight: 600; color: #fe7f5a; }

.line-btw {
	height: 2px;
	background-color: #fe7f5a;
	top:30px;
}
.border-bottom-salmon { border-bottom: 2px solid #fe7f5a; }

.small-font { font-size: 8pt; }
.smaller-font { font-size: 10pt; }


.fa-stack { min-width: 2em; }
.circle-num { font-size: .7em; margin-left: -2px; }

/*******************************************************************************/
/* carousel */
/*******************************************************************************/
#myCarouselIndicators > li {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fe7f5a;
}
#myCarouselIndicators {
	position: relative; 
	bottom: -20px;
}
.carousel-inner .carousel-item.active, 
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

.carousel-inner .carousel-item-right.active, 
.carousel-inner .carousel-item-next
{
	transform: translateX(33%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev
{
	transform: translateX(-33%);
}

.carousel-inner .carousel-item-right, 
.carousel-inner .carousel-item-left
{
	transform: translateX(0);
}

.carousel-control-next-icon {
	background-image: url("../images/next.png");
}

.carousel-control-prev-icon {
	background-image: url("../images/prev.png");
}

a.carousel-control-next, a.carousel-control-prev {
	opacity: 1;
	min-width: 15px;
}
/* end carousel*/



/* footer */
.foot-card {
	background-color: #fe7f5a; 
	color: #fff;
}
.foot-card h4 { font-weight: 700;}
.foot-card p, .foot-card i { color: #fff; font-size: 16px;}
.foot-card-link i { font-size: 60px; }

#important-safety-info { font-size: 9pt; }
ul.isi li { color: #fe7f5a; padding-bottom: 1rem; font-size: 12px;}

.foot-nav { 
	font-size: 10pt; 
	font-weight: 700; 
	color: #fe7f5a; 
	text-transform: uppercase; 
	text-decoration:none; 
}
.foot-nav:hover { 
	color: orange; 
	text-decoration: none; 
}
.foot-sec-nav {	
	font-size: 9pt; 
	color: rgba(0,0,0,0.8); 
	font-weight: 700; 
}
.foot-sec-nav:hover { 
	color: #515151;
	text-decoration: none 
}

.copyline { font-size: 9pt; }

#references { overflow:hidden; }

/**************************************************************/
/* concierge form */
/**************************************************************/
.phy-detail {
    margin: 0 auto;
    width: 90% !important;
    border: none;
}
.phy-detail th {
    background-color: #f69630;
    border: 1px solid #f69630;
    padding: 10px 0;
	color: #fff;	
}
.phy-detail th h4 {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    height: auto;
    line-height: 1.5;
    text-transform: uppercase;
}
.phy-detail tbody {
    background-color: #eee;
}
.phy-detail .input-wrapper label {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:0;
}

#FAS-Results { width:auto!important;}

ol.fas-ordered-list {
  counter-reset: list;
}
ol.fas-ordered-list > li {
  list-style: none;
}
ol.fas-ordered-list > li:before {
  content: counter(list, decimal) ") ";
  counter-increment: list;
}
.underlined {
	padding-bottom:5px;
	border-bottom: 2px solid #fe7f5a;
}

#list-legend ul li.premier {
    list-style: none;
    background: url(../images/icon-orbera-premier.png) no-repeat 0 0;
    padding: 7px 25px 7px 37px;
}
#list-legend ul li.coach {
    list-style: none;
    background: url(../images/icon-orbera-coach.png) no-repeat 0 0;
    padding: 7px 25px 7px 37px;
}
#form-instructions { width: 90%; margin: 0 auto; }

.phy-detail td {
    vertical-align: top;
    font-size: 16px;
    text-align: left;
    border-top: 0;
	padding: 6px 24px;
}

.phy-detail .input-wrapper { padding: 10px 0;}

.phy-detail input {
	border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    width: auto;
}
.phy-detail .input-wrapper input {
	width: 50%;
}
.phy-detail input[type="submit"] {
    font-weight: 400;
    font-size: 15px;
    padding: 15px 65px;
    border-radius: 0;
    background: #91c5e8;
    border: 0;
    color: #fff;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.wistia-container {padding:56.25% 0 0 0;position:relative;}

@media (max-width: 768px) {
	.phy-detail {
		width: auto !important;
	}
	.phy-detail .input-wrapper input {
		width: 100%;
		width: -moz-available;          /* WebKit-based browsers will ignore this. */
		width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
		width: fill-available;
	}
	.phy-detail td {
		padding: 6px 4px;
	}
	
}
/* recaptcha mobile */
@media screen and (max-height: 575px){
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/**************************************************************/
/***** end concierge styleing overrides ******************/
/**************************************************************/