/*
Theme Name: Tarot birth card
Theme URI: https://wordpress.org/
Author: itheme.vn
Author URI: https://itheme.vn/
Description: Luôn đồng hành & cùng khách hàng mọi lúc, mọi nơi!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tarotbirthcard
*/

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Tenez';
    font-style: normal;
    font-weight: normal;
    src: local('Tenez'), url('fonts/TenezTest-Regular.woff') format('woff');
}

body{font-family:'Be Vietnam Pro';font-size:17px;font-weight:400;color:#ebebeb;line-height:30px;width:100%;overflow-x:hidden;
	position:relative;background:url(images/bg-birthcard.png)center no-repeat;background-size:cover;}
*{list-style:none;padding:0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 0;}
*:focus{outline:none;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;cursor:pointer;transition:all .3s;text-decoration:none;}
.container{width:1280px;display:block;margin:0 auto;padding:0 15px;max-width:100%;}
section{clear:both;overflow:hidden;}
.responsive-video{position:relative;width:100%;padding:0 0 56.25% 0;}
.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;}
.video-wrapper{clear:both;margin-bottom:1rem;width:100%;padding:0 0 56.25%;position:relative;}
.video-wrapper video,.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0;display:inline-block;z-index:1;}
.alignleft{float:left;padding-right:25px;margin-bottom:20px;}
.alignright{float:right;padding-left:25px;margin-bottom:20px;}
.aligncenter{margin:0 auto;}
input[type=text],input[type=search],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=button],
input[type=submit],textarea,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;font-family:inherit;}

section.banner-home{padding:40px 0 80px;}
section.banner-home .container{width:1280px;}
section.banner-home .banner-wrapper{position:relative;padding-top:48%;background:url(images/banner-home.png)center no-repeat;
	background-size:100% 100%;}
