/*
Theme Name: Anniversary
Author: ThaiPBS Puriphanr
Author URI: https://wordpress.org/
Version: 1.0
*/
@font-face {
    font-family: sukhumvit_bold;
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.eot);
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.eot#iefix) format("embedded-opentype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.woff2) format("woff2"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.woff) format("woff"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.ttf) format("truetype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_bold-webfont.svg#sukhumvit_setbold) format("svg");
    font-weight: normal;
}

@font-face {
    font-family: sukhumvit;
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.eot);
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.eot#iefix) format("embedded-opentype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.woff2) format("woff2"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.woff) format("woff"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.ttf) format("truetype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_medium-webfont.svg#sukhumvit_setmedium) format("svg");
    /*font-weight:400;*/
    font-style: normal;
}

@font-face {
    font-family: sukhumvit_text;
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.eot);
    src: url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.eot#iefix) format("embedded-opentype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.woff2) format("woff2"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.woff) format("woff"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.ttf) format("truetype"),
    url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/fonts/sukhumvit/sukhumvit-set_text-webfont.svg#sukhumvit_text) format("svg");
    /*font-weight:400;*/
    font-style: normal;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, a, li, span, tr, th, td, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: "Poppins", "sukhumvit";*/
    font-family: "sukhumvit";
    line-height: 1.5;
	letter-spacing:0px !important;
}
.banner{
	padding-top: 30px;
	min-height:722px;
}
#banner{
	background:url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/img/12th/header-bg_03.jpg);
	background-size: 100%;
	 background-position: top center;
}
#banner .text-desc{
	margin-top: 160px;

}
#banner .text-desc h2,#banner .text-desc h5, #banner .text-desc h6{
	color:#fff;
}
header{
	 min-height: 50px;
}
.main-header.header-tpbs {
    background: #fa5000;
}
.main-header .navbar {
    padding: inherit;
    min-height: 60px;
}
.main-header .navbar .navbar-nav li a {
    display: inline;
    padding: 1rem 1rem;
    letter-spacing: 0px;
}
.btn-home {
    font-family: sukhumvit;
    letter-spacing: 1px !important;
    font-size: 1rem !important;
    padding: 10px !important;
    background: #edc403 !important;
    color: #FA5000 !important;
    font-weight: 600 !important;
    /* min-width: inherit; */
    vertical-align: inherit;
	
}
.btn-home-box{
	margin-top:10px;
}
.bg-brown{
	background:#cb7d02;
}
#donate .text-desc h2{
	color:#fff;
	font-family:sukhumvit;
	font-size: 32px;
}
#donate .text-desc h3{
	color:#fff;
	font-family:sukhumvit;
	font-size: 26px;
	font-weight:normal;
}
#donate .text-desc h4{
	color:#fff;
	font-family:sukhumvit;
	font-size: 18px;
	font-weight:normal;
}
#donate .text-desc h1.quote{
	color:#fff;
	font-family:sukhumvit;
	font-size: 32px;

}
#gallery{
	background:url(https://www.thaipbs.or.th/12thanniversary/wp-content/themes/12th/img/12th/gallery-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
.content-block {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.banner-link{
	margin-bottom:50px;
	margin-left:40px;
	margin-top:50px;
}
.banner-link li a{
	font-size:20px;
	color:#575754;
	line-height:20px;
}
.banner-link li a:hover{
	color:#E64A22;
}
.banner-link li{
	margin-bottom:10px;
	list-style-type: disc;
    font-size:30px;
	line-height:30px;
}
.footer .footer-main {
    padding-bottom: 1rem;
}
.navbar-nav{
    margin-top:10px;
}


.text-footer {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
}
.text-orange{
	color:#e54a21;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
@media screen and (max-width: 992px) {
    #banner{
        background:none;
    }
    #banner .text-desc h2,#banner .text-desc h5, #banner .text-desc h6{
        color:black;
    }
    #banner .text-desc{
        margin-top: 40px;
        text-align:center;

    }
    .main-logo{
        width: 250px;
        margin: 0 auto;
    }
    .banner-link {
        margin-left: 227px;
        margin-bottom: 30px;
		margin-top:20px;
    }
    .btn-home {
        font-size: 0.7rem !important;
    }
    .text-footer {
        color: #FFF;
        font-size: 18px;
        margin-bottom: 20px;
    }
	.content-block {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

}
@media screen and (max-width: 767px) {
    .banner-link {
        margin-left: 50px;
       margin-top:10px;
	   margin-bottom:10px;
    }
    .btn-home {
        font-size: 0.7rem !important;
    }
    .text-footer {
        color: #FFF;
        font-size: 18px;
        margin-bottom: 20px;
    }
	#schedule h4{
			font-size:1rem;
	}
	#gallery h4{
			font-size:1rem;
	}
	.content-block {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
}

@media screen and (max-width: 320px) {
    .btn-home {
        font-size: 0.7rem !important;
    }
    .banner-link {
        margin-left: 20px;
    }
    .text-footer {
        color: #FFF;
        font-size: 18px;
        margin-bottom: 20px;
    }
}