/*
Theme Name: swap
Author: Dicky
Author URI: http://swwwap.hk
Description: This is a  bootstrap theme for wordpress. 
Version: 1.0
License: swwwap
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700&display=swap');

h1,h2,h3,h4,h5,h6,h7,label,.btn,input,select,textarea,.h4-p p {font-family: 'Signifier','Noto Sans TC', 'Noto Sans SC','Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;color: #16161C;margin: 0 ;line-height: 1;}
h1	{ font-size: 72px; line-height: 1;font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
h2 	{ font-size: 64px;line-height: 1.2}
h3  { font-size: 48px;line-height: 1.2}
h4 ,.h4-p p { font-size: 38px;line-height: 1.2}
h5 	{ font-size: 32px;line-height: 1.4}
h6  { font-size: 28px;line-height: 1.4; }

.body-text,.d-body,.d-body p,.wys-wapper p,.wys-wapper li, .wys-wapper table{font-size:21px !important;line-height: 34px}
.tiny-text,.d-button,.d-tiny, .lang-btn a{font-size:17px !important;line-height: 1.4}
.small-text{font-size:14px !important;line-height: 1.4 }



.lang-zh h1,.lang-sc h1	{ font-size: 64px; line-height: 1;}
.lang-zh h2,.lang-sc h2	 { font-size: 56px;line-height: 1.2}
.lang-zh h3,.lang-sc h3	 { font-size: 48px;line-height: 1.2}
.lang-zh h4,.lang-sc h4	,.lang-zh .h4-p p ,.lang-sc .h4-p p { font-size: 34px;line-height: 1.2}
.lang-zh h5,.lang-sc h5	 { font-size: 28px;line-height: 1.4}
.lang-zh h6,.lang-sc h6	 { font-size: 24px;line-height: 1.4; }

.lang-zh .body-text,.lang-zh .d-body,.lang-zh .wys-wapper p,.lang-zh .wys-wapper li,.lang-zh .wys-wapper table,
.lang-sc .body-text,.lang-sc .d-body,.lang-sc .wys-wapper p,.lang-sc .wys-wapper li,.lang-sc .wys-wapper table
{font-size:20px !important;line-height: 34px}
.lang-zh .tiny-text,.lang-zh .d-button,.lang-zh .d-tiny,.lang-zh .lang-btn a,
.lang-sc .tiny-text,.lang-sc .d-button,.lang-sc .d-tiny,.lang-sc .lang-btn a
{font-size:15px !important;line-height: 1.4}
.lang-zh .small-text,
.lang-sc .small-text
{font-size:14px !important;line-height: 1.4 }




p,li	,.wys-wapper{font-family:'Shne Buch','Noto Sans TC', 'Helvetica Neue', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;;color: #16161C;font-size:16px;line-height: 24px;}



h6.d-button,.lang-btn a,.wp-caption p,.wys-wapper{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.d-tiny,.input,.d-tiny p{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}

.header-menu h6{font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}

.garda{font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.sohne,.new-letter input{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.signifier{font-family: 'Signifier','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.shne{font-family: 'Shne Leicht','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}

.bold,.wys-wapper strong,.wys-wapper b,strong{font-weight: 700;line-height: 1.4}
.upper{text-transform: uppercase}
.normal{font-family: 'Helvetica Now Display','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.thin{font-weight: 400 !important;font-family: 'Helvetica Now Display','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.thin-300,.thin-300 input,.thin-300 h3{font-weight: 300 !important;font-family: 'Helvetica Now Display','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}

.lang-zh h1,.lang-zh h2,.lang-zh h3,.lang-zh h4,.lang-zh h5,.lang-zh h6,.lang-zh h7,.lang-tc p,.lang-tc .header-menu h6,.lang-zh li{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.lang-sc h1,.lang-sc h2,.lang-sc h3,.lang-sc h4,.lang-sc h5,.lang-sc h6,.lang-sc h7,.lang-sc p,.lang-sc .header-menu h6,.lang-sc li{font-family: 'Shne Buch','Noto Sans SC','Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}




.lineheight-1{line-height: 1.2}

.cap{text-transform: capitalize}]
.border{border-bottom: 2px solid #16161C}
.inline{display: inline}
.inline-block{display: inline-block}
.col-no-padding{padding: 0}

.black{color: #222}

h6.bold{letter-spacing: 1px}

.text-right{text-align: right}
.text-center{text-align: center}

.no-margin{margin: 0}
.margin-auto{margin-top: auto;margin-bottom: auto;}

.ar32{ aspect-ratio: 3 / 2;}
.ar11 { aspect-ratio: 1/1;}
.ar34{ aspect-ratio: 416 / 510;}


.margin-140-top{margin-top: 140px}
.margin-120-top{margin-top: 120px}
.margin-100-top{margin-top: 100px}
.margin-90-top{margin-top: 90px}
.margin-80-top{margin-top: 80px}
.margin-70-top{margin-top: 70px}
.margin-60-top{margin-top: 60px}
.margin-50-top{margin-top: 50px}
.margin-40-top{margin-top: 35px}
.margin-30-top{margin-top: 30px}
.margin-20-top{margin-top: 20px}
.margin-15-top{margin-top: 15px}
.margin-10-top{margin-top: 10px}
.margin-5-top{margin-top: 5px}
.margin-0-top{margin-top: 0px !important}


.margin-200-bottom{margin-bottom: 200px}
.margin-180-bottom{margin-bottom: 180px}
.margin-170-bottom{margin-bottom: 170px}
.margin-160-bottom{margin-bottom: 160px}
.margin-140-bottom{margin-bottom: 140px}
.margin-120-bottom{margin-bottom: 120px}
.margin-110-bottom{margin-bottom: 110px}
.margin-100-bottom{margin-bottom: 100px}
.margin-90-bottom{margin-bottom: 90px}
.margin-88-bottom{margin-bottom: 88px}
.margin-80-bottom{margin-bottom: 80px}
.margin-70-bottom{margin-bottom: 70px}
.margin-60-bottom{margin-bottom: 60px}
.margin-50-bottom{margin-bottom: 50px}
.margin-45-bottom{margin-bottom: 45px}
.margin-40-bottom{margin-bottom: 40px}
.margin-32-bottom{margin-bottom: 32px}
.margin-30-bottom{margin-bottom: 30px}
.margin-25-bottom{margin-bottom: 25px}
.margin-24-bottom{margin-bottom: 24px}
.margin-20-bottom{margin-bottom: 20px}
.margin-15-bottom{margin-bottom: 15px}

.margin-10-bottom{margin-bottom: 10px}
.margin-5-bottom{margin-bottom: 5px}
.margin-0-bottom{margin-bottom: 0}

.padding-0-top{padding-top: 0 !important;margin-bottom: 0}
.padding-0-bottom{padding-bottom: 0 !important;margin-bottom: 0}


.padding-20{padding: 20px}
.padding-30{padding: 30px}
.padding-40{padding: 40px}
.padding-60{padding: 60px}
