/*
 Theme Name:   12A Template
 Theme URI:    https://developer.wordpress.org/themes/advanced-topics/child-themes/
 Description:  ThanhLD Child Theme
 Author:       Luc Duc Thanh
 Author URI:   http://example.com
 Template:     thanhld
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         starter theme, framework theme, bootstrap theme, two-columns, customize
 Text Domain:  thanhld-child
*/

body {
	color: #707070; /*color 3*/
	background: url(images/bg-pattern.png);
}
h1, .heading-size-1 {
	border-left: solid 5px #23aa50; /*color 2*/
	margin-top: 0;
	text-transform: initial;
    font-size: 1.2rem;
}

a:hover {
	color: #23aa50; /*color 2*/
}
.thanhld-btn {
	font-weight: bold;
	border-radius: 100px;
}
.thanhld-btn:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.thanhld-btn-container {
	color: #707070;
	background: #fff;
	border: solid 2px #23aa50; /*color 2*/;
}
.thanhld-btn-container:hover {
	background: #def2e5;
}
.thanhld-btn-outline {
	border: solid 2px #23aa50; /*color 2*/;
}
.thanhld-btn-light {
	color: #fff;
}

/*HEADER*/
.top-banner {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.top-banner img {
	width: 100%;
}
header {
	background: #ffffff;
    border-bottom: solid 5px #fd3535; /*color 1*/
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .25);
}
.navbar-brand {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.navbar-light .navbar-nav .nav-link {
	color: #fd3535; /*color 1*/
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
	background-color: #fd3535; /*color 1*/
}
.navbar-nav > li > ul {
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}
.navbar-nav > li > ul li a {
	color: #fd3535; /*color 1*/
}

nav[aria-label="breadcrumb"] {
	border-bottom: solid 1px #c8c8c8;
	box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
	margin-bottom: 1rem;
}
nav[aria-label="breadcrumb"] .breadcrumb li.active a:hover {
	color: #23aa50 !important; /*color 2*/;
}

footer {
	color: #fff;
    /*background: rgba(253, 53, 53, 0.87) url(images/footer-bg1.png) no-repeat right bottom; */
    background: rgba(253, 53, 53, 0.87); /*color 1*/
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	box-shadow: 0px -2px 5px rgba(50, 50, 50, 0.15);
	margin-top: 1rem;
}
footer p {
	margin-bottom: .5rem;
}
footer i {
	color: #fd3535; /*color 1*/
	text-shadow: 0 0 5px #fff;
}
footer a, footer a:hover {
	color: #fff;
}
footer a:hover {
	text-decoration: underline;
}

/*HOME STYLE*/
.home footer {
	margin-top: 0;
}
.home .section-heading {
	position: relative;
	margin-bottom: 4rem;
}
.home .section-heading:after {
	position: absolute;
	content: '';
	width: 100%; height: 55px; top: 100%; left:0;	
	background: url(images/type_7.webp) no-repeat center;
}
.home .section-heading span {
	font-style: italic;
}
.home section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.home section img {
	width: 100%;
	/*height: auto;*/
}
.home header {
	box-shadow: 0 0px 10px rgba(0, 0, 0, .25);
}
.home .top-row {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.home .top-row .top-slider {
	/*box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);*/
}
.home h2, .home h2 a {
	font-size: 3rem;
	color: #23aa50; /*color 2*/
	/*font-family: 'Dancing Script', cursive;*/
	/*font-family: 'Pacifico', cursive;*/
	font-family: 'Lobster', cursive;
	text-transform: initial;
}
.home h3, .home h4 {
	text-transform: initial;
	padding-top: .5rem;
}
.home .hihi {
	position: relative;
	margin-bottom: 1rem;
}
.home .hihi:before {
	content: '';
	position: absolute;
	width: 100%; height: 100%; left: 0; top: 0;
	background: url(images/flamboyant.png);
	background-size: cover;
    opacity: .05;
}
.home .hihi #long-time-ago {
	opacity: 1;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: -33px;
    color: #23aa50; /*color 2*/
    text-transform: uppercase;
    background: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    box-shadow: 0 0 5px rgba(253, 53, 53, 1); /*color 1*/
    display: block;
    padding: .5rem 1rem;
    z-index: 500;
}
.home .hihi .time {
	font-style: italic;
}
.home .hihi p.poem {
	position: relative;
	color: #fd3535; /*color 1*/
	font-style: italic;
	padding-top: 11.75px;
	padding-bottom: 11.75px;
	margin-bottom: 0;
}
.home .hihi p.poem:before, .home .hihi p.poem:after {
	position: absolute;
	width: 25%; height: 1px;
	background: #fd3535; /*color 1*/
}
.home .hihi p.poem:before {
	content: '';
	top: 0;
	transform: translateY(10px);
}
.home .hihi p.poem:after {
	content: '';
	right: 0;
	top: 100%;
	transform: translate(0, -10px);
}
/*Một vài con số*/
.home .some-info {
}
.home .some-info .info .icon {
	margin-bottom: 1rem;
	border: solid 3px #23aa50;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.home .some-info .info .icon .embed-responsive-item {
	background: url(images/IMG_0631-250px.jpg) no-repeat center/cover;
	opacity: .6;
}
.home .some-info .info i {
	font-size: 2rem;
    color: #23aa50; /*color 2*/
    border: solid 3px;
    width: 70px;
    border-radius: 50%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.home .some-info .info h3, .home .mot-vai-hinh-anh h3 {
	font-size: 1.2rem;
}
.home .some-info .info .qn {
	display: none;
}
/*Sơ đồ lớp*/
.home .so-do-lop {
	background-color: rgba(35, 170, 80, .15);
}
.home .so-do-lop .slider {
	background: #fff;
}
.home .so-do-lop .button, .home .mot-vai-hinh-anh .button, .home .miss-12a .button {
	margin-top: 1.5rem;
}
.home .so-do-lop .button .btn {
	
}
/*Đôi bạn*/

.home .mot-vai-hinh-anh {
	background: #eee;
}

/*miss-12a*/
.home .miss-12a {
	background: rgb(255, 225, 225);
}
.home .miss-12a h2 {
	color: #fd3535; /*color 1*/
}
.home .miss-12a .section-heading h2 span {
	font-style: initial;
}
.home .miss-12a .col-md:nth-child(2) {
	animation-delay: .1s;
}
.home .miss-12a .col-md:nth-child(3) {
	animation-delay: .2s;
}
.home .miss-12a .col-md:nth-child(4) {
	animation-delay: .3s;
}
.home .miss-12a .col-md:nth-child(5) {
	animation-delay: .4s;
}
.home .miss-12a img {
	border-radius: 0 15px;
	border-bottom: solid 8px white;
}
.home .miss-12a .mobile-break .col-md:nth-child(1) img {
	border-bottom-color: deeppink;
}
.home .miss-12a .mobile-break .col-md:nth-child(2) img {
	border-bottom-color: lightseagreen;
}
.home .miss-12a .mobile-break .col-md:nth-child(3) img {
	border-bottom-color: mediumpurple;
}
.home .miss-12a .mobile-break .col-md:nth-child(4) img {
	border-bottom-color: cornflowerblue;
}
.home .miss-12a .mobile-break .col-md:nth-child(5) img {
	border-bottom-color: cadetblue;
}

/*Họp lớp*/
.home .hop-lop {
	position: relative;
	color: #fff;
	background: #707070; /*color 3*/
}
.home .hop-lop .bg-overlay {
	position: absolute;
	display: block;
	width: 100%; height: 100%; left: 0; top: 0;
	background: url('images/vinh-ha-long.jpg') no-repeat center/cover fixed;
	opacity: .25;
}
.home .hop-lop h2 {
	color: #fff;
}
.home .hop-lop h3 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}
.home .hop-lop h3 span {
	border-bottom: solid; 
}
.home .hop-lop p {
	margin-bottom: .5rem;
}
.home .hop-lop i {
	color: #23aa50; /*color 2*/
}
.home .hop-lop h4 {
	font-weight: normal; padding-top: 0;
}
.home .hop-lop h4 a {
	color: #fff;
}

/*news*/
.home .news {
	background-color: #fff;
	/*box-shadow: 0px -2px 5px rgba(50, 50, 50, 0.15);*/
}
.home .news article {
	margin-bottom: 1rem;
}
.home .news h2 {
	text-align: center;
	margin-bottom: 1rem;
}
.home .news p {
	margin-bottom: 0;
}

/*GROUP IMAGE EFFECTS*/
.img-effect1 img {
	margin-bottom: 1rem;
	background: #fff;
	padding: .5rem;
}
.img-effect2 img {
	border: solid thin #ccc;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.20);
}
.img-effect2 img:hover {
	box-shadow: 0 0 15px rgba(50, 50, 50, 0.3);
}

.img-effect3 img {
	position: relative;
	margin-top: 1rem;
	margin-bottom: .5rem;
	background: #fff;
	padding: .25rem;
	top: 0;
	/*transition: .3s cubic-bezier(.51,.35,.72,-0.83);*/
	transition: .3s;
}
.img-effect3 .wow:hover img {
	box-shadow: 0px 0px 15px rgba(50, 50, 50, .4);
	/*animation: bounce .3s;*/
	top: -10px;
}
.img-effect4 a {
	display: inline-block;
	overflow: hidden;
}
.img-effect4 a img {
	transition: .3s;
}
.img-effect4 a:hover img {
	transform: scale(1.2);
}

/*MISS 12A PAGE*/
.miss-12a-menu .inner {
	position: fixed;
	width: 100%;
	top: calc(50% + 40px); left: 50%; transform: translate(-50%, -50%);
	border: solid 1px #c8c8c8;
	background: #def2e5;
    box-shadow: 0 0 5px rgba(50, 50, 50, .4);
    padding: 1rem;
    opacity: 0;
}
.miss-12a-menu .inner:hover {
	opacity: 1;
}
.miss-12a-menu a {
	position: relative;
	color: #707070; /*color 3*/
	font-weight: bold;
	margin-left: .5rem; margin-right: .5rem;
	padding-top: .125rem;
	padding-bottom: .125rem;
	display: inline-block;
}
.miss-12a-menu a:before, .miss-12a-menu a:after {
	position: absolute;
	content: '';
	width: 0; height: 1px;
	background: #707070; /*color 3*/
	display: block;
	transition: .3s;
	left: 50%; transform: translateX(-50%);
}
.miss-12a-menu a:before {
	top: 0;
}
.miss-12a-menu a:after {
	bottom: 0;
}
.miss-12a-menu a:hover {
	background: url(images/hearts.gif);
}
.miss-12a-menu a:hover:before, .miss-12a-menu a:hover:after {
	width: 100%;
}

article .note {
	padding: 1rem;
}
.entry-meta, .entry-tag {
	opacity: .7;
}
.post-thumbnail {
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/*TỔNG KẾT CUỐI BÀI VIẾT*/
.tong-ket {
}
.tong-ket p {
	position: relative;
	border-top: solid 3px rgba(112, 112, 112, .25); /*color 2*/
	padding: 1rem;
	background: rgba(35, 170, 80, .04); /*color 2*/
}
.tong-ket p span.percent {
	content: '';
	position: absolute;
	border-top: solid 3px #707070;
	height: 100%;
	left: 0; top: -3px;
	text-align: center;
}
.total-member {
	background: #efefef;
    display: inline-block;
    width: 100%;
}
.total-member .member {
	background: #ddd;
    display: inline-block;
    text-align: center;
}
.time-ago {
	/*color: #fd3535;*/ /*color 2*/ 
	color: #ee0290;
	box-shadow: 0 0 .25rem rgba(0, 0, 0, .075);
	font-style: italic;
}

.page-full-width {
	margin-left: 1rem;
	margin-right: 1rem;
}
.page-full-width .wp-block-image .aligncenter {
	width: 100%;
}
.page-full-width .wp-block-image .aligncenter img {
	width: 100%; height: auto;
}

/*SIDEBAR*/
ul#sidebar {
	margin-top: 1rem;
}
.widget-title {
	background-color: transparent;
	color: #23aa50; /*color 2*/
	border-left: none;
	border-bottom: solid 1px #23aa50; /*color 2*/
	padding: .25rem 0;
}
#custom_html-3 h3 {
	background-image: url(images/gift-icon-2.png);
	background-repeat: no-repeat;
	background-position: right;
	background-origin: content-box;
	padding: 1rem 0 1rem 0;
}

