.tito-wrapper * {
font-family: 'Space Grotesk', sans-serif !important;
}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
.tito-ticket-description a {
color: #ff5008;
text-decoration: underline;
}
.tito-badge-link {
text-align: left;
margin-left: 30px;
font-weight: 300 !important;
}
.tito-ticket-upcoming-explanation-wrapper{
text-align: right;
float: right;
}
.tito-ticket-price span {
width: 100% !important;
font-family: 'Space Grotesk', sans-serif !important;
color: #ff5008;
font-size:20px !important;
font-weight: 600 !important;
}
.tito-ticket-upcoming-price {
font-family: 'Space Grotesk', sans-serif !important;
font-size:20px;
font-weight: 600 !important;
color: #ff5008;
font-style: normal !important;
}
.tito-ticket-upcoming-separator {
display: none;
}
.tito-wrapper {
border: 4px solid #ff5008;
max-width: 1100px !important;
}
.tito-ticket-name {
font-family: 'Space Grotesk', sans-serif !important;
color: #ff5008;
font-size:20px;
font-weight: 600 !important;
}
.tito-ticket-description {
font-size:16px;
line-height:22px;
font-family: 'Space Grotesk', sans-serif !important;
color: #ff5008;
padding-bottom: 20px;
}
a.tito-ticket-description {
color: #ff5008 !important;
font-weight: 600;
text-decoration: underline;
}
.tito-ticket-vat {
color: #ff5008;
text-align: right;
}
.tito-ticket-quantity {
color: #ff5008;
}
.tito-ticket-upcoming-explanation {
text-align: right;
}
.tito-ticket.row {
display: block !important;
border-bottom: 1px solid #ff5008 !important;
margin: 0 30px !important;
min-height: 64px !important;
padding: 20px 0 40px 0 !important;
}
.tito-ticket-upcoming-explanation {
font-size:14px !important;
}
.tito-discount-tabs-wrapper {
margin: 10px 0px 0px 15px !important;
}
.tito-submit {
border: 4px solid #ff5008!important;
background: #ff5008 !important;
min-height: 55px !important;
line-height: 33px !important;
color: #ffffff!important;
font-size: 20px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
text-align: center !important;
display: inline-block !important;
padding: 8px 20px 15px 20px !important;
position: relative !important;
z-index: 0 !important;
cursor: pointer;
width: 160px !important;
margin:10px 15px 0 0 !important;
}
@media (min-width: 320px) and (max-width: 480px) {
.tito-submit {
width: 280px !important;
}
}
/* new style */
.tito-wrapper span{
border-bottom: none !Important;
}
.tito-wrapper h5 span{
line-height: 34px;
}
.tito-ticket.row{
/* line-height: 228px !important; */
line-height: 18px;
}
.tito-wrapper span:after{
content:'';
display:none !important;
}
.tito-ticket-description{
letter-spacing: -1px;
}
.tito-wrapper .tito-ticket-quantity span{
font-size: 16px;
font-weight: normal;
line-height: 17px;
}
.tito-wrapper .tito-ticket-price .tito-ticket-vat{
line-height: 38px;
letter-spacing: normal;
}
.tito-wrapper .tito-ticket-price .tito-ticket-quantity > span{
border:1px solid #0d0d0D;
}
.tito-wrapper div{
/* line-height: 38px; */
}
.tito-discount-code .tab-pane.tito-discount-code-edit{
line-height: 44px;
}
.tito-wrapper .tito-ticket-name{
font-size: 20px !important;
font-weight: 800 !important;
font-family: 'Space Grotesk', sans-serif !important;
letter-spacing: normal;
}
.tito-ticket-description{
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 400;
letter-spacing: normal;
}
.tito-ticket-price span,
.tito-ticket-upcoming-price{
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 800 !important;
line-height: 34px;
letter-spacing: normal;
}
.tito-ticket-upcoming-explanation{
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 400;
letter-spacing: normal;
}
input.form-control.tito-discount-code-field.discount-code-field,
.tito-badge-link{
font-family: 'Space Grotesk', sans-serif !important;
}
.tito-submit{
font-family: 'Space Grotesk', sans-serif !important;
font-weight: bold !important;
font-size: 22px !important;
font-style:normal !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
padding: 5px 11px 5px 11px !important;
}
.tito-submit:hover{
outline: none !important;
color: #ff5008 !important;
border: 4px solid #ff5008!important;
background: #ffffff !important;
}
.tito-badge-link{
letter-spacing:normal;
font-size: 12px;
}
.tito-ticket-status span{
letter-spacing: normal;
font-size: 14px;
}
.tito-ticket-quantity{
line-height: 34px;
/* display: flex; */
/* align-items: center; */
}
.tito-wrapper .tito-ticket-quantity >span{
}
.tito-ticket-vat{
font-weight: 400 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tito-wrapper .tito-ticket-quantity >span + input{
font-weight: 400;
font-family: 'Space Grotesk', sans-serif !important;
}
.tito-discount-code .tab-pane.tito-discount-code-edit{
line-height:0;
}
.tito-submit{
border-radius: 0 !important;
}
.tito-submit-wrapper{
line-height: 38px;
}
.tito-ticket-status > span{
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 400
}
いつでも、どこでも、好きなときに「Design Matters 21」と「Design Matters 20」のトークやインタビューを見返すことができます。広告は一切ありません。
たくさんのデザインのインスピレーションを一度に得られます。PC、スマートフォンやタブレットからご覧いただけます。
Design Matters On Demandに加入すると、Design Mattersのビデオプラットフォームに1年間アクセスできます。年間を通じて、新しいコンテンツやイベントのお得な情報もお届けします。