/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.input-group-text {
    width: 170px;
    height: 50px;
    font-size: 17px;
}
.custom-select {
    width: 100px;
    height: 50px;
    font-size: 17px;
}
.card-header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.card-footer {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ideal-weight-widget input[type=text] {
    height: 50px;
    font-size: 17px;
}
.ideal-weight-widget input[type=email] {
    height: 39.5px;
    font-size: 17px;
}
.btn {
    font-size: 14px;
}
.slidePoweredBy {
  width: 34px;
  height: 33px;
  background: #007bff;
  -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
  transition: width 0.5s;
  border-radius: 25px;
  white-space:nowrap;
  overflow:hidden;
  float: left;
}
.slidePoweredBy h5 {
    font-size: 15px;
    margin: 4px;
    text-align: center;
    color: white;
}
.slidePoweredBy span {
    font-size: 26px;
}
.slidePoweredBy:hover {
  width: 100%;
}
.idealWeightForm input[type=text] {
	height: 40px;
}
.idealWeightForm input[type=submit] {
	height: 67px;
}
.g-recaptcha {
    transform:scale(0.90);
    transform-origin:0 0;
}
@element ".ideal-weight-widget" and (max-width: 435px) {
	* {
        font-size: 11px;
    }
    .card * {
    	font-size: 11px;
    }
    .card-header {
    	padding-top: 10px;
    }
    .input-group-text {
	    width: 110px;
	    height: 30px;
	}
	.ideal-weight-widget input[type=text] {
	    height: 30px;
	    font-size: 11px;
	}
	.custom-select {
	    width: 50px;
	    height: 30px;
	}
	.slidePoweredBy {
	    width: 22px;
	    height: 22px;
	}
	.slidePoweredBy h5 {
		margin: 1px;
		font-size: 13px;
	}
	.slidePoweredBy span {
		font-size: 20px;
	}
	#next_button_ideal_weight_one{
		min-width: 50px;
	}
	#next_button_ideal_weight_two{
		min-width: 50px;
	}
	#next_button_body_fat_one{
		min-width: 50px;
	}
	#next_button_body_fat_two{
		min-width: 50px;
	}
	#sidebar * {
		font-size: 1.35rem;
	}
	#sidebar #nav-tab-full * {
		font-size: 1.25rem;
	}
	#sidebar .shareButtonsRow * {
		font-size: 1.20rem;
	}
	#sidebar .shareButtonsRowBodyFat * {
		font-size: 1.20rem;
	}
	#sidebar .input-group-text {
		width: 130px;
	}
	#sidebar .custom-select * {
		font-size: 1.30rem;
	}
	#sidebar .custom-select {
		padding-left: 5px;
	}
	#sidebar .slidePoweredBy span {
		font-size: 2rem;
	}
	#sidebar .idealweight_embed {
		min-width: 110px;
	    font-size: x-small;
	    color: white;
	    margin-left: -64px;
	}
	#sidebar .bodyfat_embed {
		min-width: 110px;
	    font-size: x-small;
	    color: white;
	    margin-left: -64px;
	}
	#sidebar .idealWeightForm input {
		height: 30px;
		font-size: 11px;
	}
	#sidebar .bodyFatForm input {
		height: 30px;
		font-size: 11px;
	}
	#sidebar #submit {
		min-width: 50px;
	}
	#sidebar .ideal-weight-widget input[type=email] {
	    height: 28px;
	    font-size: 1.35rem;
	}
	#sidebar .g-recaptcha {
	    transform: scale(0.40);
	    transform-origin: 0 0;
	}
	#sidebar input[type=submit] {
	    min-width: 50px;
	    height: 30px;
	}
	#sidebar .idealWeightForm .row {
		height: 30px;
	}
	#sidebar .bodyFatForm .row {
		height: 30px;
	}
	#sidebar #sendEmailRowBodyFat #submitBodyFat {
		min-width: 50px;
	}
}
@media only screen and (max-device-width: 600px) { 
    .ideal-weight-widget * {
        font-size: 13px;
    }
    #share_button {
        font-size: 10px;
    }
    #email_button {
        font-size: 10px;
    }
    #email_address {
        font-size: 10px;
    }
    #submit {
        font-size: 10px;
    }
    .input-group-text {
        width: 100px;
        padding: 2px;
    }
    .custom-select {
        width: 70px;
        padding: 0.375rem 0.75rem .375rem .55rem;
    }
    #next_button_ideal_weight_one {
    	min-width: auto;
    }
    .ideal-weight-widget input[type=email] {
	    height: 30px;
	}
}