.box-content, ul#sidebar, .main-content {
	background: #fff;
	border: solid 1px #c8c8c8;
    -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
    padding: 1.5rem;
}
.box-content-outline {
	border: solid 1px #c8c8c8;
	box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
}
.box-content-outline-top-bottom {
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
}

/*SINGLE PAGE STYLE*/
.single h3 {
	margin-top: 3rem;
}

/*SIDEBAR FORM*/
form.searchform {
	position: relative;
}
form.searchform input[type='text'] {
	width: 100%;
    padding: .25rem 90px .25rem .5rem;
}
form.searchform input[type='submit'] {
	position: absolute;
    top: 0; right: 0; bottom: 0;
}

/*BLOCK MEMBER WIDGET*/
.block-member {
	text-align: center;
	margin-bottom: 1rem;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	transition-duration: .3s;
}
.block-member .thumb {
	position: relative;
}
.block-member .thumb p.birthday {
	position: absolute;
	width: 100%; 
	left: 0; bottom: 0;
	color: #fff;
	background-color: rgba(253, 53, 53, .6); /*color 1*/
	background-color: rgba(0, 0, 0, .6); 
	margin: 0;
	padding-top: .5rem;
    padding-bottom: .5rem;
	opacity: 0;
	transition-duration: .3s;
}
.block-member:hover .thumb p.birthday {
	opacity: 1;
}
.block-member img {
	width: 100%;
}
.block-member h4 {
	margin: 0;
	padding-top: 1rem; padding-bottom: 1rem;
}
.block-member.is_died {
	opacity: .25;
}
.block-member.is_died:hover {
	opacity: 1;
}
.block-member.is_birthday {
	box-shadow: 0 0 5px rgba(253, 53, 53, 0.87); /*color 1*/
}
.block-member.is_birthday h4 {
	color: #fd3535; /*color 1*/
	background: url(images/hearts.gif);
}

