/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

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

:root { 
    --notosanstc: 'Noto Sans TC', sans-serif;
    --white: #FFFFFF;
    --red: #DA2028;
    --basegray1: #333333;
    --basegray5: #E0E0E0;
}

h1 { 
	font-family: var(--notosanstc);
	font-size: 80px;
	font-weight: 400;
	line-height: 90px;
	text-transform: uppercase;
}

h2 {
	font-family: var(--notosanstc);
	font-size: 32px;
	font-weight: 500;
	line-height: 46px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

h3, .row .col h3, div[data-style="default"] .toggle > .toggle-title a {
	font-family: var(--notosanstc);
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h4, .row .col h4, .nectar-button span {
	font-family: var(--notosanstc);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

p {
	color: var(--basegray1);
	font-family: var(--notosanstc);
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
}

.row .col h3, .row .col h4 { font-family: var(--notosanstc) !important; }

p a { color:var(--red); }
p a:hover, p a:focus, p a:active { color: var(--basegray1); }

#rev_slider_1_1 { text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.75); }

.wpb_wrapper>div.rafflepress-giveaway-iframe-wrapper { margin-top:-234px; margin-bottom:0; }
#rafflepress-wrapper { max-width: 639px !important; }
.rafflepress-giveaway p:last-child { margin: 0 !important; }

.toggle>.toggle-title { border:1px solid var(--basegray5); border-bottom:none; }
.toggle>.toggle-title a { color: var(--basegray1); padding: 20px 20px 20px 30px; background-color:transparent; }
.toggle>.toggle-title a:hover { color: var(--basegray1); background-color: transparent; }

.toggle.open.extra-color-2 > .toggle-title { border-bottom: none; } 
.toggle.open.extra-color-2 > .toggle-title a { color: var(--basegray1); background-color:transparent; }

body .toggle { margin-bottom:0; }
body .toggle>div {
    box-shadow: none;
    padding: 10px 14px;
    border: 1px solid var(--basegray5);
    border-top:none;
}
body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap { padding: 20px 30px; }

.toggle>.toggle-title a i { display:none; }
/*.toggle>.toggle-title a.toggle-heading { display: flex; align-content:center; }*/
.toggle-heading:after { content: url(../salient-child/img/expand_more.svg); width:32px; height:32px; float:right; }
.toggle.open .toggle-heading:after { content: url(../salient-child/img/expand_less.svg); }

.row .col h3, .row .col h4 { margin-bottom: 20px; }
.nectar-button { margin-bottom:0; }
.nectar-button span { font-weight:400; letter-spacing:0; text-transform:capitalize; }
.nectar-button.small { border-radius: 5px !important; padding: 14px 25px; }
body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover { 
	box-shadow: none !important; 
	background-color:#b5191f !important;
	transform: none;
    -webkit-transform: none; 
}

#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap { background-color: var(--white); }

@media only screen and (max-width: 767px) {
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	    height: 90px!important;
	}

	h3, .row .col h3, div[data-style="default"] .toggle > .toggle-title a { font-size: 16px; line-height: 27px; }
	h4, .row .col h4, .nectar-button span { font-size: 16px; line-height: 24px; }
	p { font-size: 14px; line-height: 21px; padding-bottom: 10px; }

	.wpb_wrapper>div.rafflepress-giveaway-iframe-wrapper { margin-top: -50px; }
	.toggle>.toggle-title a { padding: 15px 10px 15px 20px; }
	body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap { padding: 0 20px 20px; }
}

 @media only screen and (max-width: 690px) {
	.wpb_column:not([class*="vc_col-xs"]) { margin-bottom: 15px; }
 }


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	#header-outer #logo img, #header-outer .logo-spacing img { height: 95px; }

	h3, .row .col h3, div[data-style="default"] .toggle > .toggle-title a {
	    font-size: 20px;
	    line-height: 31px;
	}
	h4, .row .col h4, .nectar-button span { font-size: 16px; line-height: 26px; }

	.wpb_wrapper>div.rafflepress-giveaway-iframe-wrapper { margin-top: -150px; }
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	    height: 95px!important; 
	}
}

@media only screen and (max-width: 1199px) and (min-width: 990px)  {
	#header-outer[data-full-width="true"] header > .container { padding: 0 90px; }
	#header-outer #logo, #header-outer .logo-spacing { margin-top: 15px; margin-bottom: 15px; }
	#header-outer #logo img, #header-outer .logo-spacing img { height: 110px; }
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	    height: 110px!important; 
	}

	.wpb_wrapper>div.rafflepress-giveaway-iframe-wrapper { margin-top: -170px; }
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
	#footer-widgets .container { height: 0; }
	#footer-widgets .container .col { margin-bottom: 0; }
}

@media only screen and (min-width: 690px) and (max-width: 999px) {
  	#footer-outer .one-fourths.span_3, #footer-outer .one-fourths.vc_span3, #footer-outer .one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
	  padding: 0;
	}
	#footer-outer #copyright .col { width: 100%; }
}


@media only screen and (max-width: 1450px) and (min-width: 1200px) {
	#header-outer #logo img, #header-outer .logo-spacing img { height: 130px; }
	#header-outer[data-full-width="true"] header > .container {
	  padding: 0 90px;
	}

	h3, .row .col h3, div[data-style="default"] .toggle > .toggle-title a {
	  font-size: 22px;
	  line-height: 33px;
	}
	.container { max-width:1425px; }
}

@media only screen and (min-width: 1399px) {
	.container { max-width:1399px; padding:0; }
}