/*
Theme Name: GS1 in Europe Forum 2023
Theme URI: https://mindprocess.pt
Author: MindProcess
Author URI: https://mindprocess.pt
Description: The theme for GS1 in Europe 2023
Requires at least: 6.0
Tested up to: 6.2.2
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gs1ineuropeforum2023
Tags: full-site-editing
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

header {
    box-shadow: 0 2px 6px #00000022;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-skew {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
}

input, textarea {
    font-size: 0.85rem;
    font-family: inherit;
    padding: 10px;
}

.screen-reader-text {
    position: absolute !important;
    left: -999em;
}

.post-password-form {
    text-align: center;
    padding-block: 50px;
}

.wp-block-gallery.columns-3 {
    gap: 5px;
}

.wp-block-gallery.columns-3 figure.wp-block-image {
    max-width: 32%;
}

/* User Account */

table.user-account {
    border-collapse: collapse;
}

table.user-account tr:nth-child(2n+1) td:not(.header) {
    background: #f7f7f7;
}

table.user-account td {
    padding: 10px;
    border: 1px solid #cccccc;
    color: var(--wp--preset--color--medium-dark-grey);
}

table.user-account tr td:nth-child(even) {
    color: var(--wp--preset--color--primary);
    font-weight: 600;
}

table.user-account td.header {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
}

table.user-account button.add-to-calendar {
    padding: 0;
    background: none;
    border: none;
}

table.user-account button.add-to-calendar svg {
    height: 1.4rem;
    fill: var(--wp--preset--color--medium-grey);
    transition: 0.2s;
}

table.user-account button.add-to-calendar:hover {
    cursor: pointer;    
}

table.user-account button.add-to-calendar:hover svg {
    fill: var(--wp--preset--color--primary);
}

/* User Approval */

.register-user-interactions a {
    padding: 10px 15px;
    color: #ffffff;
    border-radius: 4px;
}

.register-user-interactions a.approve {
    background: #3498db;
}

.register-user-interactions a.delete {
    background: #c0392b;
}

.back-to-registrations a {
    font-weight: 500;
    color: var(--wp--preset--color--primary);
    fill: var(--wp--preset--color--primary);
}

.dataTables_wrapper .top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 8px;
}

.user-details-header a {
    display: flex;
    gap: 5px;
    align-items: center;
    color: var(--wp--preset--color--primary);
    fill: var(--wp--preset--color--primary);
}

.session-header {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 10px;
}

.session-header h2 {
    margin-bottom: 5px;
}

.session-header .session-info {
    font-size: 1rem;
    color: #666666;
}


/* Menus */

/* Main Menu */

.wp-block-gs1-events-display-menu.main-menu ul {
    gap: 2.5rem;
}

.wp-block-gs1-events-display-menu.main-menu a {
    font-size: 0.854rem;
    color: #999999;
    transition: 0.2s;
}

.wp-block-gs1-events-display-menu.main-menu a:hover {
    color: var(--wp--preset--color--primary);
}

.wp-block-gs1-events-display-menu.main-menu li:not(.menu-item-object-custom).current-menu-item a {
    color: var(--wp--preset--color--primary);
    font-weight: 600;
}


/* User Menu */

.user-menu a {
    font-size: 0.825rem;
    color: var(--wp--preset--color--medium-grey);
    transition: 0.2s;
    line-height: 1.2;
}

.user-menu a:hover {
    color: var(--wp--preset--color--dark-grey);
}

.user-menu li.current-menu-item a {
    font-weight: 600;
    color: var(--wp--preset--color--dark-grey);
}

.user-menu .login-menu-item a {
    font-size: 0.75rem;
    padding: 4px 12px;
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
    border-radius: 50px;
    text-transform: uppercase;
}


/* My Account and Edit Register */


.switch-account-edit,
.switch-account-edit:link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  padding: 15px 20px;
  transition: 0.1s;
}

.switch-account-edit:hover {
  background: var(--wp--preset--color--secondary);
}


#menu-user-menu li {
    padding: 5px 15px;
}

.live-stream-menu {
    background: #EA5A28;
    border-radius: 50px;
}

.live-stream-menu a {
    color: #ffffff !important;
}


/* Auxiliary Classes */

.flex { display: flex; }

.flex-1 { flex: 1; }
.flex-align-start { align-items: flex-start; }
.flex-align-center { align-items: center; }
.flex-align-end { align-items: flex-end; }
.flex-justify-start { justify-content: flex-start; }
.flex-justify-center { justify-content: center; }
.flex-justify-end { justify-content: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-col { flex-direction: column; }

.grid { display: grid; }

.grid-align-center { align-items: center; }

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid-6 { grid-template-columns: repeat(6, 1fr); }
.grid-1-2 { grid-template-columns: auto 1fr; }

.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }

.m-10 { margin: 10px;}
.m-block-10 { margin-block: 10; }
.m-inline-10 { margin-inline: 10; }
.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-50 { margin-bottom: 50px; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-50 { margin-top: 50px; }

.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-block-10 { padding-block: 10px; }
.p-inline-10 { padding-inline: 10px; }
.p-t-0 { padding-top: 0; }

.m-w-25 { max-width: 25%; }
.m-w-30 { max-width: 30%; }
.m-w-33 { max-width: 33%; }
.m-w-40 { max-width: 40%; }
.m-w-50 { max-width: 50%; }
.m-w-66 { max-width: 66%; }

.bg-white { background: #ffffff; }

.border-r-5 { border-radius: 5px; }
.border-r-10 { border-radius: 10px; }
.border-r-100 { border-radius: 100px; }

.p-relative { position: relative; }
.p-absolute { position: absolute; }

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

/* Responsive */

@media( max-width: 1024px ) {
    .header-skew {
        clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

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

@media( max-width: 768px ) {
    .header-skew {
      clip-path: none;
    }
    
    .session-title,
    .slot-time {
        font-size: 0.9rem;
    }

    .flex-m-col { flex-direction: column; }
}

@media( max-width: 640px ) {
    .flex-col-s {
        flex-direction: column;
    }
}

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


figure.rounded img {
    border-radius: 9999rem;
}