/*DANH SÁCH LỚP*/
.user-box {
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
}
.user-box .row {
	position: relative;
	margin-bottom: 2rem;
}
.user-box .row:last-child {
	margin-bottom: 0;
}
.user-box .is_birthday:before {
	content: '';
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .25;
	background: url(images/hearts.gif);
}
.user-box .is_birthday:hover:before {
	opacity: 1;
}
.user-box .row .pic {
	position: relative;
	padding-bottom: .5rem;
	border-bottom: solid 1px #ccc;
	margin-bottom: .5rem;
}
.user-box .row .pic.is_hightlight {
	border-bottom-color: #fd3535; /*color 1*/
}
.user-box .pic img#id2 {
	position: absolute;
	left: 0; top: 0;
}
.user-box .info p {
	margin-bottom: .25rem;
}
.user-box .info p:last-child {
	margin-bottom: 0;
}
.user-box .icon {
	padding: 4px 0 4px 40px;
}
.user-box .phone {
	background: url(images/phone-icon.png) no-repeat;
}
.user-box .email {
	background: url(images/gmail-icon.png) no-repeat;
}
.user-box .birthday {
	background: url(images/gift-icon-2.png) no-repeat;
}
.user-box .facebook {
	position: absolute;
	top: 59px; right: 15px;
	background: url(images/facebook-icon.png) no-repeat;
}
.nav-tabs {position: relative;}
.nav-tabs .nav-link {
	padding: .25rem .5rem;
}
.nav-tabs .hightlight-users {
	position: absolute; right: 0; bottom: 0;
	margin-left: -.125rem; margin-right: -.125rem;
}
.nav-tabs .hightlight-users img {
	display: initial;
	margin: .25rem .125rem;
	box-shadow: 0 0px 3px rgba(0, 0, 0, .25);
	width: 32px; height: 32px;
}

