/*!
Theme Name: Ticketbocx
Theme URI: http://underscores.me/
Author: MindProcess
Author URI: https://mindprocess.pt
Description: The starter theme for Ticketbocx
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ticketbocx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

body {
	font-family: 'Open Sans', sans-serif;
    background: #f5f5f5;
}

body.home {
    background: url("./images/bg_home.jpg") center no-repeat;
    background-size: cover;
}

#page {
    position: relative;
}

main {
	max-width: 1180px;
	margin: 0 auto;
    position: relative;
    padding-top: 30px;
}

.narrow {
    max-width: 960px;
    margin: 0 auto;
}

.wide {
	max-width: 1180px;
	margin: 0 auto;
}

a {
    text-decoration: none;
    color: inherit;
}

a, a:hover, a:active, a:focus {
	outline: 0;
}

header {
    background: #a92629;
    color: #ffffff;
    padding: 15px 25px;
    border-bottom: 6px solid #8f875e;
    position: relative;
}

.home header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

header .row {
    margin-bottom: 0;
}

.top-bar .welcome,
.top-bar .logout {
    font-size: 12px;
    color: #ffffffaa;
    margin-left: 25px;
}

.top-bar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

header .menu {
    text-align: right;
}

header ul#menu-main-menu {
    text-transform: uppercase;
}

header ul.menu li {
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    color: #8e8763;
}

header ul.menu li.current-menu-item,
header ul.menu li.current-page-ancestor {
    font-weight: 600;
    color: #ffffff;
}

.dashboard-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.dashboard-nav a {
    width: 200px;
    height: 200px;
    background: #9d322fcc;
    color: #8e8763;
    border: 3px solid #8e8763;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 40px;
    margin: 0 10px;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s;
    margin: 0;
}

.dashboard-nav a:hover {
    background: #9d322f;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.dashboard-nav a i {
    font-size: 30px;
    transition: 0.3s;
}

.dashboard-nav a:hover i {
    font-size: 40px;
}

.site-main.dashboard {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-container {
    background: #ffffffdd;
    padding: 50px;
    width: 560px;
    margin: 0 auto;
    border: 3px solid #827c53;
    border-radius: 6px;
    color: #827c53;
    font-size: 13px;
    text-align: center;
}

.login-container input {
    padding: 10px !important;
}

.login-container input#user_login,
.login-container input#user_pass {
    clear: both !important;
    float: none !important;
    width: 100% !important;
}

.login-container .login-remember {
    justify-content: center;
    margin-bottom: 20px !important;
}


#wppb-submit {
    border: none;
    background: #8e8763;
    color: #ffffff;
    padding: 20px 40px !important;
    border-radius: 4px;
    transition: 0.3s;
}

#wppb-submit:hover {
    cursor: pointer;
    background: #a8a076;
}

.login-logo {
    text-align: center;
    margin-bottom: 50px;
}

.row {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.col-left { text-align: left; }
.col-center { text-align: center; }
.col-right { text-align: right; }
.col-cta { 
    background: #FFFFFF;
}

.col-cta .row.labels {
    margin-top: 10px;
}

.empty-data {
    font-size: 13px;
    text-align: center;
    padding: 20px;
    color: #AAAAAA;
}

.col-5 { flex: 5; }
.col-10 { flex: 10; }
.col-15 { flex: 15; }
.col-20 { flex: 20; }
.col-25 { flex: 25; }
.col-30 { flex: 30; }
.col-33 { flex: 33; }
.col-35 { flex: 35; }
.col-40 { flex: 40; }
.col-45 { flex: 45; }
.col-50 { flex: 50; }
.col-55 { flex: 55; }
.col-60 { flex: 60; }
.col-65 { flex: 65; }
.col-70 { flex: 70; }
.col-75 { flex: 75; }
.col-80 { flex: 80; }
.col-85 { flex: 85; }
.col-90 { flex: 90; }
.col-95 { flex: 95; }
.col-100 { flex: 100; }
.spacer-5 { border: none; height: 5px; }
.spacer-10 { border: none; height: 10px; }
.spacer-15 { border: none; height: 15px; }
.spacer-20 { border: none; height: 20px; }
.spacer-30 { border: none; height: 30px; }

.action-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.action-icons a {
    transition: 0.2s;
}

.action-icons i {
    font-size: 15px;
}

.edit-icon {
    color: #999999;
    font-size: 15px;
}

.rotate135,
.edit-icon.rotate135 {
    transform: rotate(-45deg);
}

.row.labels a {
    pointer-events: none;
}

.row.labels i {
    visibility: hidden;
}

.form_fields .row > div,
.row.row-header > div {
    margin-right: 10px;
}

.form_fields .row > div.col-100 {
    margin-right: 0;
}

.form_fields .row.item > div:last-child,
.row.row-header > div:last-child {
    margin-right: 0;
}

.form_fields .row.item {
    margin-bottom: 10px;
}

.form_fields .row.item:last-child {
    margin-bottom: 0;
}

.form_fields .row.labels {
    font-size: 13px;
    margin-bottom: 8px;
    color: #999999;
    text-align: left;
}

.radio_options {
    display: flex;
    flex-wrap: wrap;
}

.radio_option {
    display: flex;
    justify-content: flex-start;
    margin-right: 20px;
}

.radio_option input {
    width: 14px !important;

}

select,
textarea,
input:not([type="checkbox"], [type="submit"]) {
    padding: 5px;
    width: 100%;
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-size: 13px;
}

textarea,
input:not([type="checkbox"], [type="submit"], [type="file"]) {
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    color: #222222
}

.select2 {
    margin-bottom: 10px;
    font-size: 13px;
}

.select2-results__options {
    font-size: 13px;
}

.form_edit input,
.form_edit select {
    margin-bottom: 0;
}

.form_fields label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #999999;
}

.event_date_selector {
	text-align: right;
}

.header {
    max-width: 1180px;
    margin: 0 auto 30px;
}

.spacer-button {
    padding: 18px 20px;
    font-size: 13px;
}

.add-row {
    color: #FFFFFF;
    padding: 10px 20px;
    font-size: 13px;
    transition: 0.2s;
    display: inline-block;
    cursor: pointer;
}

.add-row:hover,
.add-row:focus {
    background: #5479de;
    color: #FFFFFF;
}

.modal-button {
    padding: 10px 20px;
    font-size: 13px;
    transition: 0.2s;
    display: inline-block;
    cursor: pointer;
}

.modal-button.select-bilhetes {
    background: #425fac;
    color: #FFFFFF;
    
}

.modal-button.select-bilhetes:hover {
    background: #5479de;
}

.modal-button.inactive {
    opacity: 0.3;
}

.inactive {
    pointer-events: none;
}

.disable-icon {
    pointer-events: none;
    opacity: 0.3;  
}

.select-list .select-item.inactive {
    color: #CCCCCC;
}

.modal-button.clear-bilhetes {
    background: #932E28;
    color: #FFFFFF;
    margin-right: 10px;
}

.modal-button.clear-bilhetes:hover {
    background: #932E28;
}


input.button.submit,
a.button.create {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    border: 1px solid #425fac;
    background: none;
    color: #425fac;
    padding: 10px 15px;
    border-radius: 3px;
    transition: 0.2s;
}

input.button.submit:hover,
a.button.create:hover {
    background: #425fac;
    border-color: #425fac;
    color: #FFFFFF;
    cursor: pointer;
}

#listing-table_wrapper {
    margin-bottom: 30px;
}

.error {
    color: #a92629;
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
}

.box-of-fields {
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    background: #FFFFFF;
    margin-bottom: 20px;
}

.box-of-fields .inner-fields {
    padding: 15px;
}

.box-of-fields .inner-fields .row {
    margin-bottom: 15px;
    align-items: center;
}

.box-of-fields .inner-fields .row.labels {
    margin-bottom: 8px;
}

.row.top-fields {
    margin-bottom: 20px;
}

.row.top-fields > div:last-child {
    margin-right: 0;
}

.row.save-bar > div {
    padding-right: 0;
}

.error_container {
    color: #a92629;
    font-size: 14px;
    font-weight: bold;
}

.col-flex {
    display: flex;
    align-items: center;
}

.icon-left i {
    margin-right: 10px;
}

table.listing {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 13px;
}

table.listing th {
    border: 1px solid #DDDDDD;
}

table.listing tr:hover td.full {
    background: #9d322f;
    color: #ffffff;
}

table.listing td {
    border: 1px solid #dfdfdf;
    font-weight: 300;
}

table.listing td i {
    margin: 0;
    margin-right: 5px;
}

table.listing td.full {
    background: #9d322f;
    color: #ffffff;
}

table.listing td.small-text {
    font-size: 13px;
}

table.listing .row {
    margin: 0;
}


table.listing a:hover,
table.listing a:hover i {
    color: #425fac;
}

table.dataTable tbody tr {
    background: #FFFFFF;
}

.dataTables_length label,
.dataTables_filter label {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.dataTables_length label select,
.dataTables_filter label input {
    margin-bottom: 0;
    font-size: 14px;
}

.dataTables_length label .label,
.dataTables_filter label .label {
    margin-right: 5px;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 13px;
    padding: 3px 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #efefef;
}

.dataTables_paginate.paging_simple_numbers {
    padding-top: 15px;
}

.sortable-placeholder {
    border-radius: 4px;
    background: #f7f7f7;
    height: 44px;
    -moz-box-shadow: inset 2px 2px 4px #00000022;
    -webkit-box-shadow: inset 2px 2px 4px #00000022;
    box-shadow: inset 2px 2px 4px #00000022;
}

.sortable-handle {
    color: #EFEFEF;
    transition: 0.3s;
}

.sortable-handle:hover {
    color: #666666;
}

.nav-page-link {
    display: inline-block;
    font-size: 13px;
    color: #999999;
    padding: 10px 20px;
    background: #DFDFDF;
    border: 1px solid #CCCCCC;
    border-left: none;
    margin-bottom: -1px;
}

.nav-page-link:first-child {
    border-left: 1px solid #CCCCCC;
}

.nav-page-link:hover {
    background: #DFDFDF;
}

.nav-page-link.active {
    background: #F4F4F4;
    color: #444444;
    border-bottom: 1px solid #F4F4F4;
}

.main-container {
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.items-container {
    background: #FFFFFF;
}

.box-of-fields .row,
.main-container .row {
    margin: 0;
}

.box-of-fields .row.row-header,
.main-container .row.row-header {
    padding: 10px 15px;
    font-size: 13px;
    background: #BBBBBB;
    color: #FFFFFF;
}

.box-of-fields .row.row-header.action,
.main-container .row.row-header.action {
    padding: 0;
    padding-left: 15px;
    align-items: center;
    margin-bottom: 0;
}

.items-container .row.ficheiro {
    padding: 10px 15px;
    border-bottom: 1px solid #EFEFEF;
    margin: 0;
    font-size: 13px;
    position: relative;
}

.items-container .row.ficheiro .bg-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: #EFEFEF;
}

.items-container .row.ficheiro .top-info {
    z-index: 100;
}

.items-container .row.ficheiro.uploading,
.items-container .row.ficheiro.uploading i {
    color: #DFDFDF;
    pointer-events: none;
}

.items-container .row.ficheiro.uploading {
    background: url(images/loader.gif) no-repeat center right 36px;
    background-size: 36px;
}

.items-container .row.ficheiro.uploading.done {
    background: none;
}

.items-container .row.ficheiro.uploading.done:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    font-weight: 900;
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
}

.items-container .row.ficheiro:last-child {
    border: none;
}

.uploader {
    background: #EFEFEF;
    padding: 20px;
    font-size: 14px;
    border-left: 1px solid #DFDFDF;
    position: relative;
    
}

.uploader.active {
    background: #425fac;
    color: #FFFFFF
}

.uploader .instruction {
    font-size: 13px;
    color: #999999;
    margin-bottom: 10px;
}

.uploader.active .instruction {
    color: #FFFFFF;
}

.warning-dup-files {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #a92629;
    color: #FFFFFFAA;
    font-size: 13px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.warning-dup-tickets {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #a92629;
    color: #FFFFFFAA;
    font-size: 13px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.warning-dup-files-close {
    color: #000000AA;
    transition: 0.2s;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
}

.warning-dup-files:hover {
    cursor: pointer;
}

.collapse i {
    transition: 0.3s;
}

.collapse i.closed {
    transform: rotate(180deg);
}

.focus i {
    color: #CCCCCC;
    margin-right: 10px;
    transition: 0.3s;
}

.focus.isolated i,
.focus:hover i {
    color: #FFFFFF;
}

.split-v {
    margin: 0 15px;
    color: #CECECE;
}

.percentage {
    background: #DDDDDD;
    color: #999999;
    padding: 2px 5px;
    margin-left: 10px;
    border-radius: 3px;
    font-weight: 600;
}

.percentage.sold-out {
    background: #932E27;
    color: #FFFFFF;
}

.page-header {
    margin-bottom: 30px;
}

.page-header.tabs {
    border-bottom: 1px solid #CCCCCC;
    align-items: flex-end;
}

.page-header h1 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #a92629;
    margin-bottom: 15px;
}

.table-items {
    border: 1px solid #DFDFDF;
    font-size: 13px;
    border-collapse: collapse;
}

.table-items th {
    background: #EFEFEF;
    font-weight: 600;
}

.table-items th {
    padding: 5px 10px;
    border: 1px solid #DFDFDF;
}


.table-items td {
    padding: 8px 10px;
    border: 1px solid #DFDFDF;
}

.table-items td {
    background: #FFFFFF;
}

.table-items td.cell-icons {
    text-align: right;
    white-space: nowrap
}

.table-items td.cell-icons a {
    margin-left: 10px;
}

.table-items td.cell-icons a.selected i {
    color: #4153a2;
}

.table-items td.cell-icons a:first-child {
    margin-left: 0;
}

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


.cell-fit { 
    width:0.1%;
}

.cell-5 { width: 5%; }
.cell-10 { width: 10%; }
.cell-15 { width: 15%; }
.cell-20 { width: 20%; }
.cell-25 { width: 25%; }
.cell-30 { width: 30%; }
.cell-33 { width: 33%; }
.cell-35 { width: 35%; }
.cell-40 { width: 40%; }
.cell-45 { width: 45%; }
.cell-50 { width: 50%; }
.cell-55 { width: 55%; }
.cell-60 { width: 60%; }
.cell-66 { width: 66%; }
.cell-70 { width: 70%; }
.cell-75 { width: 75%; }
.cell-80 { width: 80%; }
.cell-85 { width: 85%; }
.cell-90 { width: 90%; }

.not-available {
    opacity: 0.4;
    pointer-events: none;
}

.not-available:hover {
    cursor: default;
}

#select-bilhetes-modal .modal-content {
    padding: 20px 0;
}

#select-bilhetes-modal h2 {
    color: a92629;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
}

.select-list {
    margin-bottom: 20px;
}

.select-list .select-item {
    border: 1px solid #CCCCCC;
    border-top: none;
    padding: 10px;
    font-size: 14px;
}

.select-list .select-item:first-child {
    border-top: 1px solid #CCCCCC;
}

.select-list .select-item:hover {
    cursor: pointer;
    background: #EFEFEF;
}

.select-list .select-item.currentSelection,
.select-list .select-item.currentSelection:hover {
    background: repeating-linear-gradient(
        45deg,
        #216694,
        #216694 5px,
        #1f608c 5px,
        #1f608c 10px
    );
    color: #ffffff;
}

.select-list .select-item.selected {
    background: repeating-linear-gradient(
        45deg,
        #F2F2F2,
        #F2F2F2 5px,
        #F7F7F7 5px,
        #F7F7F7 10px
    );
    pointer-events: none;
    position: relative;
    color: #BBBBBB;
}

.select-list .select-item.selected:after {
    content: '\f023';
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #BBBBBB;
}


#select-bilhetes-modal .row {
    margin: 0;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
 
.jconfirm-content {
    font-size: 14px;
    margin-bottom: 10px;
}

.tooltip-content {
    font-size: 13px;
}

.ticket-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ticket-card {
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    padding: 10px;
    padding-right: 20px;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.ticket-card div {
    flex: 1;
}

.ticket-card .download-icon i {
    margin-top: 15px;
    font-size: 32px;
    color: #827C54;
    transition: 0.3s;
}

.ticket-card .download-icon i:hover {
    color: #932E27;    
}

#upload-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #EFEFEFDD;
    background-size: 50px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

#upload-overlay .upload-message {
    background: #FFFFFF;
    border: 5px solid #827C54;
    padding: 30px;
    text-align: center;
    font-size: 14px;
}

#upload-overlay .upload-message .loader img {
    margin-bottom: 30px;
}

#upload-overlay .upload-message .loader h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #444444;
}

#upload-overlay .upload-message .loader .message {
    color: #666666;
}

.filter-columns {
    flex: 1;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}

.filter-columns select,
.filter-columns .date_selector {
    margin-right: 20px;
    flex: 1;
}

.filter-columns .date_selector {
    display: flex;
    align-items: center;
    position: relative;
}

.filter-columns .date_selector input {
    padding-right: 5px;
}

.filter-columns .date_selector.date_filter input {
    padding-right: 25px;
}

.filter-columns .date_selector a.clear_date {
    display: none;
}

.filter-columns .date_selector.date_filter a.clear_date {
    display: block;
    position: absolute;
    right: 7px;
    color: #444444;
    font-size: 13px;
}

.filter-columns .date_selector a.clear_date:hover {
    color: #000000;
    cursor: pointer;
}


.filter-columns select {
    margin-bottom: 0;
}

.filter-columns .date_selector input {
    text-align: right;
    margin-bottom: 0;
}

.filter-columns .clear_filters a {
    background: #dfdfdf;
    color: #666666;
    display: block;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    transition: 0.3s;
}

.filter-columns .clear_filters a:hover {
    cursor: pointer;
    background: #d6d6d6;
    color: #444444;
}

.event_date_selector {
    text-align: right;
}

.sortable-column {
    display: flex;
    align-items: center;
}

.sortable-column i {
    font-size: 14px;
    color: #efefef;
    margin-right: 5px;
    padding: 0 5px;
    transition: 0.3s;
}

table.dataTable thead th {
    border-bottom: 1px solid #CCC;
}

.dataTables_filter input,
.dataTables_length select {
    background: #ffffff !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    margin-left: 20px;
}

.dataTables_length .label,
.dataTables_length select,
.dataTables_filter .label,
.dataTables_filter input {
    font-size: 13px !important;
}

.saved {
    background: #FFFFFF;
    color: #429A3A;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #429A3A44;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 6px #00000022;
    transition: 0.6s;
}

.saved i {
    margin-right: 5px;
    color: #429A3A;
}

.locked-actions {
    pointer-events: none;
    opacity: 0.5;
}

.invalid-code {
    font-size: 15px;
    text-align: center;
    padding-top: 100px;
}

.invalid-code a {
    color: #932E27;
    text-decoration: underline;
}

.invalid-code i {
    color: #932E27;
    font-size: 96px;
    margin-bottom: 40px;
}

.get-tickets {
    font-size: 15px;
    align-items: center;
}

.get-tickets a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    border: 1px solid #932E27;
    background: none;
    color: #932E27;
    padding: 10px 15px;
    border-radius: 3px;
    transition: 0.2s;
}

.get-tickets a:hover {
    background: #932E27;
    color: #ffffff;
}

.instructions {
    font-size: 13px;
    margin-bottom: 10px;
}

.preview_email {
    font-size: 14px;
}

.modal.medium {
    max-width: 960px;
    padding: 50px;
    padding-bottom: 10px;
}

.preview-label {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
}

.preview-content {
    font-size: 14px;
    border: 1px solid #efefef;
    padding: 15px;
    margin-bottom: 30px;
}

.preview-content p {
    margin-bottom: 15px;
}

a.preview_email {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    border: 1px solid #cccccc;
    background: none;
    color: #666666;
    padding: 10px 15px;
    border-radius: 3px;
    transition: 0.2s;
}

a.preview_email:hover {
    background: #666666;
    border-color: #666666;
    color: #ffffff;
}

@media( max-width: 1240px ) {
    main {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media( max-width: 960px ) {
    .ticket-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .row.get-tickets {
        flex-direction: column;
    }

    .row.get-tickets > div {
        text-align: center;
    }

    .get-tickets a {
        margin-top: 20px;
    }
}

@media( max-width: 720px ) {
    .ticket-cards {
        grid-template-columns: repeat(1, 1fr);
    }    
}