section.banner-home .banner-wrapper h1{font-size:95px;line-height:1;top:199px;left:50%;transform:translateX(-50%);width:45%;max-width:100%;
	font-family:Tenez;font-weight:normal;color:#caa84a;position:absolute;text-align:center;}
section.banner-home .banner-wrapper p{font-size:43px;line-height:71px;font-family:Tenez;font-weight:normal;color:#caa84a;bottom:35px;left:50%;
	transform:translateX(-50%);max-width:100%;position:absolute;text-align:center;}
section.form-birth-card{padding-bottom:90px;}
section.form-birth-card .heading{margin-bottom:45px;}
section.form-birth-card .heading h2{font-size:28px;line-height:46px;color:#ebebeb;text-align:center;font-weight:600;}
section.form-birth-card .list-cards ul{display:flex;justify-content:center;gap:0 25px;width:610px;max-width:100%;margin:0 auto 27px;}
section.form-birth-card .list-cards ul li{width:calc(50% - 12.5px);flex-basis:calc(50% - 12.5px);}
section.form-birth-card .list-cards ul li img{width:100%;}
section.form-birth-card .form-wrapper{width:610px;max-width:100%;margin:0 auto 140px;}
section.form-birth-card .form-wrapper .form-control{display:flex;gap:0 28px;flex-wrap:wrap;justify-content:center;}
section.form-birth-card .form-wrapper .form-control .col-3{width:calc((100% - 56px) / 3);flex-basis:calc((100% - 56px) / 3);}
section.form-birth-card .form-wrapper .form-control input[type=number]{padding:10px 10px;text-align:center;border-radius:10px;
	border:none;color:#000;background:white;font-size:16px;line-height:20px;text-transform:uppercase;width:100%;appearance:none;
	-moz-appearance:textfield;font-weight:600;}
section.form-birth-card .form-wrapper .form-control input[type=number]::-webkit-outer-spin-button,
section.form-birth-card .form-wrapper .form-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
section.form-birth-card .form-wrapper .form-control input[type=number]::placeholder{opacity:1;color:#000;}
section.form-birth-card .form-wrapper .form-control select{padding:10px 10px;text-align:center;border-radius:10px;border:none;
	width:100%;color:#000;background:white;font-size:16px;line-height:20px;text-transform:uppercase;font-weight:600;}
section.form-birth-card .form-wrapper .form-control:not(:last-child){margin-bottom:26px;}
section.form-birth-card .form-wrapper form.loading .form-control input[type=submit]{opacity:.5;cursor:wait;}
section.form-birth-card .form-wrapper .form-control input[type=submit]{padding:10px 10px;text-align:center;border-radius:10px;
	background:#caa84a;border:none;width:100%;font-size:16px;line-height:20px;color:#000;text-transform:uppercase;cursor:pointer;
	font-weight:600;}
section.form-birth-card .content-footer p{font-size:18px;line-height:32px;color:#caa84a;}
section.form-birth-card .content-footer p a{color:white;}
section.form-birth-card .single-heading h2{font-size:28px;line-height:50px;font-weight:600;margin-bottom:20px;}
section.form-birth-card .content-single{margin-bottom:80px;}
section.form-birth-card .content-single a{color:#caa84a;}
section.form-birth-card .content-single h2,section.form-birth-card .content-single h3{font-size:27px;line-height:1.2;
	font-weight:600;color:#caa84a;margin-bottom:24px;}
section.form-birth-card .content-single p{font-weight:400;font-size:15px;}
section.form-birth-card .content-single p:not(:last-child){margin-bottom:30px;}
section.form-birth-card .list-card-info{gap:40px 80px;flex-wrap:wrap;display:flex;margin-bottom:240px;}
section.form-birth-card .list-card-info .item{width:calc((100% - 80px) / 2);flex-basis:calc((100% - 80px) / 2);display:inline-flex;
	gap:0 30px;flex-wrap:wrap;}
section.form-birth-card .list-card-info .item .image{width:calc(40% - 15px);flex-basis:calc(40% - 15px);margin-bottom:50px;}
section.form-birth-card .list-card-info .item .image img{width:100%;}
section.form-birth-card .list-card-info .item .list-info{width:calc(60% - 15px);flex-basis:calc(60% - 15px);margin-bottom:50px;}
section.form-birth-card .list-card-info .item .list-info ul li{font-size:15px;line-height:32px;font-weight:400;}
section.form-birth-card .list-card-info .item .meaning{width:100%;flex-basis:100%;}
section.form-birth-card .list-card-info .item .meaning p{line-height:34px;font-weight:400;font-size:15px;}
.single-bai-tarot section.banner-home{padding-bottom:80px;}
.page-template-page-list-cards section.banner-home{padding-bottom:50px;}
section.form-birth-card .banner-birth-card{margin-bottom:52px;}
section.form-birth-card .banner-birth-card img{width:100%;}
section.form-birth-card .content-birth-card h2,section.form-birth-card .content-birth-card h3{font-size:27px;line-height:1.2;
	font-weight:600;color:#caa84a;margin-bottom:24px;}
section.form-birth-card .content-birth-card p{font-size:15px;line-height:22px;margin-bottom:24px;}
section.form-birth-card .content-birth-card a{color:#caa84a;}
section.form-birth-card .list-all-cards{margin-bottom:180px;}
section.form-birth-card .list-all-cards>ul>li{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:end;gap:0 15px;}
section.form-birth-card .list-all-cards>ul>li .cards{}
section.form-birth-card .list-all-cards>ul>li .cards>ul{display:flex;gap:30px;flex-wrap:wrap;}
section.form-birth-card .list-all-cards>ul>li .cards>ul>li{width:206px;flex-basis:206px;}
section.form-birth-card .list-all-cards>ul>li .cards .number-name-card{font-size:18px;line-height:1.5;font-weight:600;margin-top:20px;
	letter-spacing:3px;}
section.form-birth-card .list-all-cards>ul>li .cards .number-name-card .number-card{display:inline-flex;margin-right:15px;}
section.form-birth-card .list-all-cards>ul>li .cards .number-name-card .name-card{color:#8f89de;display:inline-flex;flex-wrap:wrap;}
section.form-birth-card .list-all-cards>ul>li .cards .number-name-card span{margin:0 10px;}
section.form-birth-card .list-all-cards>ul>li .view-more{margin-bottom:38px;}
section.form-birth-card .list-all-cards>ul>li .view-more a{font-weight:600;font-size:18px;line-height:1.5;letter-spacing:3px;}

@media only screen and (max-width: 1280px){
	section.banner-home .banner-wrapper h1{font-size:7vw;top:14.5vw;}
	section.banner-home .banner-wrapper p{font-size:3.35vw;line-height:1.65;bottom:2.7vw;}
}

@media only screen and (max-width: 991px){
	section.form-birth-card .list-card-info{gap:40px;}
	section.form-birth-card .list-card-info .item{width:calc((100% - 40px) / 2);flex-basis:calc((100% - 40px) / 2);}
	section.form-birth-card .list-card-info{margin-bottom:140px;}
}

@media only screen and (max-width: 782px){
	.admin-bar header.fixed{top:46px;}
}

@media only screen and (max-width: 767px){
	section.form-birth-card .form-wrapper .form-control{gap:0 20px;}
	section.form-birth-card .form-wrapper .form-control .col-3{width:calc((100% - 40px) / 3);flex-basis:calc((100% - 40px) / 3);}
	section.banner-home{padding:40px 0;}
	section.form-birth-card .list-card-info .item{width:100%;flex-basis:100%;}
	.single-bai-tarot section.banner-home{padding-bottom:60px;}
	.page-template-page-list-cards section.banner-home{padding-bottom:40px;}
}

@media only screen and (max-width: 600px){
	.admin-bar header.sticky{top:0;}
    html #wpadminbar{top:-46px;}
    .alignright,.alignleft{float:none;display:block;margin:0 auto 20px;padding:0 0;}
	.admin-bar header.fixed{top:0;}
	
	section.form-birth-card .form-wrapper .form-control .col-3{width:100%;flex-basis:100%;}
	section.form-birth-card .form-wrapper .form-control .col-3:not(:last-child){margin-bottom:26px;}
	section.form-birth-card .heading,section.form-birth-card .form-wrapper{margin-bottom:40px;}
	section.form-birth-card .list-card-info {margin-bottom:90px;}
	section.form-birth-card .heading h2{font-size:4.5vw;}
}
@media only screen and (max-width: 480px){
	section.form-birth-card .list-all-cards>ul>li .cards>ul{gap:20px;}
	section.form-birth-card .list-all-cards>ul>li .cards>ul>li{width:calc(50% - 10px);flex-basis:calc(50% - 10px);}
	section.form-birth-card .list-all-cards{margin-bottom: 80px;}
	section.form-birth-card .content-footer p{font-size:15px;}
	section.form-birth-card .heading h2{font-size:4.5vw;margin-bottom:20px;line-height: 1.6;}
	section.form-birth-card .form-wrapper .form-control select{font-size:15px;}
	section.form-birth-card .form-wrapper .form-control input[type="number"],
	section.form-birth-card .form-wrapper .form-control input[type="submit"]{font-size:15px;}
	section.form-birth-card .banner-birth-card{margin-bottom:20px;}
	section.form-birth-card .content-birth-card h2, section.form-birth-card .content-birth-card h3{margin-bottom:20px;}
	section.form-birth-card .content-birth-card p{font-weight:300;}
	section.form-birth-card .content-single{margin-bottom:50px;}
	.single-bai-tarot section.banner-home{padding-bottom:30px;}
	.page-template-page-list-cards section.banner-home{padding-bottom:20px;}
	section.banner-home{padding:40px 0 20px;}
	section.form-birth-card .heading{margin-bottom:20px;}
	section.form-birth-card .content-single p{font-weight:300;}
	section.form-birth-card .list-card-info .item .image,
	section.form-birth-card .list-card-info .item .list-info{margin-bottom:20px;}
	section.form-birth-card .list-card-info .item .list-info ul li,section.form-birth-card .list-card-info .item .meaning p{font-size:15px;font-weight:300;}
	section.form-birth-card .single-heading h2{line-height:1.5;}
}