/*SLICK SLIDE*/
.slick-slider {
	margin-bottom: 0;
}
.slick-dots {
	bottom: 45px;
}
.slick-prev, .slick-next {
    background-color: rgba(35, 170, 80, .75); /*color 2*/
	width: initial;
    height: initial;
	z-index: 100;
}
.home .mot-vai-hinh-anh .slick-prev, .home .mot-vai-hinh-anh .slick-next {
	margin-top: -13.6px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	background-color: #23aa50; /*color 2*/
}
.slick-prev:before, .slick-next:before {
	color: #fff;
}
.slick-prev {
	left: 0px;
	padding: 50px 6px 50px 2px;
    border-radius: 0 5px 5px 0;
}
.slick-next {
	right: 0px;
	padding: 50px 2px 50px 6px;
    border-radius: 5px 0 0 5px;
}

/*BACK TO TOP*/
#back-to-top {
	top: 50%;
	transform: translateY(-20px);
	/*transform: translateY(-50%);*/
}
#back-to-top a {
	background: #fd3535; /*color 1*/
	border-radius: 0;

}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.nav-tabs .hightlight-users img {
		width: 36px; height: 36px;
	}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home .news h3 {
		padding-top: 0;
	}
	.user-box .facebook {
		top: 0;
	}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.home .news .news-col {
		border-right: solid 1px #ccc;
	}
	.home .news h2 {
		text-align: left;
	}
	ul#sidebar {
		margin-top: 0;
	}
	.miss-12a-menu .inner {
		width: 75%;
	}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.home .hihi {
		margin-bottom: 0;
	}
	.home .hihi #long-time-ago {
		right: -76px;
    	bottom: 10px;
    	transform: translateX(0);
	}
	.home .hihi p.poem {
		margin-top: 153.5px;
	}
	.home .hihi p.poem:after {
		transform: translate(-32px, -10px);
	}
	.home .danh-sach-lop .info .qn-long {
		display: initial;
	}
	.home .danh-sach-lop .info .qn {
		display: none;
	}
}

/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	/* Retina-specific stuff here */
	body {
		/*background: #ccc;*/
	}
}