/*
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;
*/
/*------------共用------------*/
.major-title {
    font-weight: bold;
    color: #777;
    font-size: 3rem;
    line-height: 1.2;
    padding: 30px 0 50px 0;
    margin: 0;
}
/**/
.btn-title {
    font-weight: bold;
    font-size: 2.5rem;
}
.btn-publicize {
	margin: 5px 0 85px 0;
	text-align:center;
}
.btn-ash a{
    color: #777;
    font-size: 2rem;
}
.btn-tangerine {
	margin: 0px 0 20px 0;
}
.btn-tangerine a{
    color: #fff;
    font-size: 1.5rem;
	text-align: center;
	background: #ff6600;
	border: 2px solid #db5f0d;
	border-radius: 5px;
    display: inline-block;
    padding: 5px 15px;
}
.btn-tangerine a:hover{
	background: #e64708;
}
/**/
.btn-afwhite {
	color: #fff;
}
.btn-afblue {
	margin: 0px 0 20px 0;
}
.btn-afblue a{
    color: #ffb400;
    font-size: 1.5rem;
	text-align: center;
	background: #0038a5;
	border: 2px solid #104dc2;
	border-radius: 5px;
    display: inline-block;
    padding: 5px 15px;
}
.btn-afblue a:hover{
	background: #042a74;
}
.btn-copy {
	color: #448aca;
	text-decoration:underline;
	cursor: copy;
}
.email-link {text-decoration:underline;}
/*------------banner------------*/
.af-affiliate-event {
	background: url(images/affiliate-event-bg.jpg?v1021) right bottom #58b7e8 no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 60px 0;
}
.af-affiliate-event .banner .container {
	text-align:left;
	padding: 0 30px 0 5%;
}
.af-affiliate-event .banner {
	padding: 5px 0 50px 0;
}
.caption-t1, .caption-t2 {
	color: transparent;
	font-weight:bold;
}
.caption-t1 {
	font-size:3.5rem;
	-webkit-text-stroke: 2px #00ffff;
	text-transform: uppercase;
	text-shadow:
    0 0 5px rgba(51,157,255, 0),
    0 0 10px rgba(51,157,255, 0),
    0 0 20px rgba(51,157,255, .9),
    0 0 40px rgba(51,157,255, .9);
	animation:neon-shine 2s linear infinite;
}
.caption-t2 {
	font-size:2.5rem;
	-webkit-text-stroke: 2px #fff100;
	text-transform: uppercase;
	text-shadow:
    0 0 5px rgba(255,192,0, 0),
    0 0 10px rgba(255,192,0, 0),
    0 0 20px rgba(255,192,0, .9),
    0 0 40px rgba(255,192,0, .9);
}
.af-affiliate-event .subtitle a{
	color: #121212;
	background:#ffd200;
    display: inline-block;
	padding: 15px 25px;
	margin: 50px 0 0 0;
	font-size: 1.5rem;
}
.af-affiliate-event .subtitle a:hover {
	background:#f5a700;
}
.af-affiliate-event .subtitle span{
	border-bottom: 1px solid #000;
}
/*------------影片區------------*/
.podcast_pag{ 
	width: 80%;
	margin: 0 auto 30px auto;
	text-align:center;
}
.podcast_pag img{ 
	margin: 0 auto;
	width: 75%;
}
.podcast_pag a { 
	margin: 0 auto;
	display: block;
	border: 30px solid #eaf7fe;
	border-radius: 10px;
}
/**/
.img_time {
	padding:15px;
	background:#3389c1;
	margin: 15px auto 70px auto;
    display: block;
    width: 60%;
    text-align: center;
}
.img_time img{
    width: 100%;
}
.img_time strong{
	display: block;
	margin: 15px 0;
	color: #fff;
}
/*------------Prize and Requirement------------*/
#af-prize .container {width:80%;}
#af-prize .row-table{
	display:table;
	width:100%;
	margin:0 0px
}
#af-prize .row-table .col-cell{
	display:table-cell;
	vertical-align:middle;
	padding:0 15px
}
#af-prize .row-table.row-right{direction:rtl}
#af-prize .row-table.row-right .col-cell{direction:ltr}
.pro-subtitle {
	color: #a8ffff;
	font-size: 1.2rem;
}
.col-img {
	width:55%;
}
/*------------Steps and Guidelines------------*/
#af-steps .container {width:70%;}
#af-steps h3 {font-weight: bold;text-decoration:underline;margin: 70px 0 30px 0;}
.af-rule li{
	margin: 0 0 25px 0;
	font-size: 1.2rem;
	list-style-type: none;
}
.af-rule li a{
	color: #fff;
}
.af-rule li a:hover{
	text-decoration:underline;
}
/*------------Banners and Graphics------------*/
#af-banners .container {width:86.6%;}
.af-banner-list, .af-banner-listbig{
	float: left;
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    margin: 20px 2%;
}
.af-banner-list {
    width: 46%;
}
.af-banner-img, .af-banner-size, .af-banner-share{
	float: left;
	padding: 15px;
}
.af-banner-img, .af-banner-size {
	width: 100%;
}
.af-banner-img img{
	margin: 0 auto;
}
.af-banner-share {
	width: 100%;
	border: 1px solid #b0b0b0;
	color: #3389c1;
	word-break: break-all;
	margin: 20px 0;
}
.af-banner-listbig {
	width: 96%;
}
.af-banner-listbig .af-banner-img,
.af-banner-listbig .af-banner-size{
	width: 50%;
}
/*------------BQool Customer Testimonials------------*/
#af-customer .container {width:80%;}
.row-table{
	display:table;
	width:100%;
	margin:0 0px
}
.case-studies_list {
    width: 100%;
    padding: 50px 5%;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 80px 0;
}
.vid_left {
    width: 40%;
    padding: 0 3% 0 0;
}
.vid_left h3 {
    font-weight: bold;
    margin: 30px 0 50px 0;
    color: #939394;
}
.vid_ridgt {
    width: 60%;
    position: relative;
    padding-bottom: 30.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.vid_ridgt iframe {
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*======================================================== RWD  ========================================================*/
@media screen and (max-width:1900px){
	.af-affiliate-event {
		padding: 0 0;
	}	
}
@media screen and (max-width:1200px){

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

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

}
@media screen and (max-width:997px){
	/*------------Prize and Requirement------------*/
	.row-table, .row-table.row-right,
	.bigcentral_con .row-table {
		display:block;
		width:auto;
	}
}
@media screen and (max-width:890px){
	/*------------banner------------*/
	.af-affiliate-event {
		background: url(images/affiliate-event-bg.jpg?v1021) 77% bottom #58b7e8 no-repeat;
		background-size: cover;
	}
	.caption-t1 {
		font-size: 3rem;
		width: 100%;
	}
	.caption-t2 {
		font-size: 2rem;
		width: 70%;
	}

	.af-affiliate-event .subtitle {font-size: 1rem;}
	.af-affiliate-event .subtitle a {
		margin: 140px 0 0 0;
		font-size: 1rem;
	}
	.af-affiliate-event .banner {padding: 35px 0 20px 0;}
	/*------------影片區------------*/
	.podcast_pag {
		width: 100%;
	}
	.podcast_pag a {
		border: 20px solid #eaf7fe;
	}
	.podcast_pag img{ 
		width: 100%;
	}
	/*------------Prize and Requirement------------*/
	#af-prize .container {
		width: 100%;
	}
	#af-prize .row-table .col-cell {
		display: inline-block;
	}
	#af-prize .row-table .col-img {
		width: 100%;
	}
	.img_time {
		width: 100%;
	}
	/*------------Steps and Guidelines------------*/
	#af-steps .container {width:100%;}
	/*------------Banners and Graphics------------*/
	#af-banners .container {width:100%;}
	.af-banner-list {width: 100%;}
	.af-banner-list, .af-banner-listbig {
		margin: 20px 0%;
	}
	.af-banner-listbig {
		width: 100%;
	}
	.af-banner-listbig .af-banner-img,
	.af-banner-listbig .af-banner-size{
		width: 100%;
	}
	/*------------BQool Customer Testimonials------------*/
	#af-customer .container {width: 90%;}
	.case-studies_list {
		display: inline-block;
	}
	.vid_left {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.vid_left h3 {
		margin: 5px 0 30px 0;
	}
	.vid_ridgt {
		width: 100%;
		padding-bottom: 48.25%;
	}
}