/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
   /* Checkout page Refer friend Widget */
.widget_st_refer_friend_widget {
    text-align: center;
    box-shadow: 0px 0px 5px 1px #dbdbdb;
    border: 0px;
	  padding: 15px !important;
}
#refer-friend-wrap .button.refer-btn {
    width: 100%;
    border-radius: 4px;
    height: auto !important;
    background: #022B3A;
    text-transform: capitalize;
    font-size: 15px;
	margin-bottom: 7px;
}
#refer-friend-wrap .or-seperator {
    margin-bottom: 5px;
	color: #3a3a3ad1;
}
#refer-friend-wrap .button.refer-btn:hover {
    background: #1F7A8C !important;
}
#refer-friend-wrap .button.refer-btn .fas {
    margin-right: 10px;
}
#refer-friend-wrap .refer-a-friend-pinfo {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#refer-friend-wrap .refer-a-friend-flinks {
    font-size: 13px;
}
#refer-friend-wrap .rf-title-wrap {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
}
#refer-friend-wrap .rf-email:focus,
#refer-friend-wrap .rf-msg:focus{
    box-shadow: 0px 0px 0px !important;
}
#refer-friend-wrap .rf-email,
#refer-friend-wrap .rf-msg {
    height: 38px !important;
    width: 100%;
border-radius: 4px 0px 0px 4px !important;
    font-size: 15px;
    margin-bottom: 7px !important;
    border-right: 0px !important;
}
#refer-friend-wrap #rfemail, #refer-friend-wrap #rfmsg {
    display: flex;
}
#refer-friend-wrap .rf-email-smbt, #refer-friend-wrap .rf-msg-smbt {
    height: 38px !important;
    border-radius: 0px 4px 4px 0px !important;
    font-size: 13px;
    margin-bottom: 7px !important;
    line-height: normal !important;
    font-weight: 500 !important;
    padding: 10px;
    min-width: 65px;
}
#refer-friend-wrap .rf-sucess-msg {
    color: #11a938;
    border: 1px solid #11a938;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 7px !important;
    padding: 7px;
	line-height: 18px;
}
#refer-friend-wrap .rf-fail-msg {
    color: #bf1313;
    border: 1px solid #bf1313;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 7px !important;
    padding: 7px;
	line-height: 18px;
}
#refer-friend-wrap .rf-sucess-msg .fas,
#refer-friend-wrap .rf-fail-msg .fas {
    margin-right: 5px;
}
#refer-friend-wrap .refer-cover-img {
    margin-bottom: -20px;
}
.refer-friend-cc-wrap {
    color: #3a3a3a;
    background: #ffffff;
    padding: 9px 0px;
    text-align: center;
    border: 1px solid #3a3a3a;
    border-style: dashed;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
}
.refer-friend-cc-inner {
    padding: 10px 25px;
}
.refer-friend-cc-wrap:hover {
    box-shadow: 0px 0px 5px 2px #fe6b283b;
}
.rf-sucess-code-msg {
    letter-spacing: 0px !important;
}
.refer-friend-cc-inner .far  {
    margin-right: 5px;
}
.refer-friend-cc-inner .fas  {
    margin-right: 5px;
}
.refer-friend-short-code {
    text-align: center;
    box-shadow: 0px 0px 5px 1px #dbdbdb;
    border: 0px;
    padding: 15px !important;
}
.refer-friend-short-code .refer-cover-img {
    background: #fdeadc;
}

@media(min-width:769px) {
	.refer-friend-short-code .first-col-md-ctm,
	.refer-friend-short-code .second-col-md-ctm,
	.refer-friend-short-code .third-col-md-ctm {
		display: inline-block;
		vertical-align: middle;
	}
	.refer-friend-short-code .first-col-md-ctm {
		width: 40%;
	}
	.refer-friend-short-code .second-col-md-ctm {
		width: 15%;
	}
	.refer-friend-short-code .third-col-md-ctm {
		width: 40%;
	}
	.refer-friend-short-code .rf-title-wrap {
		margin-bottom: 20px !important;
	}
	.refer-friend-short-code .refer-a-friend-pinfo {
		margin-top: 20px !important;
	}
	.refer-friend-short-code .refer-friend-cc-wrap {
		padding: 10px 20px;
	}
}


/**** Thank you refer widget 2 ****/
.checkout-refer-friend-widget-2 #inner-rb-wapper-check-in {
	margin-bottom: 0px !important;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap {
	display: grid;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap .widget {
    margin: 0px;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap .widget_st_refer_friend_widget {
	box-shadow: none;
}
.checkout-refer-friend-widget-2 {
    border: 1px solid rgba(0,0,0,.1);
    margin: 20px 0px;
    border-radius: 3px;
}
.checkout-refer-friend-widget-2 .refer-a-friend-wrap {
    width: 100%;
	background: #fdeadc;
}
.refer-a-friend-wrap-column-1 {
    background: #fdeadc;
    padding: 10px 10px 20px 10px;
    text-align: center;
}
.refer-a-friend-wrap-column-2 {
    background: #ffffff;
    padding: 20px;
    text-align: center;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap .rf-sucess-msg,
.checkout-refer-friend-widget-2 #refer-friend-wrap .rf-fail-msg {
    height: 38px !important;
    line-height: 22px !important;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap .refer-a-friend-pinfo {
    font-size: 12px !important;
}
.checkout-refer-friend-widget-2 #refer-friend-wrap .or-seperator {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
@media(max-width:768px) {
	.checkout-refer-friend-widget-2 .refer-a-friend-wrap {
		display: block;
	}
	.refer-a-friend-wrap-column-1,
	.refer-a-friend-wrap-column-2 {
		width: 100%;
	}
}