html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1320px;
}
}
.container-fluid {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Thin.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 200;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Light.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 800;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 900;
src: url(//blog.evently.pl/wp-content/themes/evently-blog/static/fonts/montserrat/Montserrat-Black.ttf) format("truetype");
}
.clearfix {
clear: both;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
p {
color: #393d57;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.fluid-img {
max-width: 100%;
height: auto;
}
.text-center {
text-align: center;
}
@media only screen and (max-width: 768px) {
.text-md-center {
text-align: center;
}
}
@media only screen and (max-width: 576px) {
.text-sm-center {
text-align: center;
}
}
.text-danger {
color: #ff4757;
}
.hamburger {
background-color: #fff;
border-left: 2px solid #d9d9d9;
border-bottom: 2px solid #d9d9d9;
width: 45px;
height: 45px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
box-sizing: border-box;
cursor: pointer;
top: 0;
right: 0;
position: fixed;
z-index: 100;
transition: 0.2s background-color;
}
@media only screen and (min-width: 577px) {
.hamburger {
display: none;
}
}
.hamburger::before, .hamburger::after {
background-color: #1a1a1a;
width: calc(100% - 24px);
height: 2px;
left: 12px;
position: absolute;
content: "";
border-radius: 5px;
transition: 0.3s width, 0.3s top, 0.3s transform, 0.3s background-color;
}
.hamburger::before {
top: calc(50% - 7px);
}
.hamburger::after {
bottom: calc(50% - 7px);
}
.hamburger span {
background-color: #1a1a1a;
width: calc(100% - 24px);
height: 2px;
border-radius: 5px;
transition: 0.2s opacity;
}
.hamburger:not(.hamburger--toggle):hover {
background-color: #d9d9d9;
}
.hamburger--toggle {
background-color: #000;
border-color: #000;
}
.hamburger--toggle::before, .hamburger--toggle::after {
background-color: #fff;
width: calc(100% - 24px);
top: calc(50% - 1px);
}
.hamburger--toggle::before {
transform: rotate(-45deg);
}
.hamburger--toggle::after {
transform: rotate(45deg);
}
.hamburger--toggle span {
opacity: 0;
}
.full-screen-nav {
background-color: rgba(255, 255, 255, 0.98);
width: 100vw;
height: 100vh;
top: -150%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
position: fixed;
z-index: 20;
transition: 0.3s opacity;
opacity: 0;
}
.full-screen-nav--toggle {
top: 0;
opacity: 1;
}
@media only screen and (min-width: 769px) {
.full-screen-nav {
display: none;
}
}
.full-screen-nav__row:not(:last-child) {
margin-bottom: 25px;
}
.btn {
background: #ced0d8;
width: auto;
box-sizing: border-box;
padding: 18px 28px;
border-radius: 50px;
color: #fff;
font-size: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
border: none;
display: inline-block;
transition: none;
}
@media only screen and (max-width: 400px) {
.btn {
text-align: center;
}
}
.btn:hover {
cursor: pointer;
background-color: #fff;
color: gray;
box-shadow: inset 0 0 0 2px #ced0d8 !important;
}
.btn--block {
width: 100%;
display: block;
}
.btn--lg {
padding: 19px 30px 20px 30px;
}
.btn--sm {
padding: 10px 20px;
}
.btn--blue {
background-color: #1628b2;
}
.btn--blue:hover {
background-color: #fff;
color: #1628b2;
box-shadow: inset 0 0 0 2px #1628b2 !important;
}
.btn--blue:hover svg {
fill: #1628b2 !important;
}
.btn--blue.btn--shadow {
box-shadow: 0 15px 30px rgba(22, 40, 178, 0.3);
}
.btn--blue.btn--shadow:hover {
box-shadow: none;
}
.btn--blue.btn--shadow:hover .btn__icon svg {
fill: #1628b2;
}
.btn--blue.btn--top:hover {
box-shadow: none !important;
}
.btn--blue svg {
fill: #fff !important;
}
.btn--azure {
background-color: #27d6f2;
}
.btn--azure:hover {
background-color: transparent;
color: #27d6f2;
box-shadow: inset 0 0 0 2px #27d6f2 !important;
}
.btn--azure:hover .btn__icon svg {
fill: #27d6f2 !important;
}
.btn--azure svg {
fill: #fff !important;
}
.btn--white {
background-color: #fff;
color: #1628b2;
}
.btn--white:hover {
background-color: transparent;
color: #fff;
box-shadow: inset 0 0 0 2px #fff !important;
}
.btn--white:hover .btn__icon svg {
fill: #fff !important;
}
.btn--white svg {
fill: #1628b2 !important;
}
.btn--light {
background-color: #fff;
color: #0c1028;
box-shadow: inset 0 0 0 2px #a5a9be !important;
}
.btn--icon {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 400px) {
.btn--icon {
display: block;
}
}
.btn.btn--lg.btn--icon {
padding-top: 14px;
padding-bottom: 15px;
}
.btn__icon {
margin-left: 20px;
display: inline-block;
}
@media only screen and (max-width: 400px) {
.btn__icon {
display: none;
}
}
.btn__icon--right {
margin-left: 0;
margin-right: 20px;
}
.btn__icon svg {
width: 20px;
height: 20px;
fill: #27d6f2;
}
.heading {
color: #0c1028;
font-size: 18px;
font-weight: 600;
line-height: 30px;
}
.heading--bold {
font-weight: 700;
}
.heading__city {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/marker-icon.svg) center left no-repeat;
display: inline-block;
color: #0c1028;
font-weight: 700;
margin-left: 18px;
padding-left: 27px;
position: relative;
}
.heading__city::after {
background: rgba(165, 169, 190, 0.2);
width: calc(100% - 27px);
height: 4px;
right: 0;
bottom: -6px;
position: absolute;
content: "";
transition: 0.2s background;
}
.heading__city:hover::after {
background: rgba(165, 169, 190, 0.8);
}
@media only screen and (max-width: 576px) {
.heading__city {
width: auto;
display: block;
margin-left: 0;
}
.heading__city::after {
display: none;
}
}
h3.heading {
font-weight: 500;
font-size: calc((20px) + (24 - 20) * ((100vw - 500px) / (1900 - 500)));
}
h4.heading {
font-size: 18px;
}
.breadcrumb {
background: none;
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.breadcrumb__item {
display: inline;
}
.breadcrumb__item:not(:last-child) {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/arrow-right-icon.svg) center right no-repeat;
padding-right: 20px;
margin-right: 10px;
}
.breadcrumb__link {
color: #8e93b2;
font-size: 14px;
font-weight: 500;
transition: 0.2s color;
}
.breadcrumb__link:hover {
color: #444863;
text-decoration: underline;
}
@keyframes show-modal {
0% {
margin-top: -100px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
.modal {
background-color: rgba(237, 238, 245, 0.7);
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.modal:not(.modal--show) {
display: none;
}
.modal--show .modal__block {
animation-name: show-modal;
animation-duration: 0.5s;
}
@media only screen and (max-width: 576px) {
.modal {
padding: 20px 0;
}
}
.modal a {
color: #1628b2;
}
.modal__block {
background-color: #fff;
width: 880px;
max-width: calc(100vw - 40px);
min-height: 200px;
margin: auto;
padding: 60px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 30px 60px rgba(22, 40, 178, 0.05);
position: relative;
}
@media only screen and (max-width: 576px) {
.modal__block {
padding: 40px;
}
}
.modal__close {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/cancel.svg) center no-repeat;
background-size: 20px;
width: 45px;
height: 45px;
position: absolute;
top: 10px;
right: 10px;
border-radius: 10px;
}
.modal__close:hover {
background-color: #e6e6e6;
cursor: pointer;
}
.modal__row {
width: 100%;
}
.modal__row:not(:last-child) {
margin-bottom: 60px;
}
@media only screen and (max-width: 576px) {
.modal__row:not(:last-child) {
margin-bottom: 40px;
}
}
.modal__header {
width: 100%;
}
@media only screen and (max-width: 576px) {
.modal__header {
text-align: center;
}
}
.modal__title {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 500;
}
.modal__body {
width: 100%;
max-height: 50vh;
overflow-y: auto;
}
.modal__footer {
width: 100%;
}
.toggle-filters {
color: #222;
font-family: "Montserrat", sans-serif;
font-size: 15px;
}
.form-control {
background-color: #fff;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
color: #393d57;
padding: 13px 16px;
box-sizing: border-box;
border-radius: 5px;
border: 2px solid #ced0d8;
transition: 0.3s border-color;
}
.form-control:focus {
border-color: #959aab;
}
.sticky-top {
position: sticky;
top: 0;
}
.alert {
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 600;
color: #555;
padding: 20px;
box-sizing: border-box;
border-radius: 5px;
}
.alert--light {
background-color: #eaebef;
border-color: #eaebef;
color: #393d57;
}
.alert--success {
background-color: #2ed573;
border-color: #2ed573;
color: #0d4324;
}
.alert--danger {
background-color: #ff4757;
border-color: #ff4757;
color: #94000d;
}
.alert--info {
background-color: #1e90ff;
border-color: #1e90ff;
color: #00366b;
}
.alert--bordered {
background: none;
border-width: 2px;
border-style: solid;
}
.alert--top {
position: fixed;
top: 0;
left: 0;
border-radius: 0;
}
.form-error {
background: #ff4757;
border-radius: 5px;
padding: 6px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
margin-top: 2px;
}
.form-control.is-invalid {
border-color: #ff4757;
}
.block-row {
width: 100%;
}
.mt-0 {
margin-top: 0px !important;
}
@media only screen and (max-width: 768px) {
.mt-0 {
margin-top: calc(0px / 1.5) !important;
}
}
.mb-0 {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 768px) {
.mb-0 {
margin-bottom: calc(0px / 1.5) !important;
}
}
.pt-0 {
padding-top: 0px !important;
}
@media only screen and (max-width: 768px) {
.pt-0 {
padding-top: calc(0px / 1.5) !important;
}
}
.pb-0 {
padding-bottom: 0px !important;
}
@media only screen and (max-width: 768px) {
.pb-0 {
padding-bottom: calc(0px / 1.5) !important;
}
}
.mt-5 {
margin-top: 5px !important;
}
@media only screen and (max-width: 768px) {
.mt-5 {
margin-top: calc(5px / 1.5) !important;
}
}
.mb-5 {
margin-bottom: 5px !important;
}
@media only screen and (max-width: 768px) {
.mb-5 {
margin-bottom: calc(5px / 1.5) !important;
}
}
.pt-5 {
padding-top: 5px !important;
}
@media only screen and (max-width: 768px) {
.pt-5 {
padding-top: calc(5px / 1.5) !important;
}
}
.pb-5 {
padding-bottom: 5px !important;
}
@media only screen and (max-width: 768px) {
.pb-5 {
padding-bottom: calc(5px / 1.5) !important;
}
}
.mt-10 {
margin-top: 10px !important;
}
@media only screen and (max-width: 768px) {
.mt-10 {
margin-top: calc(10px / 1.5) !important;
}
}
.mb-10 {
margin-bottom: 10px !important;
}
@media only screen and (max-width: 768px) {
.mb-10 {
margin-bottom: calc(10px / 1.5) !important;
}
}
.pt-10 {
padding-top: 10px !important;
}
@media only screen and (max-width: 768px) {
.pt-10 {
padding-top: calc(10px / 1.5) !important;
}
}
.pb-10 {
padding-bottom: 10px !important;
}
@media only screen and (max-width: 768px) {
.pb-10 {
padding-bottom: calc(10px / 1.5) !important;
}
}
.mt-16 {
margin-top: 16px !important;
}
@media only screen and (max-width: 768px) {
.mt-16 {
margin-top: calc(16px / 1.5) !important;
}
}
.mb-16 {
margin-bottom: 16px !important;
}
@media only screen and (max-width: 768px) {
.mb-16 {
margin-bottom: calc(16px / 1.5) !important;
}
}
.pt-16 {
padding-top: 16px !important;
}
@media only screen and (max-width: 768px) {
.pt-16 {
padding-top: calc(16px / 1.5) !important;
}
}
.pb-16 {
padding-bottom: 16px !important;
}
@media only screen and (max-width: 768px) {
.pb-16 {
padding-bottom: calc(16px / 1.5) !important;
}
}
.mt-24 {
margin-top: 24px !important;
}
@media only screen and (max-width: 768px) {
.mt-24 {
margin-top: calc(24px / 1.5) !important;
}
}
.mb-24 {
margin-bottom: 24px !important;
}
@media only screen and (max-width: 768px) {
.mb-24 {
margin-bottom: calc(24px / 1.5) !important;
}
}
.pt-24 {
padding-top: 24px !important;
}
@media only screen and (max-width: 768px) {
.pt-24 {
padding-top: calc(24px / 1.5) !important;
}
}
.pb-24 {
padding-bottom: 24px !important;
}
@media only screen and (max-width: 768px) {
.pb-24 {
padding-bottom: calc(24px / 1.5) !important;
}
}
.mt-32 {
margin-top: 32px !important;
}
@media only screen and (max-width: 768px) {
.mt-32 {
margin-top: calc(32px / 1.5) !important;
}
}
.mb-32 {
margin-bottom: 32px !important;
}
@media only screen and (max-width: 768px) {
.mb-32 {
margin-bottom: calc(32px / 1.5) !important;
}
}
.pt-32 {
padding-top: 32px !important;
}
@media only screen and (max-width: 768px) {
.pt-32 {
padding-top: calc(32px / 1.5) !important;
}
}
.pb-32 {
padding-bottom: 32px !important;
}
@media only screen and (max-width: 768px) {
.pb-32 {
padding-bottom: calc(32px / 1.5) !important;
}
}
.mt-38 {
margin-top: 38px !important;
}
@media only screen and (max-width: 768px) {
.mt-38 {
margin-top: calc(38px / 1.5) !important;
}
}
.mb-38 {
margin-bottom: 38px !important;
}
@media only screen and (max-width: 768px) {
.mb-38 {
margin-bottom: calc(38px / 1.5) !important;
}
}
.pt-38 {
padding-top: 38px !important;
}
@media only screen and (max-width: 768px) {
.pt-38 {
padding-top: calc(38px / 1.5) !important;
}
}
.pb-38 {
padding-bottom: 38px !important;
}
@media only screen and (max-width: 768px) {
.pb-38 {
padding-bottom: calc(38px / 1.5) !important;
}
}
.mt-40 {
margin-top: 40px !important;
}
@media only screen and (max-width: 768px) {
.mt-40 {
margin-top: calc(40px / 1.5) !important;
}
}
.mb-40 {
margin-bottom: 40px !important;
}
@media only screen and (max-width: 768px) {
.mb-40 {
margin-bottom: calc(40px / 1.5) !important;
}
}
.pt-40 {
padding-top: 40px !important;
}
@media only screen and (max-width: 768px) {
.pt-40 {
padding-top: calc(40px / 1.5) !important;
}
}
.pb-40 {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 768px) {
.pb-40 {
padding-bottom: calc(40px / 1.5) !important;
}
}
.mt-48 {
margin-top: 48px !important;
}
@media only screen and (max-width: 768px) {
.mt-48 {
margin-top: calc(48px / 1.5) !important;
}
}
.mb-48 {
margin-bottom: 48px !important;
}
@media only screen and (max-width: 768px) {
.mb-48 {
margin-bottom: calc(48px / 1.5) !important;
}
}
.pt-48 {
padding-top: 48px !important;
}
@media only screen and (max-width: 768px) {
.pt-48 {
padding-top: calc(48px / 1.5) !important;
}
}
.pb-48 {
padding-bottom: 48px !important;
}
@media only screen and (max-width: 768px) {
.pb-48 {
padding-bottom: calc(48px / 1.5) !important;
}
}
.mt-60 {
margin-top: 60px !important;
}
@media only screen and (max-width: 768px) {
.mt-60 {
margin-top: calc(60px / 1.5) !important;
}
}
.mb-60 {
margin-bottom: 60px !important;
}
@media only screen and (max-width: 768px) {
.mb-60 {
margin-bottom: calc(60px / 1.5) !important;
}
}
.pt-60 {
padding-top: 60px !important;
}
@media only screen and (max-width: 768px) {
.pt-60 {
padding-top: calc(60px / 1.5) !important;
}
}
.pb-60 {
padding-bottom: 60px !important;
}
@media only screen and (max-width: 768px) {
.pb-60 {
padding-bottom: calc(60px / 1.5) !important;
}
}
.mt-64 {
margin-top: 64px !important;
}
@media only screen and (max-width: 768px) {
.mt-64 {
margin-top: calc(64px / 1.5) !important;
}
}
.mb-64 {
margin-bottom: 64px !important;
}
@media only screen and (max-width: 768px) {
.mb-64 {
margin-bottom: calc(64px / 1.5) !important;
}
}
.pt-64 {
padding-top: 64px !important;
}
@media only screen and (max-width: 768px) {
.pt-64 {
padding-top: calc(64px / 1.5) !important;
}
}
.pb-64 {
padding-bottom: 64px !important;
}
@media only screen and (max-width: 768px) {
.pb-64 {
padding-bottom: calc(64px / 1.5) !important;
}
}
.mt-80 {
margin-top: 80px !important;
}
@media only screen and (max-width: 768px) {
.mt-80 {
margin-top: calc(80px / 1.5) !important;
}
}
.mb-80 {
margin-bottom: 80px !important;
}
@media only screen and (max-width: 768px) {
.mb-80 {
margin-bottom: calc(80px / 1.5) !important;
}
}
.pt-80 {
padding-top: 80px !important;
}
@media only screen and (max-width: 768px) {
.pt-80 {
padding-top: calc(80px / 1.5) !important;
}
}
.pb-80 {
padding-bottom: 80px !important;
}
@media only screen and (max-width: 768px) {
.pb-80 {
padding-bottom: calc(80px / 1.5) !important;
}
}
.mt-96 {
margin-top: 96px !important;
}
@media only screen and (max-width: 768px) {
.mt-96 {
margin-top: calc(96px / 1.5) !important;
}
}
.mb-96 {
margin-bottom: 96px !important;
}
@media only screen and (max-width: 768px) {
.mb-96 {
margin-bottom: calc(96px / 1.5) !important;
}
}
.pt-96 {
padding-top: 96px !important;
}
@media only screen and (max-width: 768px) {
.pt-96 {
padding-top: calc(96px / 1.5) !important;
}
}
.pb-96 {
padding-bottom: 96px !important;
}
@media only screen and (max-width: 768px) {
.pb-96 {
padding-bottom: calc(96px / 1.5) !important;
}
}
.mt-128 {
margin-top: 128px !important;
}
@media only screen and (max-width: 768px) {
.mt-128 {
margin-top: calc(128px / 1.5) !important;
}
}
.mb-128 {
margin-bottom: 128px !important;
}
@media only screen and (max-width: 768px) {
.mb-128 {
margin-bottom: calc(128px / 1.5) !important;
}
}
.pt-128 {
padding-top: 128px !important;
}
@media only screen and (max-width: 768px) {
.pt-128 {
padding-top: calc(128px / 1.5) !important;
}
}
.pb-128 {
padding-bottom: 128px !important;
}
@media only screen and (max-width: 768px) {
.pb-128 {
padding-bottom: calc(128px / 1.5) !important;
}
}
.border-0 {
border: none !important;
}
.border-btm {
border-bottom: 1px solid #ebecee;
}
.heading-2 {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 40px;
font-weight: 700;
}
@media only screen and (max-width: 768px) {
.heading-2 {
font-size: 30px;
}
}
@media only screen and (max-width: 576px) {
.heading-2 {
font-size: 24px;
}
}
.heading-3 {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 500;
}
@media only screen and (max-width: 768px) {
.heading-3 {
font-size: 20px;
}
}
.heading-4 {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 500;
}
@media only screen and (max-width: 768px) {
.heading-4 {
font-size: 20px;
}
}
.text-2 {
color: #aaadbe;
font-family: "Montserrat", sans-serif;
font-size: 23px;
font-weight: 500;
}
.text-3 {
color: #aaadbe;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 500;
}
.text-4 {
color: #aaadbe;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
}
.text-5 {
color: #aaadbe;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 500;
}
.c-azure {
color: #27d6f2;
}
.c-charcoal-secondary {
color: #393d57;
}
.c-blue {
color: #1628b2;
}
.c-gray {
color: #aaadbe;
}
.c-white {
color: #fff !important;
}
.bg-blue {
background-color: #1628b2 !important;
}
.bg-white {
background-color: #fff;
}
.bg-gray {
background-color: #f6f6fa;
}
.lh-25 {
line-height: 25px;
}
.lh-30 {
line-height: 30px;
}
.v-center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
body {
width: auto;
height: auto;
margin: 0 auto;
padding: 0;
font-family: "Montserrat", sans-serif;
}
a {
text-decoration: none;
color: #393d57;
}
*:focus {
outline: none;
}
img {
border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
.wrapper {
width: 1200px;
max-width: calc(100% - 40px);
height: auto;
margin: auto;
}
.wrapper--fluid {
max-width: 100%;
}
.wrapper--840 {
width: 840px;
}
.wrapper--1700 {
width: 1700px;
}
.section {
width: 100%;
padding: 80px 0;
}
.section--no-pdg-top {
padding-top: 0;
}
@media only screen and (max-width: 576px) {
.section {
padding: 50px 0;
}
}
.section__col--filters {
width: 290px;
}
@media only screen and (max-width: 768px) {
.section__col--filters {
width: 100%;
margin-bottom: 40px;
}
}
.section__col--events {
width: calc(100% - 330px);
}
@media only screen and (max-width: 768px) {
.section__col--events {
width: 100%;
}
}
.section__row {
width: 100%;
}
.section__row:not(:last-child) {
margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
.section__row:not(:last-child) {
margin-bottom: 40px;
}
}
.section__row--between {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
}
.section__row--sm:not(:last-child) {
margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
.section__row--sm:not(:last-child) {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 577px) {
.section__toggle-filters {
display: none;
}
}
.badge {
color: #fff;
font-size: 12px;
padding: 5px 15px;
text-align: center;
border-radius: 30px;
}
.badge--orange {
background-color: #fa8c3c;
}
.top {
background-image: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/top-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 860px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
margin-bottom: 70px;
}
.top--short {
background: #fff;
height: auto;
}
.top--pricing {
background-image: none;
background-color: #f6f6fa;
min-height: 1040px;
display: block;
position: relative;
}
.top--pricing::before {
background-image: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/top-pricing-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 750px;
top: 0;
left: 0;
position: absolute;
content: "";
z-index: 0;
}
.top--how-it-works {
background-image: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/top-how-it-works-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
min-height: 477px;
}
@media only screen and (max-width: 768px) {
.top {
height: auto;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 576px) {
.top {
margin-bottom: 0;
}
}
.top__block {
width: 100%;
position: relative;
z-index: 5;
}
.top__row {
width: 100%;
}
@media only screen and (max-width: 768px) {
.top__row:not(:last-child) {
margin-bottom: 60px;
}
}
.top__heading {
width: 100%;
font-size: calc((25px) + (40 - 25) * ((100vw - 500px) / (1900 - 500)));
font-weight: 500;
color: #fff;
text-align: center;
margin-bottom: 90px;
}
.top__heading--highlight {
color: #27d6f2;
font-weight: 700;
}
@media only screen and (max-width: 992px) {
.top__heading {
margin-bottom: 40px;
}
}
.top__search {
width: 920px;
max-width: 100%;
margin: auto;
}
.top__categories {
width: 100%;
}
.header {
width: 100%;
padding: 50px 40px 0 40px;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.header--subpage {
padding: 50px 40px;
}
@media only screen and (max-width: 992px) {
.header {
flex-direction: column;
justify-content: center;
}
}
.header__side {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 992px) {
.header__side:not(:last-child) {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px) {
.header__side {
flex-direction: column;
justify-content: center;
}
}
@media only screen and (max-width: 576px) {
.header__side:nth-child(1) {
margin-bottom: 0;
}
.header__side:nth-child(2) {
display: none;
}
}
.header__col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.header__col:not(:last-child) {
margin-right: 45px;
}
@media only screen and (max-width: 768px) {
.header__col:not(:last-child) {
margin-right: 0;
}
}
@media only screen and (max-width: 768px) {
.header__col:not(:last-child) {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 576px) {
.header__col--nav {
display: none;
}
}
.header__select {
display: inline-block;
}
.logo {
width: 183px;
height: 48px;
display: inline-block;
}
.select-arrow {
position: relative;
}
.select-arrow__select {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/arrow-down-icon.svg) 105px center no-repeat;
width: 250px;
border: none;
font-family: "Montserrat", sans-serif;
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 20px 20px 20px 20px;
appearance: none;
cursor: pointer;
}
@media only screen and (max-width: 1140px) {
.select-arrow__select {
width: auto;
background-position: center right;
}
}
.select-arrow__select--dark {
color: #393d57;
}
.select-arrow__select:focus {
background-color: #f6f6fa;
color: #000;
}
.select-arrow__select option {
line-height: 50px;
padding: 30px;
}
.solo-search {
width: 100%;
position: relative;
}
.solo-search__input {
background-color: #fff;
width: 100%;
padding: 26px 100px 26px 35px;
box-sizing: border-box;
font-size: 18px;
color: #6a7193;
border: none;
border-radius: 50px;
border: 2px solid transparent;
transition: 0.25s box-shadow;
}
@media only screen and (max-width: 768px) {
.solo-search__input {
padding: 20px 90px 20px 20px;
}
}
.solo-search__input::-webkit-input-placeholder {
color: #a5a9be;
}
.solo-search__input:-moz-placeholder {
color: #a5a9be;
}
.solo-search__input::-moz-placeholder {
color: #a5a9be;
}
.solo-search__input:-ms-input-placeholder {
color: #a5a9be;
}
.solo-search__input:focus {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
.solo-search__btn {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/search-icon.svg) center no-repeat;
width: 80px;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 50%;
border: none;
cursor: pointer;
transition: 0.2s background-color;
}
.solo-search__btn:hover {
background-color: #f2f2f2;
}
@media only screen and (max-width: 768px) {
.solo-search__btn {
width: 64px;
}
}
.link-nav {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.link-nav--dark .link-nav__link {
color: #393d57;
}
.link-nav__item {
display: inline-block;
font-size: 15px;
color: #999999;
}
.link-nav__item:not(:last-child) {
margin-right: 12px;
}
@media only screen and (max-width: 576px) {
.link-nav__item {
width: 100%;
text-align: center;
display: block;
}
.link-nav__item:not(:last-child) {
margin: 0 0 20px 0;
}
}
.link-nav__link {
padding: 5px;
color: #fff;
font-size: 15px;
font-weight: 600;
}
.link-nav__link:hover {
text-decoration: underline;
}
.tab-nav {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
.tab-nav--dark .link-nav__link {
color: #393d57;
}
.tab-nav--center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
.tab-nav__item {
font-size: 15px;
color: #999999;
}
.tab-nav__item:not(:last-child) {
margin-right: 15px;
}
.tab-nav__item--active .tab-nav__link {
background: #1628b2;
}
.tab-nav__item:hover {
cursor: pointer;
}
.tab-nav__item:hover:not(.tab-nav__item--active) .tab-nav__link {
text-decoration: underline;
}
.tab-nav__link {
border-radius: 30px;
padding: 20px 40px;
color: #fff;
font-size: 17px;
font-weight: 600;
display: block;
}
.tab-nav__badge {
margin-left: 12px;
}
@media only screen and (max-width: 576px) {
.tab-nav__badge {
margin: 10px 0 0 0;
display: block;
}
}
.card-categories {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 992px) {
.card-categories {
flex-wrap: wrap;
}
}
.card-categories__item {
margin: 0;
padding: 0;
}
.card-categories__item:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.12);
}
@media only screen and (max-width: 992px) {
.card-categories__item {
width: 33.33333%;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.12);
}
}
@media only screen and (max-width: 768px) {
.card-categories__item {
width: 50%;
}
.card-categories__item:nth-last-child(-n + 2) {
display: none;
}
}
@media only screen and (max-width: 576px) {
.card-categories__item {
width: 100%;
}
}
.card-categories__link {
height: 156px;
padding: 10px 45px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
}
@media only screen and (max-width: 1140px) {
.card-categories__link {
padding: 10px 25px;
}
}
@media only screen and (max-width: 992px) {
.card-categories__link {
height: auto;
display: block;
text-align: center;
padding: 25px;
}
}
@media only screen and (max-width: 768px) {
.card-categories__link {
height: auto;
padding: 35px 25px;
}
}
.card-categories__link:hover {
background: rgba(255, 255, 255, 0.12);
}
.card-categories__title {
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.card-categories__subtitle {
color: #27d6f2;
font-size: 16px;
font-weight: 500;
}
.events {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
grid-row-gap: 60px;
}
@media only screen and (max-width: 992px) {
.events {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 768px) {
.events {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
grid-row-gap: 40px;
}
}
@media only screen and (max-width: 576px) {
.events {
grid-template-columns: repeat(1, 1fr);
}
}
.events--three {
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 992px) {
.events--three {
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
}
}
@media only screen and (max-width: 576px) {
.events--three {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 20px;
}
}
.events__item {
width: 100%;
}
.events__item:hover .events__photo {
filter: grayscale(60%);
box-shadow: 0 15px 25px rgba(22, 40, 178, 0.14);
}
.events__photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 200px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 15px 25px rgba(22, 40, 178, 0.04);
transition: 0.3s filter, 0.3s box-shadow;
}
.events__category {
color: #1628b2;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.events__title {
color: #0c1028;
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin-bottom: 5px;
display: block;
}
.events__title:hover {
text-decoration: underline;
}
.events__date {
color: #8e93b2;
font-size: 14px;
font-weight: 500;
}
.footer {
width: 100%;
padding: 80px 0;
box-sizing: border-box;
border-top: 1px solid rgba(12, 16, 40, 0.1);
}
@media only screen and (max-width: 576px) {
.footer {
padding: 50px 0;
}
}
.footer__block {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 576px) {
.footer__block {
justify-content: center;
align-content: center;
align-items: center;
}
}
.footer__row {
width: 100%;
}
.footer__row:not(:last-child) {
margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
.footer__row:not(:last-child) {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 576px) {
.footer__row:not(:last-child) {
margin-bottom: 10px;
}
}
.footer__col {
width: calc(25% - 30px);
}
@media only screen and (max-width: 768px) {
.footer__col {
width: calc(33.333% - 30px);
margin-bottom: 60px;
}
.footer__col:nth-child(1) {
width: 100%;
text-align: center;
order: 4;
margin-bottom: 0;
}
}
@media only screen and (max-width: 576px) {
.footer__col {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
}
.footer__logo {
display: inline-block;
}
.footer__copyright {
color: #a5a9be;
font-size: 12px;
font-weight: 600;
}
.footer__footer {
color: #393d57;
font-size: 14px;
font-weight: 600;
}
.footer__text {
color: #393d57;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.vertical-nav {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.vertical-nav__item {
width: 100%;
}
.vertical-nav__item:not(:last-child) {
margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
.vertical-nav__item:not(:last-child) {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 576px) {
.vertical-nav__item:not(:last-child) {
margin-bottom: 10px;
}
}
.vertical-nav__link {
color: #393d57;
font-size: 14px;
font-weight: 600;
}
.vertical-nav__link:hover {
color: #000;
text-decoration: underline;
}
.search-filters {
width: 100%;
}
@media only screen and (max-width: 576px) {
.search-filters {
display: none;
}
}
.search-filters__row {
width: 100%;
}
.search-filters__row:not(:last-child) {
margin-bottom: 35px;
}
.search-filters__row--sm:not(:last-child) {
margin-bottom: 15px;
}
.checkbox-list {
width: 100%;
}
.checkbox-list__item:not(:last-child) {
margin-bottom: 20px;
}
.icon-list {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.icon-list__item {
color: #393d57;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
}
.icon-list__icon {
width: 12px;
height: 12px;
margin: 0 10px 0 0;
display: inline-block;
}
.icon-list__icon svg {
width: 12px;
height: 12px;
}
.icon-list__value {
width: calc(100% - 22px);
}
.custom-checkbox {
display: inline-block;
color: #393d57;
font-size: 14px;
font-weight: 600;
position: relative;
padding: 3px 0 0 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custom-checkbox:hover input ~ .custom-checkbox__checkmark {
background-color: #ccc;
}
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.custom-checkbox input:checked ~ .custom-checkbox__checkmark {
background-color: #1628b2;
border-color: #1628b2;
}
.custom-checkbox input:checked ~ .custom-checkbox__checkmark:after {
display: block;
}
.custom-checkbox__info {
color: #a5a9be;
}
.custom-checkbox__checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
box-sizing: border-box;
background-color: #fff;
border: 2px solid #ced0d8;
border-radius: 5px;
}
.custom-checkbox__checkmark:after {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/checked-icon.svg) center no-repeat;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
content: "";
position: absolute;
display: none;
}
.title-input {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.title-input__title {
width: 40px;
color: #a5a9be;
font-size: 14px;
font-weight: 600;
}
.title-input__input {
width: calc(100% - 40px);
position: relative;
}
.title-input__input--date::after {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/calendar-icon.png) center no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 14px;
right: 9px;
content: "";
}
.title-input__input--date .title-input__control::-webkit-inner-spin-button {
display: none;
}
.title-input__input--date .title-input__control::-webkit-calendar-picker-indicator {
opacity: 0;
}
.title-input__input--number .title-input__control {
padding-right: 50px;
}
.title-input__input--number .title-input__control::-webkit-inner-spin-button, .title-input__input--number .title-input__control::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.title-input__input--number::after {
font-size: 14px;
font-weight: 600;
color: #a5a9be;
position: absolute;
top: 15px;
right: 9px;
content: "PLN";
}
.title-input__control {
background-color: #fff;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
color: #393d57;
padding: 13px 16px;
box-sizing: border-box;
border-radius: 5px;
border: 2px solid #ced0d8;
}
.event {
width: 100%;
}
.event__row {
width: 100%;
}
.event__row:not(:last-child) {
margin-bottom: 30px;
}
.event__row--between {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: flex-start;
}
@media only screen and (max-width: 768px) {
.event__row--between {
justify-content: flex-start;
align-content: flex-start;
}
}
.event__col {
width: 50%;
}
@media only screen and (max-width: 768px) {
.event__col {
width: 100%;
}
}
.event__col--photo {
width: 55%;
}
@media only screen and (max-width: 768px) {
.event__col--photo {
width: 100%;
}
}
.event__col--block {
width: 45%;
padding-left: 80px;
box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
.event__col--block {
padding-left: 40px;
}
}
@media only screen and (max-width: 768px) {
.event__col--block {
width: 100%;
padding-left: 0;
}
}
.event__photo {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 428px;
box-shadow: 0 15px 30px rgba(22, 40, 178, 0.12);
border-radius: 10px;
}
@media only screen and (max-width: 768px) {
.event__photo {
height: 50vw;
}
}
.event__block {
width: 100%;
height: 428px;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 768px) {
.event__block {
height: auto;
padding: 40px 0;
}
}
.event__category {
color: #1628b2;
font-size: 18px;
font-weight: 600;
}
.event__title {
color: #0c1028;
font-size: calc((23px) + (30 - 23) * ((100vw - 500px) / (1900 - 500)));
font-weight: 600;
line-height: 48px;
}
@media only screen and (max-width: 992px) {
.event__title {
line-height: 35px;
}
}
.event__info {
color: #8e93b2;
font-size: 16px;
font-weight: 600;
}
.event__ticket-btn {
width: 220px;
max-width: 100%;
}
@media only screen and (max-width: 400px) {
.event__ticket-btn {
display: block;
width: 100%;
}
}
.event__map {
width: 100%;
height: 450px;
}
@media only screen and (max-width: 768px) {
.event__map {
height: 50vw;
}
}
.event__address {
width: 100%;
height: 450px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: center;
}
@media only screen and (max-width: 768px) {
.event__address {
height: auto;
padding: 40px 0;
}
}
.address-card {
width: 100%;
padding: 0 30px 0 0;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.address-card {
padding: 0;
}
}
.address-card__row {
width: 100%;
}
.address-card__row:not(:last-child) {
margin-bottom: 30px;
}
.address-card__row--sm:not(:last-child) {
margin-bottom: 15px;
}
.address-card__time {
color: #393d57;
font-size: 16px;
font-weight: 600;
}
.address-card__duration {
color: #868bac;
font-size: 14px;
font-weight: 500;
}
.address-card__duration--bold {
font-weight: 700;
}
.address-card__divider {
width: 100%;
height: 1px;
margin: 40px 0;
background-color: #eaebef;
}
@media only screen and (max-width: 768px) {
.address-card__divider {
margin: 0;
}
}
.agenda {
width: 100%;
}
.agenda__term {
width: 100%;
}
.agenda__term:not(:last-child) {
margin-bottom: 30px;
}
.agenda__day {
color: #393d57;
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
}
.agenda__list {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.agenda__item {
width: 100%;
}
.agenda__item:not(:last-child) {
margin-bottom: 15px;
}
.agenda__time {
width: 55px;
color: #a5a9be;
font-size: 16px;
font-weight: 600;
display: inline-block;
margin-right: 15px;
margin-top: 8px;
vertical-align: top;
}
.agenda__description {
width: calc(100% - 80px);
color: #393d57;
font-size: 16px;
font-weight: 500;
line-height: 34px;
display: inline-block;
}
.agenda {
width: 100%;
}
.agenda__term {
width: 100%;
}
.agenda__term:not(:last-child) {
margin-bottom: 30px;
}
.agenda__day {
color: #393d57;
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
}
.agenda__list {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.agenda__item {
width: 100%;
}
.agenda__item:not(:last-child) {
margin-bottom: 15px;
}
.agenda__time {
width: 55px;
color: #a5a9be;
font-size: 16px;
font-weight: 600;
display: inline-block;
margin-right: 15px;
margin-top: 8px;
vertical-align: top;
}
.agenda__description {
width: calc(100% - 80px);
color: #393d57;
font-size: 16px;
font-weight: 500;
line-height: 34px;
display: inline-block;
}
.organizers {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
grid-row-gap: 40px;
}
@media only screen and (max-width: 992px) {
.organizers {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 768px) {
.organizers {
grid-gap: 25px;
grid-row-gap: 25px;
}
}
@media only screen and (max-width: 576px) {
.organizers {
grid-template-columns: repeat(1, 1fr);
}
}
.organizers__item {
width: 100%;
padding: 40px 15px;
box-sizing: border-box;
border-radius: 10px;
border: 5px solid #f4f5f9;
}
@media only screen and (max-width: 576px) {
.organizers__item {
padding: 20px;
}
}
.organizers__row {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.organizers__row:not(:last-child) {
margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
.organizers__row:not(:last-child) {
margin-bottom: 17px;
}
}
.organizers__photo {
width: 128px;
border-radius: 50%;
}
@media only screen and (max-width: 576px) {
.organizers__photo {
width: 80px;
}
}
.organizers__photo img {
border-radius: 50%;
}
.organizers__name {
color: #393d57;
font-size: 18px;
font-weight: 600;
}
.organizers__email {
color: #5b5f7b;
font-size: 14px;
font-weight: 600;
}
.organizers__phone {
color: #393d57;
font-size: 16px;
font-weight: 600;
}
.text-icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
color: #393d57;
font-size: 16px;
font-weight: 600;
}
.text-icon__icon {
margin: -1px 15px 0 0;
width: 20px;
height: 20px;
}
.number-input {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.number-input__control {
width: 52px;
height: 46px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
color: #a5a9be;
font-family: "Montserrat", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 42px;
display: inline-block;
user-select: none;
transition: 0.2s color, 0.2s background-color;
}
.number-input__control:hover {
background-color: #f2f2f2;
color: #6a7193;
cursor: pointer;
}
.number-input__count {
width: 64px;
height: 48px;
color: #393d57;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
border-radius: 5px;
padding: 0 14px;
box-sizing: border-box;
user-select: none;
border: 2px solid rgba(206, 208, 216, 0.7);
}
.number-input__count::-webkit-inner-spin-button, .number-input__count::-webkit-outer-spin-button {
appearance: none;
}
.tickets-list {
width: 100%;
}
.tickets-list__row {
width: 100%;
}
.tickets-list__row:not(:last-child) {
margin-bottom: 20px;
}
.tickets-list__row--between {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 576px) {
.tickets-list__row--between {
flex-direction: column;
justify-content: center;
}
}
@media only screen and (max-width: 576px) {
.tickets-list__col:not(:last-child) {
margin-bottom: 10px;
}
}
.tickets-list__item {
width: 100%;
box-sizing: border-box;
}
.tickets-list__item:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(206, 208, 216, 0.5);
}
@media only screen and (max-width: 576px) {
.tickets-list__item {
text-align: center;
}
}
.tickets-list__info {
color: #969aaa;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
}
.tickets-list__title {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 600;
}
.tickets-list__price {
color: #1628b2;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.pagination {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.pagination .page-item {
border: 1px solid #ced0d8;
}
.pagination .page-item:not(:last-child) {
border-right: none;
}
.pagination .page-item:first-child {
border-radius: 5px 0 0 5px;
}
.pagination .page-item:last-child {
border-radius: 0 5px 5px 0;
}
.pagination .page-item.active {
background-color: #ced0d8;
}
.pagination .page-item.active .page-link {
color: #1d1e24;
font-weight: 600;
}
.pagination .page-item.disabled {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pagination .page-item.disabled .page-link {
opacity: 0.5;
}
.pagination .page-link {
width: 40px;
height: 40px;
color: #616679;
font-family: "Montserrat", sans-serif;
font-size: 14px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.form-wrapper {
width: 550px;
max-width: 100%;
margin: auto;
padding: 100px 0;
}
@media only screen and (max-width: 576px) {
.form-wrapper {
padding: 50px 0;
}
}
.card {
width: 100%;
border-radius: 10px;
border: 1px solid #e6e6e6;
overflow: hidden;
}
.card__header {
width: 100%;
padding: 30px 0;
box-sizing: border-box;
border-bottom: 1px solid #e6e6e6;
}
.card__heading {
width: 100%;
color: #333333;
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 600;
text-align: center;
}
.card__body {
background: #fff;
padding: 35px;
box-sizing: border-box;
}
.card__footer {
width: 100%;
border-top: 1px solid #e6e6e6;
padding: 30px;
box-sizing: border-box;
}
.form {
width: 100%;
}
.form__group {
width: 100%;
}
.form__group:not(:last-child) {
margin-bottom: 25px;
}
.form__label {
color: #333333;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
display: block;
}
.trusted-us {
width: 100%;
padding: 70px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.trusted-us__header {
width: 160px;
}
@media only screen and (max-width: 768px) {
.trusted-us__header {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
}
.trusted-us__items {
width: calc(100% - 240px);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 992px) {
.trusted-us__items {
width: calc(100% - 160px);
}
}
@media only screen and (max-width: 768px) {
.trusted-us__items {
width: 100%;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
}
}
.trusted-us__item {
padding: 0 30px;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.trusted-us__item {
width: 100%;
text-align: center;
}
.trusted-us__item:not(:last-child) {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 576px) {
.trusted-us__item {
padding: 0;
max-width: 240px;
}
}
.inline-buttons {
width: 100%;
}
.inline-buttons__button {
display: inline-block;
}
.inline-buttons__button:not(:last-child) {
margin-right: 10px;
}
@media only screen and (max-width: 576px) {
.inline-buttons__button {
display: block;
text-align: center;
margin: auto;
}
.inline-buttons__button:not(:last-child) {
margin: 0 0 10px 0;
}
}
.advantages {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 576px) {
.advantages {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: flex-start;
}
}
.advantages__item {
width: 305px;
text-align: center;
}
@media only screen and (max-width: 992px) {
.advantages__item {
padding: 0 20px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 576px) {
.advantages__item {
padding: 0;
}
.advantages__item:not(:last-child) {
margin-bottom: 50px;
}
}
.advantages__icon {
width: 48px;
height: 48px;
display: inline-block;
margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
.advantages__icon {
margin-bottom: 15px;
}
}
.advantages__title {
color: #0c1028;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
.advantages__title {
font-size: 20px;
}
}
@media only screen and (max-width: 576px) {
.advantages__title {
margin-bottom: 15px;
}
}
.advantages__description {
color: #393d57;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
@media only screen and (max-width: 768px) {
.advantages__description {
line-height: 25px;
}
}
.faq {
width: 100%;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 576px) {
.faq {
grid-gap: 25px;
}
}
.faq__item {
width: 100%;
}
.faq__item--toggle .faq__header {
border-radius: 5px 5px 0 0;
}
.faq__item--toggle .faq__header::after {
display: none;
}
.faq__item--toggle .faq__block {
display: block;
}
.faq__header {
background-color: #f6f6fa;
width: 100%;
color: #393d57;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
border-radius: 5px;
transition: 0.2s background-color;
position: relative;
}
@media only screen and (max-width: 576px) {
.faq__header {
font-size: 15px;
}
}
.faq__header::before, .faq__header::after {
background: #a5a9be;
position: absolute;
content: "";
width: 22px;
height: 2px;
top: calc(50% - 1px);
right: 40px;
}
@media only screen and (max-width: 576px) {
.faq__header::before, .faq__header::after {
right: 25px;
}
}
.faq__header::after {
transform: rotate(90deg);
}
.faq__header:hover {
background-color: #e9e9f3;
}
.faq__header:hover::before, .faq__header:hover::after {
background: #999eb5;
}
.faq__link {
padding: 40px;
padding-right: 80px;
display: block;
box-sizing: border-box;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 576px) {
.faq__link {
padding: 25px;
padding-right: 70px;
}
}
.faq__block {
color: #444444;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 25px;
padding: 40px;
box-sizing: border-box;
border: 2px solid #f6f6fa;
border-radius: 0 0 5px 5px;
border-top: none;
display: none;
}
@media only screen and (max-width: 576px) {
.faq__block {
padding: 25px;
}
}
.cta {
background: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/cta-bg.png) center no-repeat;
background-size: cover;
width: 100%;
height: 220px;
border-radius: 10px;
padding: 35px 70px;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.cta {
flex-direction: column;
justify-content: center;
padding: 40px;
text-align: center;
}
}
@media only screen and (max-width: 576px) {
.cta {
height: auto;
}
}
.cta__title {
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 500;
}
@media only screen and (max-width: 768px) {
.cta__title {
margin-bottom: 20px;
}
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip:hover .tooltip__text {
visibility: visible;
opacity: 1;
}
.tooltip__text {
background-color: rgba(0, 0, 0, 0.9);
visibility: hidden;
width: 164px;
color: #fff;
text-align: center;
font-size: 11px !important;
font-weight: 500;
line-height: 17px;
padding: 7px 9px;
border-radius: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 35%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip__text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}
.cookies-alert {
background: #1628b2;
width: 360px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
color: #fff;
text-align: center;
padding: 21px;
border-radius: 10px;
box-sizing: border-box;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 100;
}
@media only screen and (max-width: 576px) {
.cookies-alert {
width: calc(100% - 40px);
}
}
.cookies-alert__link {
color: #fff;
text-decoration: underline;
}
.cookies-alert__link:hover {
text-decoration: none;
}
.steps {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.steps__step {
width: 100%;
padding: 32px 0;
}
@media only screen and (max-width: 992px) {
.steps__step {
padding: 16px 0;
}
}
@media only screen and (max-width: 768px) {
.steps__step {
padding: 32px 0;
}
}
.steps__step--active .steps__icon svg {
fill: #27d6f2;
}
.steps__step--active .steps__value {
color: #1628b2;
}
.steps__step:not(.steps__step--active):hover .steps__icon svg {
fill: #27d6f2;
}
.steps__step:not(.steps__step--active):hover .steps__value {
color: #27d6f2;
}
.steps__inner {
width: 240px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 992px) {
.steps__inner {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
}
.steps__icon {
width: 24px;
height: 24px;
margin-right: 25px;
}
@media only screen and (max-width: 992px) {
.steps__icon {
margin-right: 0;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 768px) {
.steps__icon {
margin-bottom: 0;
}
}
.steps__icon svg {
width: 24px;
height: 24px;
fill: #a5a9be;
}
.steps__value {
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
line-height: 20px;
color: #a5a9be;
}
@media only screen and (max-width: 768px) {
.steps__value {
display: none;
}
}
.protip {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 560px;
padding: 60px;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
align-content: flex-start;
align-items: flex-start;
border-radius: 20px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 992px) {
.protip {
height: 30vw;
min-height: 200px;
max-height: 500px;
}
}
@media only screen and (max-width: 768px) {
.protip {
padding: 30px;
}
}
.protip::before {
background: linear-gradient(5.08deg, rgba(12, 16, 40, 0.75) 1.49%, rgba(12, 16, 40, 0) 48%);
width: 100%;
height: 100%;
opacity: 0.7;
bottom: 0;
left: 0;
position: absolute;
content: "";
border-radius: 20px;
transition: 0.3s opacity, 0.3s height;
}
@media only screen and (max-width: 768px) {
.protip::before {
opacity: 1;
}
}
@media only screen and (max-width: 576px) {
.protip::before {
background: linear-gradient(5.08deg, rgba(12, 16, 40, 0.75) 1.49%, rgba(12, 16, 40, 0) 100%);
}
}
.protip__inner {
position: relative;
z-index: 5;
}
.protip__subtitle {
font-size: 13px;
font-weight: 500;
color: #fff;
opacity: 0.75;
margin-bottom: 10px;
}
.protip__title {
font-size: 16px;
font-weight: 500;
color: #fff;
}
.pricing-table {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.pricing-table__row {
width: 100%;
display: flex;
flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
.pricing-table__row {
flex-wrap: wrap;
}
}
.pricing-table__row:not(:first-child):not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-table__row:not(:first-child):not(:last-child):hover {
background-color: #f5f6fa;
}
.pricing-table__row:first-child {
background-color: #fff;
top: 0;
position: sticky;
}
.pricing-table__col {
padding: 24px 0;
box-sizing: border-box;
}
.pricing-table__col:nth-child(1) {
width: calc(100% - (270px * 3));
font-weight: 600;
padding-left: 20px;
}
@media only screen and (max-width: 992px) {
.pricing-table__col:nth-child(1) {
width: calc(100% - (200px * 3));
}
}
@media only screen and (max-width: 768px) {
.pricing-table__col:nth-child(1) {
width: 100%;
text-align: center;
}
}
.pricing-table__col:not(:nth-child(1)) {
width: 270px;
color: #393d57;
font-size: 16px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 992px) {
.pricing-table__col:not(:nth-child(1)) {
width: 200px;
}
}
@media only screen and (max-width: 768px) {
.pricing-table__col:not(:nth-child(1)) {
width: 33.333%;
}
}
@media only screen and (max-width: 576px) {
.pricing-table__col:not(:nth-child(1)) {
font-size: 15px;
}
}
@media only screen and (min-width: 577px) {
.pricing-table__col:nth-child(3) {
background-color: #f5f6fa;
}
}
.pricing-table__title {
color: #1628b2;
font-size: 18px;
font-weight: 600;
padding: 20px 0 10px 0;
}
@media only screen and (max-width: 576px) {
.pricing-table__title {
font-size: 15px;
}
}
.pricing-table__icon {
width: 14px;
height: 14px;
display: inline-block;
}
.employee {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.employee--vertical {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.employee--vertical .employee__photo {
margin-right: 0;
margin-bottom: 30px;
}
.employee a:hover {
text-decoration: underline;
}
.employee__photo {
width: 108px;
height: 108px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
margin-right: 50px;
}
.employee__photo--avatar {
border-radius: 50%;
border: 10px solid rgba(236, 237, 245, 0.35);
}
.employee__photo--avatar img {
border-radius: 50%;
}
.employee__block {
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 25px;
}
.error-404 {
width: 100%;
padding: 100px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.error-404__link {
color: gray;
}
.tease-post {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.tease-post {
flex-direction: column;
}
}
.tease-post__photo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 368px;
border-radius: 20px;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.tease-post__photo {
min-height: 250px;
height: 50vw;
max-height: 368px;
}
}
@media only screen and (max-width: 576px) {
.tease-post__photo {
min-height: 200px;
}
}
.tease-post__col {
width: calc(50% - 20px);
}
.tease-post__col:not(:last-child) {
margin-right: 40px;
}
@media only screen and (max-width: 768px) {
.tease-post__col:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px) {
.tease-post__col {
width: 100%;
max-width: 580px;
}
}
.tease-post__block {
width: 100%;
font-family: "Montserrat", sans-serif;
}
.tease-post__title {
font-size: 24px;
font-weight: bold;
line-height: 35px;
color: get-color("black");
}
.tease-post__title:hover {
text-decoration: underline;
}
@media only screen and (max-width: 576px) {
.tease-post__title {
font-size: 19.2px;
line-height: 28px;
}
}
.tease-post__excerpt {
width: 100%;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: get-color("charcoal-secondary");
}
@media only screen and (max-width: 576px) {
.tease-post__excerpt {
font-size: 14.4px;
line-height: 23.4px;
}
}
.author {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
.author__photo {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 20px;
overflow: hidden;
}
@media only screen and (max-width: 576px) {
.author__photo {
width: 45px;
height: 45px;
}
}
.author__photo img {
width: 60px;
height: 60px;
border-radius: 50%;
}
@media only screen and (max-width: 576px) {
.author__photo img {
width: 45px;
height: 45px;
}
}
.author__block {
width: calc(100% - 80px);
}
@media only screen and (max-width: 576px) {
.author__block {
width: calc(100% - 65px);
}
}
.author__fullname {
font-size: 16px;
font-weight: bold;
color: #0c1028;
}
@media only screen and (max-width: 576px) {
.author__fullname {
font-size: 14px;
}
}
.author__date {
font-size: 12px;
font-weight: 500;
color: #a5a9be;
}
.post-head {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 430px;
height: 45vw;
max-height: 630px;
padding: 60px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
align-content: flex-start;
align-items: flex-start;
border-radius: 20px;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.post-head {
padding: 40px;
}
}
@media only screen and (max-width: 576px) {
.post-head {
min-height: 330px;
padding: 25px;
}
}
.post-head::before {
background: linear-gradient(356.42deg, rgba(12, 16, 40, 0.75) 26.2%, rgba(12, 16, 40, 0) 55.45%);
width: 100%;
height: 100%;
bottom: 0;
left: 0;
position: absolute;
content: "";
border-radius: 20px;
-webkit-transition: 0.3s opacity, 0.3s height;
transition: 0.3s opacity, 0.3s height;
}
@media only screen and (max-width: 576px) {
.post-head::before {
background: rgba(12, 16, 40, 0.5);
}
}
.post-head__block {
width: 100%;
position: relative;
z-index: 2;
}
.post-head__title {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 40px;
line-height: 49px;
color: #fff;
}
@media only screen and (max-width: 768px) {
.post-head__title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 576px) {
.post-head__title {
font-size: 24px;
line-height: 32px;
}
}
.article-content {
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #393d57;
}
.article-content h2 {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 35px;
color: #393d57;
margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
.article-content h2 {
font-size: 20.4px;
line-height: 29.75px;
}
}
.article-content h3 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #393d57;
margin-bottom: 25px;
}
.article-content .wp-block-image {
margin: 0;
}
.article-content .wp-block-pullquote {
padding: 2em 0;
}
@media only screen and (max-width: 576px) {
.article-content .wp-block-pullquote {
padding: 1em 0;
}
.article-content .wp-block-pullquote blockquote {
max-width: 80% !important;
}
}
.article-content .cta-content {
background-color: #f3f3f9;
font-style: italic;
font-weight: 500;
font-size: 16px;
line-height: 32px;
padding: 40px;
border-radius: 10px;
}
@media only screen and (max-width: 576px) {
.article-content .cta-content {
padding: 25px;
}
}
.article-content .wp-block-quote {
font-style: italic;
font-weight: normal;
font-size: 24px !important;
line-height: 35px;
padding: 1.5em 0 !important;
position: relative;
}
@media only screen and (max-width: 576px) {
.article-content .wp-block-quote {
font-size: 20px !important;
}
}
.article-content .wp-block-quote::before {
background-image: url(//blog.evently.pl/wp-content/themes/evently-blog/static/images/quote-icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 40px;
height: 35px;
position: absolute;
top: 64px;
left: -64px;
content: "";
}
@media only screen and (max-width: 768px) {
.article-content .wp-block-quote::before {
display: none;
}
}
.article-content .wp-block-quote cite {
font-size: 24px !important;
}
@media only screen and (max-width: 576px) {
.article-content .wp-block-quote cite {
font-size: 20px !important;
}
}
@media only screen and (max-width: 576px) {
.article-content .wp-block-spacer {
max-height: 30px;
}
}