/*
Theme Name:Courtyard
Theme URI:http://precisethemes.com/wordpress-theme/courtyard/
Author:Precise Themes
Author URI:https://precisethemes.com/
Description:Courtyard - Responsive WordPress Theme is clean, minimalistic and beautifully designed theme perfectly for Hotel and Resorts. Courtyard theme can likewise be utilized to make site for Motel, Boarding House, Guest House, Lodge, Bed and Breakfast, B&B, Hostel, Inn Hospitality Business, Restaurant, Cuisine, Cafe, and some other kind of site you can envision with effectively adaptable and easily customizable landing page. Preview Demo is available at http://demo.precisethemes.com/courtyard/
Version:1.2
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:courtyard
Tags:one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, theme-options, threaded-comments, blog, e-commerce, food-and-drink

font-family:'Ubuntu', sans-serif;font-family:'Roboto', sans-serif;
*/

/*============================ 2022-march-repricer-announcement.php ============================*/
/*------------共用------------*/
.rc_btn {
    font-size: 1.125rem;
    line-height: 1;
    margin: 10px;
    padding: 1rem 2.2rem;
	border-radius: 5px;
	display: inline-block;
}
.rc_btn_White {
    color: #43a3f4;
    background: #fff;
}
.rc_btn_White:hover{
    color: #999;
    background: #ddd;
}

.feb-vid p,
.feb-march p{ font-size: 18px;}

/*============================ bamner ============================*/
/*prime-banner-title*/
.bg-header.prime-launch_bg {
	background-color:#09a4e6;
	background-image: url(images/prime_banner02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto;
}
.prime-banner-title {
    width: 68%;
    display: inline-block;
    vertical-align: middle;
    padding: 130px 50px 15px 50px;
    background-image: url(images/prime_banner01.png);
    background-repeat: no-repeat;
    background-position: right 29% top 0;
    background-size: 35%;
	margin: 20px 0 100px 0;
}
.prime-banner-title div{
	font-weight:bold;
}
.prime-banner-title div:nth-child(1) {
	text-align: left;
}
.prime-banner-title div:nth-child(1) span{
	color: #00477d;
	background: #00f4c4;
	font-size: 2rem;
	padding: 5px 30px;
}
.prime-banner-title div:nth-child(2) span{
    color: #fff;
    background: #00477d;
    font-size: 5rem;
    padding: 5px 30px;
    width: 90%;
    display: inline-block;
}
.prime-banner-title div:nth-child(3) {
	text-align: right;
}
.prime-banner-title div:nth-child(3) span{
	color: #fff;
	background: #e73e77;
	font-size: 2rem;
	padding: 5px 30px;
}
/*prime-banner-vid*/
.prime-banner-vid {
    width: 27%;
    display: inline-block;
    border: 8px solid #0169ac;
    border-radius: 8px;
    vertical-align: middle;
    position: relative;
    padding-bottom: 12.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.prime-banner-vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
html{
	scroll-padding-top: 85px; /* height of sticky header */
}
/**/
.bg-header.prime-launch_bg .banner .advantage{
    padding: 20px 0;
    background: rgba(255,255,255,0.8);
    margin: 60px 0 0 0;
    color: #606060;
}
.bg-header.prime-launch_bg .banner .advantage li{
    font-size: 18px;
    display: inline;
	font-weight: bold;
}
.bg-header.prime-launch_bg .banner .advantage li:not(:last-child)::after{
    content: "\2022";
	color: #b7b7b7;
	padding: 0 5%;
}
/*------------bamner-RWD------------*/ 
@media screen and (max-width:1380px){
	.prime-banner-title {
		background-position: right 25% top 12px;
		background-size: 39%;
	}
	.prime-banner-title div:nth-child(2) span{
		font-size: 4rem;
	}
}
@media screen and (max-width:1200px){
	.prime-banner-title {
		padding: 130px 25px 15px 25px;
		background-position: right 16% bottom 125px;
		background-size: 39%;
	}
}
@media screen and (max-width:1070px){
	.prime-banner-title {
		padding: 130px 15px 15px 15px;
		background-position: right 16% bottom 100px;
		background-size: 45%;
	}
	.prime-banner-title div:nth-child(2) span{
		font-size: 3rem;
	}
}
@media screen and (max-width:1030px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:997px){
}
@media screen and (max-width:890px){
	.prime-banner-title {
		width: 100%;
		display: block;
		background-position: center top;
		padding: 223px 0px 15px 0px;
		background-size: auto;
		margin: 20px 0 40px 0;
	}
	.prime-banner-title div:nth-child(1),
	.prime-banner-title div:nth-child(2),
	.prime-banner-title div:nth-child(3) {
		text-align: center;
	}
	.prime-banner-title div:nth-child(1) span {
		display: block;
		width: 95%;
		margin: 0 auto;
	}
	.prime-banner-title div:nth-child(2) span {
		font-size: 2.5rem;
		width: 100%;
		padding: 5px 10px;
	}
	.prime-banner-title div:nth-child(3) span {
		display: block;
		font-size: 1.5rem;
		width: 85%;
		margin: 0 auto;
	}
	.prime-banner-vid {
		width: 90%;
		display: block;
		margin: 30px auto 0 auto;
		padding-bottom: 56.25%;
		padding-top: 30px;
	}
	.bg-header.prime-launch_bg .banner .advantage li {
		font-size: 14px;
	}
}
/*============================ prime-march ============================*/
.prime-sin-btn {
    text-align: center;
    margin: 40px 0px 40px 0;
}
.prime-sin-btn a {
    background: #00f4c4;
	font-size: 2rem;
	color: #23305a;
    padding: 10px 30px;
    border-radius: 10px;
    font-weight: bold;
}
.prime-sin-btn a:hover {
    background: #1d7261;
	color: #00192c;
}
.prime-sin-con {
    width: 70%;
    margin: 0 auto 40px auto;
	text-align: left;
}
/*------------prime-march------------*/
.prime-march {
	background: url(images/prime_march_bg01.png) center top no-repeat #4ad3fd;;
	background-size: contain;
}
.prime-march-title {
    text-align: center;
	margin: 0 0 40px 0;
}
.prime-coupon-title{
	margin: 30px 0 0 0;
	font-weight: bold;
}
.prime-coupon{
	color:#595959;
}
.prime-coupon span{
	color:#ff285f;
	font-weight: bold;
}
.prime-march-title .img-responsive{
	max-width: 45%;
}
.prime-march-title img,
.prime-march .col-sm-4 img{
    margin: 0 auto;
}
.prime-march .prime-treasure{
	width: 60%;
	margin: 0 auto;
}	
.prime-march .col-sm-4{
    text-align: center;
}

/*------------rc-submit_email------------*/
.feb-title-con {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    padding-top: 7px;
    font-weight: normal;
    line-height: 1.7;
}
.rc-submit_email {
	width: 50%;
	margin: 0 auto;
}
.rc-submit_email .modver_code {
	margin: 20px 0;
}
.rc-submit_email .modver_btn #submit {
	width: 100%;
}
.rc-submit_email #modver_img,
.rc-submit_email .modver_icon {
	display: inline-block;
}
.rc-submit_email #modver_img {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 20%;
    height: 50px;
    background: #fff;
}
.rc-submit_email .modver_icon {
    font-size: 24px;
    padding: 0 15px;
    vertical-align: middle;
    cursor: pointer;
}

/*------------Get Exclusive Perks------------*/
.joiningbq {
	margin: 0 0 0 10px;
}
/*------------prime-march-RWD------------*/ 
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1030px){

}
@media screen and (max-width:960px){

}
@media screen and (max-width:997px){

}
@media screen and (max-width:890px){

	.bg-header.rc-launch_bg .banner .advantage li {
		font-size: 14px;
	}
	.prime-march-title .img-responsive {
		max-width: 100%;
	}
	.prime-march .prime-treasure {
		width: 75%;
	}
	.prime-sin-con {
		width: 90%;
	}
	/*------------feb-vid------------*/
	.feb-vid-btn {
		margin: 10px 0 40px 0;
	}
	.feb-vid-btn a {
		font-size: 1.2rem;
	}
	#feb-waitlist-btn {
		font-size: 1rem;
	}
	.feb-vid .container {
		width: 95%;
	}
	/*------------feb-march------------*/
	.feb-march .col-sm-4{
		width: 100%;
	}
	/*------------rc-submit_email------------*/
	.rc-submit_email {
		width: 80%;
	}
	.rc-submit_email #modver_img {
		width: 85%;
	}
}

/*============================ prime-foot ============================*/
.prime-foot {
	background: url(images/prime_foot_bg02.png) center bottom no-repeat #4ad3fd;;
	background-size: contain;
	padding: 20px 0 160px 0;
}
/*------------prime-march-RWD------------*/ 
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1030px){

}
@media screen and (max-width:960px){

}
@media screen and (max-width:997px){

}
@media screen and (max-width:890px){
	.prime-foot {
		padding: 20px 0 80px 0;
	}
}