html {
box-sizing: border-box;
-ms-overflow-style: scrollbar
}
*,
::after,
::before {
box-sizing: inherit
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
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: 1140px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.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: -ms-flexbox !important;
display: flex !important
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
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: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .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: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .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: -.25rem !important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem !important
}
.m-n2 {
margin: -.5rem !important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
margin-left: -.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: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .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: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .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: -.25rem !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem !important
}
.m-sm-n2 {
margin: -.5rem !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.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: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .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: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .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: -.25rem !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem !important
}
.m-md-n2 {
margin: -.5rem !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.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: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .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: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .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: -.25rem !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem !important
}
.m-lg-n2 {
margin: -.5rem !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.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: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .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: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .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: -.25rem !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem !important
}
.m-xl-n2 {
margin: -.5rem !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.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
}
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background: 0 0
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: .67em 0;
text-shadow: 0 0 40px #fff, 0 0 41px #fff, 0 0 42px #fff, 0 0 43px #fff, 0 0 44px #fff, 0 0 45px #fff, 0 0 46px #fff, 0 0 47px #fff, 0 0 48px #fff, 0 0 49px #fff, 0 0 50px #fff, 0 0 51px #fff, 0 0 52px #fff, 0 0 53px #fff;
}
.heading-shadow {
text-shadow: 0 0 40px #fff, 0 0 41px #fff, 0 0 42px #fff, 0 0 43px #fff, 0 0 44px #fff, 0 0 45px #fff, 0 0 46px #fff, 0 0 47px #fff, 0 0 48px #fff, 0 0 49px #fff, 0 0 50px #fff, 0 0 51px #fff, 0 0 52px #fff, 0 0 53px #fff;
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
a,
a:hover,
body {
color: #444
}
*,
:after,
:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
html {
font-size: 62.5%
}
body {
font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.clear:after,
.clear:before {
content: ' ';
display: table
}
.clear:after {
clear: both
}
img {
max-width: 100%;
vertical-align: bottom
}
a {
text-decoration: none
}
a:active,
a:focus,
a:hover {
outline: 0
}
input:focus {
outline: 0;
border: 1px solid #04a4cc
}
body {
padding: 60px 0 0 0;
font-family: Lato, sans-serif;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg)
}
@media (min-width:768px) {
body {
padding: 98px 0 0 0
}
}
@media (min-width:1200px) {
body {
padding: 144px 0 0 0
}
}
.title-1 {
color: #cf0000;
font-family: 'Paytone One', sans-serif;
text-transform: uppercase;
font-size: 40px;
line-height: 40px;
}
.french-styled .title-1::after {
background: linear-gradient(to right, #0055a4 33%, #fff 33%, #fff 67%, #ef4135 67%);
position: absolute;
content: '';
height: 7px;
right: 33%;
left: 33%;
bottom: -23px
}
.title-2 {
color: #4b2509;
font-family: 'Dancing Script', cursive;
font-weight: 700;
font-size: 28px;
line-height: 28px;
display: inline-block;
width: auto
}
.title-3 {
color: #e5b728;
font-family: Lato, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 28px;
line-height: 28px
}
.txt-1 {
color: #a11c14;
font-family: 'Dancing Script', cursive;
font-weight: 700;
font-size: 20px;
margin: 0
}
.txt-2 {
color: #a11c14;
font-family: 'Dancing Script', cursive;
font-weight: 700;
font-size: 20px
}
.txt-3 {
color: #a11c14;
font-family: Lato, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 28px
}
.txt-4 {
color: #a11c14;
font-family: Lato, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 25px
}
.txt-5 {
color: #a11c14;
font-family: Lato, sans-serif;
font-weight: 700;
font-size: 25px
}
.txt-6 {
color: #a11c14;
font-family: Lato, sans-serif;
font-weight: 400;
font-size: 25px
}
.txt-7 {
color: #cf0000;
font-family: Lato, sans-serif;
font-weight: 400;
font-size: 20px
}
.txt-8 {
color: #cf0000;
font-family: Caveat, cursive;
font-size: 50px
}
.txt-9 {
color: #cf0000;
font-family: Caveat, cursive;
font-size: 34px
}
.txt-10 {
color: #cf0000;
font-family: Caveat, cursive;
font-size: 24px
}
@media screen and (min-width:768px) {
.title-1 {
font-size: 40px
}
.title-2 {
font-size: 40px;
line-height: 40px
}
.title-3 {
font-size: 20px
}
.txt-1 {
font-size: 26px
}
.txt-2 {
font-family: Lato, sans-serif;
font-weight: 400;
font-size: 26px
}
.txt-3 {
font-size: 16px
}
.txt-4 {
font-weight: 700;
text-transform: none;
font-size: 16px
}
.txt-5 {
font-weight: 400;
font-size: 16px
}
.txt-6 {
font-size: 13px
}
.txt-7 {
font-family: Caveat, cursive;
font-weight: initial;
font-size: 30px
}
.txt-8 {
font-size: 24px
}
.txt-9 {
font-size: 18px
}
}
.btn-tpt {
color: #cf0000;
background-color: transparent;
border: 2px solid #cf0000;
text-transform: uppercase;
padding: 1rem;
display: inline-block;
margin-top: 30px;
font-size: 14px;
width: 100%;
text-align: center
}
.btn-tpt:hover {
color: #cf0000
}
.btn-w {
color: #cf0000;
background-color: #fff;
border: 2px solid #cf0000;
text-transform: uppercase;
padding: 1rem;
display: inline-block
}
.btn-w:hover {
color: #cf0000
}
.btn-r {
color: #fff;
background-color: #cf0000;
border: 2px solid #cf0000;
text-transform: uppercase;
padding: 1rem;
display: inline-block
}
.btn-r:hover {
color: #fff
}
@media (min-width:768px) {
.btn-tpt {
width: auto;
font-size: 16px;
padding: 1rem 3rem
}
}
.archive-actus {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/actus-mobile.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.archive-actus main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0;
padding-top: 90px
}
.archive-actus--title {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: 15px 0 55px 0
}
@media (min-width:768px) {
.archive-actus {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/actus.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
}
@media (min-width:1200px) {
.archive-actus main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 1050px, right 890px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
}
.archive-products {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-mobile.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.archive-products main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0;
padding-top: 90px
}
.archive-products h1 {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: 15px 0 55px 0
}
.archive-products .filter-by {
display: none;
user-select: none
}
.archive-products--nav {
display: block;
position: fixed;
top: 0;
left: -210px;
bottom: 0;
width: 210px;
padding-top: 78px;
background-color: #fff;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain;
transition: left .5s;
z-index: 8990
}
.admin-bar .archive-products--nav {
top: 46px
}
.archive-products--nav.open {
left: 15px;
box-shadow: 3px 0 4px rgba(0, 0, 0, .17)
}
.archive-products--nav ul {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none
}
.archive-products--nav li {
width: 100%
}
.archive-products--nav a {
display: block;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #ce1c23;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #4b2509
}
.archive-products .footer--mobile-filters-icon {
display: block
}
.archive-product-carousel .slick-arrow {
border: 0;
padding: 0;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 32.5%;
transform: translateY(-50%);
z-index: 1;
width: 10px;
height: 25px
}
.archive-product-carousel .slick-arrow:focus {
outline: 0
}
.archive-product-carousel .slick-prev.slick-arrow {
left: 22px;
background-image: url(//president.cz/wp-content/themes/president/img/yellow-arrow-prev.png)
}
.archive-product-carousel .slick-next.slick-arrow {
right: 22px;
background-image: url(//president.cz/wp-content/themes/president/img/yellow-arrow-next.png)
}
.col-6.archive-product-carousel .slick-prev.slick-arrow {
left: 8px
}
.col-6.archive-product-carousel .slick-next.slick-arrow {
right: 8px
}
.post-type-archive-product .tpl-cards-products .tpl-card--image {
background-size: cover
}
.post-type-archive-product .tpl-cards-products .tpl-card--golden-ribbon .tpl-card--texts .tpl-card--text-1 {
font-size: 2em
}
@media (max-width:768px) {
.post-type-archive-product .tpl-cards-products .tpl-card--golden-ribbon .tpl-card--texts .tpl-card--text-1 {
font-size: 30px
}
}
@media (min-width:576px) {
.col-6.archive-product-carousel .slick-prev.slick-arrow {
left: 22px
}
.col-6.archive-product-carousel .slick-next.slick-arrow {
right: 22px
}
}
@media (min-width:768px) {
.archive-products--nav {
display: block;
position: static;
top: auto;
left: auto;
bottom: auto;
width: auto;
padding-top: 0;
background: 0 0;
transition: none;
z-index: 1;
margin-top: 90px;
margin-bottom: 90px
}
.admin-bar .archive-products--nav {
top: auto
}
.archive-products--nav.open {
left: auto;
box-shadow: none
}
.archive-products--nav ul {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none;
width: 100%
}
.archive-products--nav li {
width: auto;
margin-left: 10px;
position: relative
}
.archive-products--nav li:first-child {
margin-left: 0
}
.archive-products--nav a {
display: block;
width: auto;
border-bottom: 0;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
padding: 10px 12px;
background-color: #fff;
color: #cd242f;
text-transform: uppercase;
font-size: 12px;
transition: background-color .3s ease-in-out
}
.archive-products nav ul.archive-products--nav-list .nav-item a:hover,
.archive-products nav ul.archive-products--nav-list .nav-item.active a {
color: #fff;
background-color: #cd242f
}
.archive-products nav ul.archive-products--nav-list .nav-item.bio a {
color: #00652f;
background-color: #fff
}
.archive-products nav ul.archive-products--nav-list .nav-item.bio a:hover,
.archive-products nav ul.archive-products--nav-list .nav-item.bio.active a {
background-color: #00652f;
color: #fff
}
.archive-products .filter-by {
display: none;
position: fixed;
background-color: #cd242f;
border-radius: 10px 0 0 10px;
top: 75%;
right: 0;
width: 130px;
height: 90px;
padding-top: 10px;
padding-right: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9000;
cursor: pointer;
transition: display .5s;
box-shadow: 0 3px 4px rgba(0, 0, 0, .17)
}
.archive-products .filter-by.sticky {
display: flex
}
.archive-products .filter-by p {
color: #fff
}
.archive-products .footer--mobile-filters-icon {
display: none
}
.archive-product-carousel .slick-arrow {
width: 20px;
height: 45px
}
.archive-product-carousel .slick-prev.slick-arrow,
.col-6.archive-product-carousel .slick-prev.slick-arrow {
left: 25px
}
.archive-product-carousel .slick-next.slick-arrow,
.col-6.archive-product-carousel .slick-next.slick-arrow {
right: 25px
}
}
@media (min-width:992px) {
.archive-products {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/archive-products-bg.jpeg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: auto, auto
}
.tpl-cards {
position: relative
}
.archive-product-carousel {
position: absolute
}
.archive-product-carousel .slick-arrow {
width: 35px;
height: 75px
}
.archive-product-carousel .slick-prev.slick-arrow,
.col-6.archive-product-carousel .slick-prev.slick-arrow {
left: 30px
}
.archive-product-carousel .slick-next.slick-arrow,
.col-6.archive-product-carousel .slick-next.slick-arrow {
right: 30px
}
}
@media (min-width:1024px) {
.archive-products--nav a {
font-size: 14px;
padding: 10px 20px
}
}
@media (min-width:1200px) {
.archive-products--nav-list .nav-item:first-child {
width: auto
}
.archive-products {
background-position: center 94px, left top
}
.archive-products main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 1050px, right 890px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
padding-top: 90px
}
}
.archive-questions {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/qr-background-mobile.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.archive-questions main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0;
padding-top: 90px
}
.archive-questions .title-1 {
text-align: center;
margin: 15px 0 55px 0;
position: relative
}
.archive-questions main div.container {
padding-bottom: 30px
}
.archive-questions .footer--mobile-filters-icon {
display: block
}
.archive-questions .filter-by {
display: none;
user-select: none
}
.archive-questions--nav {
display: block;
position: fixed;
top: 0;
left: -210px;
bottom: 0;
width: 210px;
padding-top: 78px;
background-color: #fff;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain;
transition: left .5s;
z-index: 8990
}
.admin-bar .archive-questions--nav {
top: 46px
}
.archive-questions--nav.open {
left: 15px;
box-shadow: 3px 0 4px rgba(0, 0, 0, .17)
}
.archive-questions--nav ul {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none
}
.archive-questions--nav li {
width: 100%
}
.archive-questions--nav a {
display: block;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #ce1c23;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #4b2509
}
.qr-header {
text-align: center;
padding: 30px 10%
}
.french-styled .title::after {
background: linear-gradient(to right, #0055a4 33%, #fff 33%, #fff 67%, #ef4135 67%);
position: absolute;
content: '';
height: 7px;
right: 33%;
left: 33%;
bottom: -23px
}
.qr-header--subtitle {
width: fit-content;
margin: 10px auto;
font-size: 30px;
color: #ce1c23;
border-bottom: 1px solid #ce1c23;
border-bottom-width: medium;
font-family: "Dancing Script", cursive
}
.qr-header--subtext {
font-family: lato;
font-weight: 700;
font-size: 14px;
margin: auto
}
.qr-container {
max-width: 850px;
margin-left: auto;
margin-right: auto;
font-size: 13px
}
.qr-header-right--content {
color: #4b2509;
font-family: 'Dancing Script', cursive;
font-weight: 700;
font-size: 28px
}
.qr-article {
margin-bottom: 30px
}
.qr-article--card {
padding: 0;
margin-top: 30px
}
.qr-article--card .tpl-card--wrap {
height: 60vw;
border: 10px solid #fff;
box-shadow: -1px 1px 5px #999
}
.qr-article--card .tpl-card--image {
background-size: cover;
height: 70%
}
.qr-article--card .tpl-card--golden-ribbon {
height: 35%
}
.qr-article--card .tpl-card--texts {
justify-content: flex-start
}
.qr-article--card .tpl-card--content:hover .tpl-card--golden-ribbon .tpl-card--title {
display: block
}
.qr-article--card .tpl-card--text-2 {
line-height: 1.2em
}
.qr-article--card .tpl-card--title.double {
font-size: 3.5vw;
line-height: .8em;
margin: -.3em auto .5em;
padding-right: 1em
}
.qr-content h2 {
color: #444;
text-transform: none;
border: none;
font-family: lato;
font-size: 20px
}
.qr-article--texts {
background-color: #fff;
padding: 30px
}
.qr-article--texts p {
font-size: 16px;
color: #4b2509;
text-align: center;
margin-top: 0
}
.qr-article--texts a:first-of-type {
width: 100%;
text-align: center;
font-size: 16px
}
.seo-text p {
font-family: lato;
font-size: 14px
}
@media screen and (min-width:576px) {
.qr-article--card .tpl-card--wrap {
height: 300px
}
.qr-article--card .tpl-card--title.double {
font-size: 16px
}
.qr-article .tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 16px
}
}
@media screen and (min-width:768px) {
.archive-questions main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 1050px, right 890px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
.archive-questions main div.container {
padding-bottom: 60px
}
.archive-questions .footer--mobile-filters-icon {
display: none
}
.qr-header {
padding: 30px 20% 170px
}
.archive-questions--nav {
display: block;
position: static;
top: auto;
left: auto;
bottom: auto;
width: auto;
padding-top: 0;
background: 0 0;
transition: none;
z-index: 1;
margin-top: 90px;
margin-bottom: 90px
}
.admin-bar .archive-questions--nav {
top: auto
}
.archive-questions--nav.open {
left: auto;
box-shadow: none
}
.archive-questions--nav ul {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none;
width: 100%
}
.archive-questions--nav li {
width: auto;
margin-left: 10px;
position: relative
}
.archive-questions--nav a {
display: block;
width: auto;
border-bottom: 0;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
padding: 10px 12px;
background-color: #fff;
color: #cd242f;
text-transform: uppercase;
font-size: 12px;
transition: background-color .3s ease-in-out
}
.archive-questions nav ul.archive-questions--nav-list .nav-item a:hover,
.archive-questions nav ul.archive-questions--nav-list .nav-item.active a {
color: #fff;
background-color: #cd242f
}
.archive-questions .filter-by {
display: none;
position: fixed;
background-color: #cd242f;
border-radius: 10px 0 0 10px;
top: 75%;
right: 0;
width: 130px;
height: 90px;
padding-top: 10px;
padding-right: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9000;
cursor: pointer;
transition: display .5s;
box-shadow: 0 3px 4px rgba(0, 0, 0, .17)
}
.archive-questions .filter-by.sticky {
display: flex
}
.archive-questions .filter-by p {
color: #fff
}
.container-questions {
margin-top: -260px
}
.qr-article {
position: relative;
padding-top: 60px;
margin-top: 60px
}
.qr-article--card {
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin-top: 0
}
.qr-article--texts {
padding: 30px 90px 30px 30px
}
.qr-article--texts p {
text-align: left
}
.qr-article--texts .btn-w {
margin-top: 30px
}
.qr-article--texts.right {
padding: 30px 30px 30px 90px
}
.qr-article .tpl-card--content:hover .tpl-card--golden-ribbon .tpl-card--texts {
display: flex
}
.qr-article .tpl-card--content:hover .tpl-card--golden-ribbon {
height: 35%
}
.qr-article--card .tpl-card--title.double {
font-size: 16px;
margin-top: 0;
margin-bottom: 0
}
.qr-article .tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 14px
}
}
@media screen and (min-width:992px) {
.archive-questions {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/qr-background.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: auto, auto
}
.qr-header--subtitle {
font-size: 26px
}
.qr-article--texts {
padding: 60px 120px 60px 30px
}
.qr-article--texts.right {
padding: 60px 30px 60px 120px
}
}
@media (min-width:1024px) {
.archive-questions--nav a {
font-size: 14px;
padding: 10px 20px
}
}
@media screen and (min-width:1200px) {
.archive-questions--nav-list .nav-item:first-child {
width: auto
}
.qr-header--subtitle {
font-size: 34px
}
.qr-article--texts {
padding: 60px 120px 60px 60px
}
.qr-article--texts.right {
padding: 60px 60px 60px 120px
}
}
.archive-recipes {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/archive-recipe-bg.jpeg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.archive-recipes main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0;
padding-top: 90px
}
.archive-recipes .filter-by {
display: none;
user-select: none
}
.archive-recipe--title {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: 15px 0 55px 0
}
.archive-recipe--nav {
display: block;
position: fixed;
top: 0;
left: -210px;
bottom: 0;
width: 210px;
padding-top: 60px;
background-color: #fff;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain;
transition: left .5s;
z-index: 8990
}
.admin-bar .archive-recipe--nav {
top: 46px
}
.archive-recipe--nav.open {
left: 15px;
box-shadow: 3px 0 4px rgba(0, 0, 0, .17)
}
.archive-recipe--nav-list {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none
}
.archive-recipe--nav-item {
width: 100%
}
.archive-recipe--nav-item .filter--all {
display: block;
width: 100%;
padding: 32px 0 20px 0;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #ce1c23;
background-color: transparent;
cursor: pointer;
user-select: none;
border-bottom: 1px solid#ce1c23
}
.archive-recipe--nav-item .filter--all.active {
color: #fff;
background-color: #ce1c23
}
.archive-recipe--nav-item .filter--title {
display: block;
width: 100%;
padding: 20px 0;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #4b2509;
background-color: transparent;
position: relative;
border-bottom: 1px solid#ce1c23;
cursor: pointer;
user-select: none
}
.archive-recipe--nav-item .filter--title:after {
content: '>';
font-size: 20px;
position: absolute;
right: 12px;
top: 30px;
transform: translate(0, -50%) rotate(90deg) scale(1, 1.5)
}
.archive-recipe--nav-item .button {
display: block;
width: 100%;
padding: 20px 0;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #ce1c23;
border: 0;
cursor: pointer;
user-select: none
}
.archive-recipe--nav-item .dropdown {
display: none;
list-style: none;
padding: 0;
width: 100%;
border-bottom: 1px solid#ce1c23
}
.archive-recipe--nav-item .dropdown.open {
display: block
}
.archive-recipe--nav-item .dropdown-option {
display: block
}
.archive-recipe--nav-item .dropdown-option input {
display: none
}
.archive-recipe--nav-item .dropdown-option a {
display: block;
width: 100%;
padding: 10px 0;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #ce1c23;
background-color: transparent;
cursor: pointer;
user-select: none
}
.archive-recipe--nav-item .dropdown-option a.active {
background-color: #ce1c23;
color: #fff
}
.archive-recipe--nav-item .dropdown-option a.inactive {
color: #d1d1d1;
cursor: default
}
.no-recipes--msg {
margin: 0 auto 60px
}
.archive-recipes .footer--mobile-filters-icon {
display: block
}
@media (max-width:768px) {
.archive-recipes .tpl-card {
margin-left: -12px;
margin-right: -12px
}
}
@media (min-width:500px) {
.archive-recipe--nav-item .filter--all {
padding: 20px 0
}
}
@media (min-width:768px) {
.admin-bar .archive-recipe--nav,
.archive-recipe--nav,
.archive-recipe--nav.open {
display: flex;
position: relative;
top: auto;
left: auto;
bottom: auto;
width: auto;
background: 0 0;
transition: none;
z-index: 1;
padding-top: 0;
box-shadow: none
}
.archive-recipe--nav-list {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 60px;
margin-bottom: 60px;
padding: 0;
align-items: center;
list-style: none;
width: 100%
}
.archive-recipe--nav-item {
display: block;
margin-left: 10px;
position: relative;
width: auto;
border-bottom: 0
}
.archive-recipe--nav-item:first-of-type {
position: relative;
margin-left: 0
}
.archive-recipe--nav-item .filter--all {
display: block;
width: auto;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
padding: 10px 12px;
background-color: #fff;
color: #ce1c23;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
border-bottom: 0
}
.archive-recipe--nav-item .filter--all.active {
color: #fff;
background-color: #ce1c23
}
.archive-recipe--nav-item .filter--title {
position: relative;
display: block;
width: auto;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: left;
padding: 10px 44px 10px 12px;
background-color: #fff;
color: #ce1c23;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
width: 140px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border: 0
}
.archive-recipe--nav-item .filter--title:after {
content: '>';
font-size: 20px;
position: absolute;
right: 12px;
top: 18px;
transform: translate(0, -50%) rotate(90deg) scale(1, 1.5)
}
.archive-recipe--nav-item .button {
display: block;
width: auto;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
padding: 10px 12px;
color: #fff;
background-color: #ce1c23;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
border: 0
}
.archive-recipe--nav-item .dropdown {
position: absolute;
display: none;
list-style: none;
padding: 0;
background-color: #fff;
width: 100%;
z-index: 10;
box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
border: 0
}
.archive-recipe--nav-item .dropdown.open {
display: block
}
.archive-recipe--nav-item .dropdown-option {
display: block
}
.archive-recipe--nav-item .dropdown-option input {
display: none
}
.archive-recipe--nav-item .dropdown-option a {
display: block;
font-family: Lato, sans-serif;
font-weight: 700;
padding: 10px 12px;
background-color: #fff;
color: #ce1c23;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
width: 100%;
text-align: left;
border-top: 1px solid #ce1c23
}
.archive-recipe--nav-item .dropdown-option a.active {
background-color: #ce1c23;
color: #fff
}
.archive-recipe .filter-by {
position: fixed;
background-color: #ce1c23;
border-radius: 10px 0 0 10px;
top: 75%;
right: 0;
width: 130px;
height: 90px;
padding-top: 10px;
padding-right: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9000;
cursor: pointer;
transition: display .5s;
box-shadow: 0 3px 4px rgba(0, 0, 0, .17)
}
.archive-recipe .filter-by.sticky {
display: flex
}
.archive-recipe .filter-by p {
color: #fff
}
.archive-recipes .footer--mobile-filters-icon {
display: none
}
}
@media (min-width:992px) {
.archive-recipes {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/archive-recipe-bg.jpeg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: auto, auto
}
.archive-recipe--nav-item .filter--title {
width: 150px
}
}
@media (min-width:1024px) {
.archive-recipe--nav-item .filter--title {
width: 160px
}
}
@media (min-width:1200px) {
.archive-recipes main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png)
}
.archive-recipe--nav-item .filter--all {
font-size: 14px
}
.archive-recipe--nav-item .filter--title {
font-size: 14px;
width: 200px
}
.archive-recipe--nav-item .button {
font-size: 14px
}
.archive-recipe--nav-item .dropdown-option a {
font-size: 14px
}
}
@media (min-width:768px) {
.recipes-french-map {
width: 30px;
float: left;
margin-top: -50px;
margin-left: 150px;
padding-bottom: 20px
}
}
@media (max-width:768px) {
.recipes-french-map {
display: none
}
}
.bio-engage {
position: relative;
width: 100%;
padding-top: 122.2%;
background-image: url(//president.cz/wp-content/themes/president/img/bio-engage/background-desktop.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: contain
}
.bio-engage--carousel {
display: block;
position: absolute;
top: 37.5%;
left: 50%;
transform: translateX(-50%);
width: 73.15476%;
padding-top: 42%
}
.bio-engage--carousel>div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.bio-engage--carousel .slick-next,
.bio-engage--carousel .slick-prev {
width: 4.6379%;
height: 0;
padding-top: 9.526%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: none;
background-color: transparent
}
.bio-engage--carousel .slick-prev {
background-image: url(//president.cz/wp-content/themes/president/img/bio-engage/left.png);
left: -4%
}
.bio-engage--carousel .slick-next {
background-image: url(//president.cz/wp-content/themes/president/img/bio-engage/right.png);
right: -4%
}
.bio-engage--carousel .slick-next:before,
.bio-engage--carousel .slick-prev:before {
content: ''
}
.bio-engage--cta {
display: block;
position: absolute;
bottom: 2%;
left: 50%;
transform: translateX(-50%);
width: 65.0595%;
padding-top: 5.5%;
background-image: url(//president.cz/wp-content/themes/president/img/bio-engage/cta.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain
}
.bio-engage--push {
margin: 20px 0;
text-align: center
}
.bio-engage--push a {
display: inline-block;
border-radius: 10px;
overflow: hidden
}
.bio-engage--push img {
max-width: 100%;
height: auto
}
@media (max-width:768px) {
.bio-engage {
padding-top: 159%;
background-image: url(//president.cz/wp-content/themes/president/img/bio-engage/background-mobile.jpg);
background-size: cover
}
.bio-engage--carousel {
width: 87%;
top: 41%
}
}
.main-navigation .mega-menu .first-level-item:nth-of-type(4) .sub-menu-column {
width: 20%
}
.nav-single {
margin-top: 15px
}
.breadcrumbs {
list-style: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center
}
.breadcrumbs li {
white-space: nowrap;
margin-left: 3px
}
.breadcrumbs li:last-child {
overflow: hidden;
text-overflow: ellipsis
}
.breadcrumbs li::after {
content: '>';
margin-left: 3px
}
.breadcrumbs li:last-child:after {
content: ''
}
.breadcrumbs a {
text-decoration: underline;
white-space: nowrap
}
.back-to-the-list {
display: none
}
@media (min-width:768px) {
.back-to-the-list {
display: flex;
align-items: center;
justify-content: flex-end
}
}
.tpl-cards {
padding-left: 3px;
padding-right: 3px
}
.tpl-cards .col-12 {
padding-bottom: 15px
}
.tpl-cards .col-6 {
padding: 0 3px 6px 3px
}
.tpl-cards a {
width: 100%
}
.tpl-card--wrap {
width: 100%;
overflow: hidden;
position: relative
}
.tpl-card--wrap:after {
content: "";
display: block;
padding-bottom: 100%
}
.tpl-cards-recipes .tpl-card--wrap:after {
padding-bottom: 125%
}
.tpl-card--content {
position: absolute;
width: 100%;
height: 100%;
background: #fff
}
.tpl-card--image {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: 62%
}
.tpl-cards-recipes .tpl-card--image {
height: 74%;
background-size: cover
}
.tpl-card--golden-ribbon {
width: 100%;
height: 42%;
padding-top: 2%;
position: absolute;
bottom: 0;
left: 0;
background-image: url(//president.cz/wp-content/themes/president/img/golden-ribbon.png);
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
display: flex;
flex-direction: column;
align-items: center;
text-align: center
}
.tpl-cards-recipes .tpl-card--golden-ribbon {
height: 30%
}
.french-styled .tpl-card--golden-ribbon::after {
background: linear-gradient(to right, #0055a4 33%, #fff 33%, #fff 67%, #ef4135 67%);
position: absolute;
content: '';
height: 5px;
right: 0;
left: 0;
bottom: 0
}
.french-styled .tpl-card--content::after {
background: linear-gradient(to right, #0055a4 33%, #ef4135 33%, #ef4135 67%, #ef4135 67%);
position: absolute;
content: '';
height: 1px;
right: 0;
left: 0;
bottom: 0
}
@media (max-width:768px) {
.french-styled .tpl-card--golden-ribbon::after {
height: 5px
}
}
.tpl-card--no-golden {
width: 100%;
height: 35%;
position: absolute;
bottom: 0;
left: 0;
background-color: transparent;
border-top: 5px solid transparent;
display: flex;
flex-direction: column
}
.tpl-card--texts {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
line-height: normal;
padding: 0 5px;
width: 100%
}
.tpl-card--title {
display: inline-block;
width: auto;
max-width: 50%;
color: #fff;
font-size: 5vw;
line-height: 1em;
font-weight: 400;
font-family: Caveat, cursive;
text-align: center;
margin: 0 auto;
padding: .5em .8em .5em .5em;
background-image: url(//president.cz/wp-content/themes/president/img/circle-w.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center
}
.col-6 .tpl-card--title {
font-size: 3.5vw
}
.tpl-card--title.double {
font-size: 4.5vw;
line-height: 1em;
margin: 0 auto;
padding-right: 1em
}
.tpl-card--title.double em {
display: block;
font-style: normal;
margin-left: 1em
}
.tpl-card--text-1 {
color: #fff;
font-family: 'Dancing Script', cursive;
font-size: 6.5vw;
line-height: 1em;
text-align: center;
margin: 0
}
.tpl-card--no-golden .tpl-card--text-1 {
color: #444
}
.col-6 .tpl-card--text-1 {
font-size: 4vw
}
.tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 6vw
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 3.5vw
}
.tpl-card--text-2 {
color: #fff;
font-family: Lato, sans-serif;
font-size: 4vw;
line-height: 1em;
text-align: center;
text-transform: uppercase;
margin: 2vw 0 0 0
}
.tpl-card--no-golden .tpl-card--text-2 {
color: #444
}
.col-6 .tpl-card--text-2 {
font-size: 2.5vw;
margin-top: 1vw
}
.tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 3.5vw
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 2.5vw
}
.tpl-card--text-2:first-child {
margin-top: 0;
line-height: 1.2em
}
.tpl-card--wrap:hover .tpl-card--hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #cf000080;
transition-duration: .3s
}
.tpl-cards-polaroid .tpl-card--wrap {
border: 1.5vw solid #fff;
box-shadow: -1px 1px 5px #999
}
.tpl-cards-polaroid .col-12 .tpl-card--wrap {
border: 10px solid #fff
}
.tpl-card-product .tpl-card--title,
.tpl-cards-products .tpl-card--title {
color: #e5b728;
background-image: url(//president.cz/wp-content/themes/president/img/circle-y.png)
}
.tpl-card--hovered {
display: none
}
@media (min-width:576px) {
.tpl-cards {
padding-left: 0;
padding-right: 0
}
.tpl-cards .col-6 {
padding: 0 15px 30px 15px
}
.tpl-cards .col-12 {
padding-bottom: 30px
}
.tpl-cards-polaroid .tpl-card--wrap {
border: 10px solid #fff
}
.tpl-card--title {
font-size: 18px
}
.col-6 .tpl-card--title,
.col-sm-6 .tpl-card--title {
font-size: 16px
}
.col-6 .tpl-card--title.double,
.tpl-card--title.double {
font-size: 14px;
line-height: 1em;
margin: 0 auto
}
.tpl-card--text-1 {
font-size: 20px
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-1,
.tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 18px
}
.col-6 .tpl-card--text-1 {
font-size: 20px
}
.tpl-card--text-2 {
font-size: 14px;
margin-top: 6px
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-2,
.tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 12px;
margin-top: 0
}
.col-6 .tpl-card--text-2 {
font-size: 14px
}
.tpl-card--text-2:first-child {
font-size: 14px
}
.col-md-4 .tpl-card--text-2:first-child {
font-size: 12px
}
}
@media screen and (min-width:768px) {
.tpl-cards a {
width: auto
}
.tpl-card--image {
height: 69%
}
.tpl-card--golden-ribbon {
height: 35%
}
.tpl-card--texts {
padding: 0 10px
}
.col-6 .tpl-card--title,
.col-sm-6 .tpl-card--title {
font-size: 18px
}
.col-6 .tpl-card--title.double,
.tpl-card--title.double {
font-size: 14px;
margin-top: 0;
margin-bottom: 0
}
.tpl-card--text-1 {
font-size: 26px
}
.col-6 .tpl-card--text-1 {
font-size: 26px
}
.col-md-4 .tpl-card--text-1 {
font-size: 18px
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-1,
.tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 22px
}
.tpl-card--text-2 {
font-size: 16px;
margin-top: 8px
}
.col-6 .tpl-card--text-2 {
font-size: 16px
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-2,
.tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 14px;
margin-top: 6px
}
.tpl-card--text-2:first-child {
font-size: 16px
}
.tpl-card--text-1.col-6 {
font-size: 42px
}
.tpl-card--text-2.col-6 {
font-size: 28px
}
.tpl-card--hovered {
color: #fff;
font-weight: 400;
font-family: Caveat, cursive;
text-align: center;
font-size: 24px;
margin-top: 45px;
line-height: 1em;
position: relative
}
.tpl-card--hovered::before {
content: '';
background-image: url(//president.cz/wp-content/themes/president/img/fleche-recipe.png);
background-repeat: no-repeat;
background-size: contain;
height: 30px;
width: 30px;
position: absolute;
top: -30px;
left: 50%
}
.tpl-card--hovered::after {
content: '';
background-image: url(//president.cz/wp-content/themes/president/img/traits-recipe.png);
background-repeat: no-repeat;
background-size: contain;
height: 25px;
width: 50px;
position: absolute;
left: 85%;
bottom: -20px
}
.col-md-4 .tpl-card--hovered {
font-size: 18px;
margin-top: 30px
}
.col-md-4 .tpl-card--hovered::before {
height: 20px;
width: 20px;
top: -20px
}
.col-md-4 .tpl-card--hovered::after {
height: 15px;
width: 37px;
bottom: -12px
}
.tpl-card--golden-ribbon {
transition: all .3s ease-in-out
}
.tpl-card--content:hover .tpl-card--hovered {
display: block
}
.tpl-card--content:hover .tpl-card--golden-ribbon .tpl-card--texts {
display: none
}
.tpl-card--content:hover .tpl-card--golden-ribbon .tpl-card--title {
display: none
}
.tpl-card--content:hover .tpl-card--golden-ribbon {
height: 45%
}
.tpl-cards-recipes .tpl-card--content:hover .tpl-card--golden-ribbon {
height: 40%
}
}
@media (min-width:992px) {
.col-6 .tpl-card--title {
font-size: 24px
}
.col-6 .tpl-card--text-1 {
font-size: 28px
}
.col-6 .tpl-card--title+.tpl-card--texts .tpl-card--text-1,
.tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 28px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 18px
}
.col-6.col-lg-3 .tpl-card--text-1 {
font-size: 18px
}
.col-md-4 .tpl-card--text-1 {
font-size: 24px
}
.col-6 .tpl-card--text-2 {
font-size: 16px;
margin-top: 10px
}
.tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 16px;
margin-top: 10px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 12px;
margin-top: 6px
}
.col-6.col-lg-3 .tpl-card--text-2 {
font-size: 12px;
margin-top: 6px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-2:first-child,
.tpl-card--text-2:first-child {
font-size: 12px;
margin-top: 0
}
.col-md-4 .tpl-card--text-2:first-child {
font-size: 16px
}
.col-lg-3 .tpl-card--hovered {
font-size: 18px;
margin-top: 30px
}
.col-lg-3 .tpl-card--hovered::before {
height: 20px;
width: 20px;
top: -20px
}
.col-lg-3 .tpl-card--hovered::after {
height: 15px;
width: 37px;
bottom: -12px
}
.col-md-4 .tpl-card--hovered {
font-size: 24px;
margin-top: 45px
}
.col-md-4 .tpl-card--hovered::before {
height: 30px;
width: 30px;
top: -30px
}
.col-md-4 .tpl-card--hovered::after {
height: 25px;
width: 50px;
bottom: -20px
}
}
@media (min-width:1200px) {
.tpl-cards-polaroid .tpl-card--wrap {
border: 15px solid #fff
}
.col-6 .tpl-card--title {
font-size: 30px
}
.col-6 .tpl-card--text-1 {
font-size: 32px
}
.col-6.col-lg-3 .tpl-card--text-1 {
font-size: 22px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-1 {
font-size: 22px
}
.col-md-4 .tpl-card--text-1 {
font-size: 24px;
line-height: 1.2em
}
.col-6 .tpl-card--text-2 {
font-size: 20px;
margin-top: 12px
}
.col-6.col-lg-3 .tpl-card--text-2 {
font-size: 14px;
margin-top: 6px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-2 {
font-size: 14px;
margin-top: 6px
}
.col-lg-4 .tpl-card--title+.tpl-card--texts .tpl-card--text-2:first-child,
.tpl-card--text-2:first-child {
font-size: 16px;
margin-top: 0
}
.col-md-4 .tpl-card--text-2:first-child {
font-size: 18px
}
.col-lg-3 .tpl-card--hovered {
font-size: 24px;
margin-top: 40px
}
.col-lg-3 .tpl-card--hovered::before {
height: 30px;
width: 30px;
top: -30px
}
.col-lg-3 .tpl-card--hovered::after {
height: 25px;
width: 50px;
bottom: -20px
}
}
.page-template-page-contact input,
.page-template-page-contact textarea {
border: 1px solid #cf0000
}
.page-template-page-contact p {
font-size: 18px;
color: #4b2509
}
.footer--mobile {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 62px;
padding: 0 25px 0 25px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #ce1c23;
z-index: 9000
}
.footer--mobile-menu-icon {
width: 38px;
height: 44px;
position: relative;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer
}
.footer--mobile-menu-icon span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #fff;
border-radius: 5px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.footer--mobile-menu-icon span:nth-child(1) {
top: 0
}
.footer--mobile-menu-icon span:nth-child(2),
.footer--mobile-menu-icon span:nth-child(3) {
top: 12px
}
.footer--mobile-menu-icon span:nth-child(4) {
top: 24px
}
.footer--mobile-menu-icon.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%
}
.footer--mobile-menu-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.footer--mobile-menu-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.footer--mobile-menu-icon.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%
}
.footer--mobile-menu-label {
position: absolute;
top: 32px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 12px;
font-family: Lato, sans-serif;
font-weight: 700
}
.footer--mobile-filters-icon {
display: none;
text-align: center;
cursor: pointer;
background-image: url(//president.cz/wp-content/themes/president/img/sort-by.png);
background-position: top center;
background-size: 30px auto;
background-repeat: no-repeat;
color: #fff;
font-size: 12px;
font-family: Lato, sans-serif;
font-weight: 700;
padding-top: 33px;
margin-top: 5px
}
.footer--mobile-filters-icon.open {
background-image: url(//president.cz/wp-content/themes/president/img/cancel.png);
background-position: top center;
background-size: 30px auto
}
.footer--mobile-search {
width: 80px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
transition: width .5s
}
.footer--mobile-search.open {
width: 190px
}
.footer--mobile-search-input,
.footer--mobile-search-input:focus {
width: 0;
padding: 3px 0;
border: 0;
border-bottom: 1px solid #fff;
background-color: transparent;
color: #fff;
font-size: 18px;
outline: 0;
transition: width .5s;
border-radius: 0
}
.footer--mobile-search-input::placeholder {
color: #fff
}
.footer--mobile-search-input::-webkit-input-placeholder {
color: #fff
}
.footer--mobile-search-input::-moz-placeholder {
color: #fff
}
.footer--mobile-search-input:-ms-input-placeholder {
color: #fff
}
.footer--mobile-search-input:-moz-placeholder {
color: #fff
}
.footer--mobile-search.open .footer--mobile-search-input {
width: calc(100% - 75px)
}
.footer--mobile-search-input::placeholder {
color: #fff
}
.footer--mobile-search-submit {
display: block;
width: 80px;
height: 50px;
border: 0;
background-color: transparent;
background-image: url(//president.cz/wp-content/themes/president/img/search-icon.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 36px;
text-align: center;
padding-top: 37px;
color: #fff;
font-size: 12px;
font-family: Lato, sans-serif;
font-weight: 700
}
.footer {
padding-top: 35px;
padding-bottom: 75px;
background-color: #ce1c23;
color: #fff
}
.footer li {
margin-bottom: 4px
}
.footer a {
color: #fff
}
.footer .row>* {
text-align: center
}
.footer .row>* {
margin-bottom: 20px
}
.footer .row:first-child>* {
text-align: center
}
.footer--menu ul {
padding: 0;
margin: 0;
list-style: none
}
.footer--menu-title {
font-size: 16px;
font-family: Caveat, cursive;
margin-bottom: 10px
}
.footer--menu a {
font-size: 12px
}
.footer--contact-img {
display: inline-block;
margin-bottom: 10px
}
.footer--contact-title {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px
}
.footer--contact p {
font-size: 12px
}
.footer--logo {
display: flex;
justify-content: center;
align-items: center
}
.footer--logo a {
padding: 10px
}
.footer--logo a img {
background-color: #fff;
border-radius: 12px;
max-width: 50px
}
.footer--legals {
padding: 0;
margin: 0;
list-style: none
}
.footer--legals a {
font-size: 12px
}
.footer--hr {
border: 1px solid#fc1c23;
margin-bottom: 20px
}
.optanon-toggle-display {
cursor: pointer
}
@media (min-width:500px) {
.footer--mobile-search.open {
width: 310px
}
}
@media (min-width:768px) {
.footer--mobile {
display: none;
visibility: hidden
}
.footer li {
margin-bottom: 0
}
.footer .row:first-child>* {
border-left: 2px solid #fc1c23;
border-top: 0
}
.footer .row:first-child>:last-child {
border-right: 2px solid #fc1c23
}
.footer--menu {
width: auto;
display: inline-block;
text-align: left
}
.footer--menu-title {
font-size: 20px
}
.footer--menu a {
font-size: 14px
}
.footer--contact hr {
display: none
}
.footer--contact p {
font-size: 14px
}
.footer--legals li {
display: inline-block;
padding: 0 15px;
border-left: 1px solid #fc1c23
}
.footer--legals li:first-child {
border-left: 0
}
.footer--legals a {
font-size: 14px
}
}
#wpadminbar {
position: fixed
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9000;
width: 100%;
height: 78px
}
.admin-bar .header {
top: 46px
}
.header--ribbon {
position: absolute;
z-index: 9005;
width: 100%;
height: 62px;
background-image: url(//president.cz/wp-content/themes/president/img/header-ribbon-new.png), url(//president.cz/wp-content/themes/president/img/header-ribbon-pixel.png);
background-position: center top, left top;
background-repeat: no-repeat, repeat-x;
background-size: 1280px auto, auto 60px
}
.header--languages {
position: absolute;
top: 17px;
z-index: 9009;
list-style: none;
display: flex;
flex-direction: row;
justify-content: flex-end
}
.header--languages-link {
padding: 5px;
color: #fff;
text-transform: uppercase
}
.header--languages-item.current .header--languages-link {
background-color: #fff;
color: #ce1c23
}
.header--languages-link::before {
content: ' | ';
display: inline-block
}
.header--languages-link:first-child::before {
display: none
}
.header--logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 9010;
width: 140px;
height: 77px;
background-image: url(//president.cz/wp-content/themes/president/img/logo-president-new.png);
background-size: 140px auto;
background-repeat: no-repeat;
text-indent: 9999px
}
.header--search {
display: none
}
.header--menu {
display: block;
position: fixed;
top: 0;
right: -210px;
bottom: 0;
width: 210px;
padding-top: 78px;
background-color: #fff;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain;
transition: right .5s
}
.admin-bar .header--menu {
top: 46px
}
.header--menu.open {
right: 0;
box-shadow: -3px 0 4px rgba(0, 0, 0, .17)
}
.header--menu ul {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none
}
.header--menu li {
width: 100%
}
.header--menu a {
display: block;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #ce1c23;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #4b2509
}
@media (min-width:500px) {
.header--menu {
padding-top: 62px
}
.header--languages {
right: 25px
}
}
@media (min-width:768px) {
.header {
height: 103px;
transition: height 1s
}
.admin-bar .header {
top: 32px
}
.header.sticky {
height: 78px
}
.header--languages {
left: 50%;
transform: translateX(-50%);
justify-content: flex-start
}
.header--logo {
width: 140px;
height: 77px;
background-size: 140px auto
}
.header--ribbon {
height: 62px;
background-size: 1280px auto, auto 60px
}
.header--search {
position: absolute;
display: block;
z-index: 9009;
left: 50%;
transform: translateX(-50%);
top: 10px
}
.header--search-form {
display: flex;
width: 80px;
position: absolute;
right: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
transition: width .5s
}
.header--search.open .header--search-form {
width: 250px
}
.header--search-input,
.header--search-input:focus {
width: 0;
padding: 3px 0;
border: 0;
border-bottom: 1px solid #fff;
background-color: transparent;
color: #fff;
font-size: 18px;
outline: 0;
transition: width .5s;
border-radius: 0
}
.header--search-input::placeholder {
color: #fff
}
.header--search-input::-webkit-input-placeholder {
color: #fff
}
.header--search-input::-moz-placeholder {
color: #fff
}
.header--search-input:-ms-input-placeholder {
color: #fff
}
.header--search-input:-moz-placeholder {
color: #fff
}
.header--search.open .header--search-input {
width: calc(100% - 80px)
}
.header--search-submit {
display: block;
width: 80px;
height: 0;
border: 0;
background-color: transparent;
background-image: url(//president.cz/wp-content/themes/president/img/search-icon.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 36px;
text-align: center;
padding-top: 37px;
color: #fff;
font-size: 12px;
font-family: Lato, sans-serif;
font-weight: 700;
text-indent: 9999px
}
.header--menu {
display: block;
position: relative;
top: auto;
right: auto;
bottom: auto;
width: 100%;
max-width: 100%;
margin-top: 60px;
padding-top: 0;
background-color: #fff;
background-image: none;
box-shadow: 0 3px 4px rgba(0, 0, 0, .17);
transition: margin-top 1s
}
.admin-bar .header--menu {
top: auto
}
.sticky .header--menu {
margin-top: 22px
}
.header--menu ul {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
align-items: center;
height: 38px;
list-style: none
}
.header--menu ul:first-child {
padding-left: 15px
}
.header--menu ul:last-child {
padding-right: 15px
}
.header--menu li {
width: auto
}
.header--menu a {
margin: 0;
padding: 0;
border-bottom: 0;
font-family: Lato, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: #4b2509
}
}
@media (min-width:992px) {
.header--menu a {
font-size: 12px
}
}
@media (min-width:1200px) {
.header {
height: 150px
}
.header.sticky {
height: 115px
}
.header--ribbon {
height: 94px;
background-size: auto, auto
}
.header--languages {
top: 20px
}
.header--languages-link {
font-size: 1.2em
}
.header--logo {
width: 210px;
height: 115px;
background-size: 210px auto
}
.header--search {
top: 20px
}
.header--menu a {
font-size: 14px
}
.header--menu {
margin-top: 90px
}
.sticky .header--menu {
margin-top: 37px
}
.header--menu ul {
height: 54px
}
}
body.history {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-mobile.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
body.history main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0;
padding-top: 90px
}
body.history .title-1 {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: calc(14vw - 90px) 0 14vw 0
}
.history-row {
background-color: #fff;
padding-bottom: 30px;
margin-bottom: 30px
}
.history-title {
display: block;
text-align: center
}
.history-text {
font-size: 1.3em
}
.history-image {
width: 100%;
height: auto;
border-radius: 30px
}
@media (min-width:768px) {
.history-title {
padding: 15px 0
}
body.history .title-1 {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: calc(9vw - 90px) 0 9vw 0
}
.history-image {
width: 80%;
display: block;
margin: 0 auto
}
}
@media (min-width:1200px) {
body.history {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/archive-products-bg.jpeg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain, auto
}
body.history .title-1 {
margin: 25px 0 110px 0
}
}
@media (max-width:720px) {
.history-card-image {
display: block
}
}
.history-row {
margin-bottom: 0
}
.history-wrap:after {
display: none
}
@media (min-width:720px) {
.history-card-image {
display: none
}
}
.home .btn-tpt {
margin-top: 0
}
.headband {
color: #fff;
text-align: center;
height: auto;
max-height: calc(100vh - 145px);
width: 100%;
overflow: hidden;
position: relative;
background-image: url(//president.cz/wp-content/themes/president/img/loader.gif);
background-position: center center;
background-repeat: no-repeat
}
.headband-video-container { }
.headband--video {
z-index: 1;
height: auto;
width: 100%
}
.headband-carousel-container {
display: block
}
.headband--carousel .slick-slide img {
width: 100%;
height: auto;
max-height: none
}
.headband--slogan {
font-family: 'Dancing Script', cursive;
font-weight: 700;
font-size: 28px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 20%;
color: #fff;
text-transform: none;
text-shadow: 1px 1px 5px #593e2b
}
.headband--sound-btn {
display: none;
border: 3px solid #fff;
border-radius: 50px;
background-color: #ffffff66;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
text-indent: -9999px;
position: absolute;
right: 25px;
bottom: 25px;
width: 50px;
height: 50px
}
.headband--sound-btn:focus {
outline: 0
}
.sound-off {
background-image: url(//president.cz/wp-content/themes/president/img/sound-off.png)
}
.sound-on {
background-image: url(//president.cz/wp-content/themes/president/img/sound-on.png)
}
.headband--image {
z-index: 1;
height: 35.5vw;
width: auto;
display: none
}
@media (min-width:768px) {
.headband--image {
display: inline-block
}
}
.home-actus {
text-align: center;
padding-top: 30px;
padding-bottom: 30px
}
.home--title {
margin-top: 0;
padding-top: 30px
}
.home-actus .tpl-card--wrap {
margin-bottom: 15px
}
.home-actus--title {
font-size: 32px
}
.home-products {
background-color: #fff;
text-align: center;
padding-top: 30px;
padding-bottom: 30px
}
.home-products .title-2 {
margin: .83em auto
}
.home-products-carousels {
justify-content: center
}
.home-products .slick-arrow {
border: 0;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30%;
transform: translateY(-50%);
z-index: 1;
width: 17px;
height: 37px
}
.home-products .slick-arrow:focus {
outline: 0
}
.home-products .slick-prev.slick-arrow {
left: 50px;
background-image: url(//president.cz/wp-content/themes/president/img/yellow-arrow-prev.png)
}
.home-products .slick-next.slick-arrow {
right: 50px;
background-image: url(//president.cz/wp-content/themes/president/img/yellow-arrow-next.png)
}
.home-products .slick-slide a {
padding-left: 0;
padding-right: 0
}
.home-products .tpl-card--wrap {
height: 100vw;
max-height: 500px
}
.home-products .tpl-card--image {
height: 62%
}
.home-products .tpl-card--no-golden {
height: 30%
}
.home-products .tpl-card--texts {
justify-content: start
}
.home-products .slick-slide:not(.slick-current) .tpl-card--image {
opacity: 30%
}
.home-products .slick-slide:not(.slick-current) .tpl-card--no-golden {
opacity: 0
}
.home-recipes {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/home-recipes-bg-mobile.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
text-align: center;
padding-top: 30px;
padding-bottom: 30px
}
.home-recipes--slogan {
font-family: 'Dancing Script', cursive;
font-size: 24px;
color: #fff;
text-shadow: 1px 1px 10px #44291f
}
.home-recipes .btn-r {
width: 100%;
margin: 10px 0;
font-size: 14px
}
@media (min-width:576px) {
.home-products .tpl-card--wrap {
height: 350px
}
}
@media (min-width:768px) {
.page-daccueil main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 580px, right 650px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
.headband {
min-height: 35.5vw
}
.headband-video-container {
display: inline-block;
position: relative;
margin: 0 auto
}
.headband--video {
z-index: 1;
height: 35.5vw;
width: auto
}
.headband--sound-btn {
display: block
}
.headband-carousel-container {
display: none
}
.headband--slogan {
visibility: hidden
}
.home-products .slick-slide a {
padding-left: 15px;
padding-right: 15px
}
.home-products .slick-slide a .tpl-card--wrap {
height: auto
}
.home-products .slick-slide:not(.slick-current) {
opacity: 100%
}
.home-products .slick-prev.slick-arrow {
left: 20px
}
.home-products .slick-next.slick-arrow {
right: 20px
}
.home-recipes {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/home-recipes-bg.jpg)
}
.home-recipes--slogan {
font-size: 40px
}
}
@media (min-width:1200px) {
.home-products .slick-prev.slick-arrow {
left: 50px
}
.home-products .slick-next.slick-arrow {
right: 50px
}
}
@media (max-width:720px) {
.mobile-video-margin {
margin-top: 20px
}
.headband-video-container.mobile {
display: block
}
}
body.page-template-iframe iframe {
display: block;
width: 100%;
min-height: 500px;
padding: 0;
margin: 0;
z-index: 0;
border: 0
}
body.page-template-iframe iframe .iframe--header {
display: none
}
.basic-content {
margin: 15px 0;
padding: 30px;
background-color: #fff
}
.basic-content iframe {
margin: 0 -15px
}
.basic-content table td,
.basic-content table th {
border: 1px solid #444;
padding: 5px
}
.pagination {
margin-top: 15px;
margin-bottom: 30px
}
.pagination-list {
list-style: none;
display: flex;
justify-content: center;
padding: 0
}
.pagination-list .pagination-item {
padding: 10px 10px;
font-family: Caveat, cursive;
font-size: 28px;
line-height: 28px
}
.pagination-list .pagination-item.filler {
padding: 10px 0
}
.pagination-list .pagination-item.active a,
.pagination-list .pagination-item:first-of-type a,
.pagination-list .pagination-item:last-of-type a {
color: #cd242f
}
@media (min-width:768px) {
.pagination {
margin-top: 38px;
margin-bottom: 50px
}
.pagination-list .pagination-item {
padding: 10px 20px
}
}
.search {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-mobile.jpg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-position: center 60px, left top;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.search .filter-by {
display: none;
user-select: none
}
.search--title {
text-align: center;
letter-spacing: 2px;
position: relative;
margin: 125px 0 55px 0
}
.search--sub-title {
text-align: center;
display: block
}
.search--no-result p {
font-size: 4.5vw;
text-align: center
}
.search--cta {
text-align: center
}
.archive-search--nav {
display: block;
position: fixed;
top: 0;
left: -210px;
bottom: 0;
width: 210px;
padding-top: 78px;
background-color: #fff;
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: contain;
transition: left .5s;
z-index: 8990
}
.admin-bar .archive-search--nav {
top: 46px
}
.archive-search--nav.open {
left: 15px;
box-shadow: 3px 0 4px rgba(0, 0, 0, .17)
}
.archive-search--nav ul {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none
}
.archive-search--nav li {
width: 100%
}
.archive-search--nav a {
display: block;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #ce1c23;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #4b2509
}
.archive-search--nav a.inactive {
cursor: default;
color: #d1d1d1
}
.search nav ul.archive-search--nav-list .nav-item a.inactive:hover {
color: #d1d1d1;
background-color: #fff
}
.search .footer--mobile-filters-icon {
display: block
}
@media (min-width:565px) {
.search--no-result p {
font-size: 14px
}
}
@media (min-width:768px) {
.archive-search--nav {
display: block;
position: static;
top: auto;
left: auto;
bottom: auto;
width: auto;
padding-top: 0;
background: 0 0;
transition: none;
z-index: 1;
margin-top: 60px;
margin-bottom: 50px
}
.admin-bar .archive-search--nav {
top: auto
}
.archive-search--nav.open {
left: auto;
box-shadow: none
}
.archive-search--nav ul {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
align-items: center;
list-style: none;
width: 100%
}
.archive-search--nav li {
width: auto;
margin-left: 10px;
position: relative
}
.archive-search--nav a {
display: block;
width: auto;
border-bottom: 0;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
padding: 10px 12px;
background-color: #fff;
color: #cd242f;
text-transform: uppercase;
font-size: 12px;
transition: background-color .3s ease-in-out
}
.search nav ul.archive-search--nav-list .nav-item a:hover,
.search nav ul.archive-search--nav-list .nav-item.active a {
color: #fff;
background-color: #cd242f
}
.search .filter-by {
display: none;
position: fixed;
background-color: #cd242f;
border-radius: 10px 0 0 10px;
top: 75%;
right: 0;
width: 130px;
height: 90px;
padding-top: 10px;
padding-right: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9000;
cursor: pointer;
transition: display .5s;
box-shadow: 0 3px 4px rgba(0, 0, 0, .17)
}
.search .filter-by.sticky {
display: flex
}
.search .filter-by p {
color: #fff
}
.search .footer--mobile-filters-icon {
display: none
}
}
@media (min-width:992px) {
.search {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/archive-products-bg.jpeg), url(//president.cz/wp-content/themes/president/img/backgrounds/body-bg.jpg);
background-size: auto, auto
}
}
@media (min-width:1024px) {
.archive-search--nav a {
font-size: 14px;
padding: 10px 20px
}
.search--no-result p {
font-size: 18px
}
}
@media (min-width:1200px) {
.search--title {
margin-top: 50px
}
.archive-search--nav-list .nav-item {
width: 200px
}
.search main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 1050px, right 890px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
padding-top: 90px
}
}
.single-product main {
background-image: none;
background-position: left 1050px, right 890px;
background-repeat: no-repeat;
background-size: 0 0
}
.product-infos {
background-color: none;
margin-top: 0
}
.product-infos .inner-col {
background-color: #fff;
padding: 15px;
text-align: center
}
.product-infos .product-title {
text-align: center;
margin: 15px auto 0;
color: #4b2509;
font-family: 'Dancing Script', cursive;
padding-bottom: 3px;
text-transform: none;
display: block;
width: auto;
font-size: 32px;
line-height: 1em
}
.product-infos .product-subtitle {
text-align: center;
color: #4b2509;
font-family: Lato, sans-serif;
text-decoration: none;
font-weight: 200;
font-size: 24px;
margin-top: 10px;
display: block;
line-height: 1em
}
.product-infos .col-txt .product-subtitle,
.product-infos .col-txt .product-title {
display: none
}
.product-infos .img-traits {
position: relative
}
.single-product-slide {
position: relative
}
.single-product-slide::after {
content: '';
display: block;
padding-bottom: 100%
}
.single-product-slide img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.product-infos .traits-produit {
position: absolute;
right: 12%;
top: 5%
}
.product-infos .img-product {
display: block;
margin: 0 auto
}
.product-infos .description-produit {
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-family: Lato, sans-serif;
font-size: 18px;
padding-top: 50px;
text-align: center;
width: 90%
}
.product-infos .col-txt .inner-col>p {
margin-top: 0;
font-family: Lato, sans-serif;
font-size: 18px;
text-align: center
}
.product-infos .title-suggestions {
color: #a11c14;
text-align: center;
font-family: 'Dancing Script', cursive;
text-transform: none;
font-size: 23px;
line-height: 32px;
margin: 30px auto 0;
display: inline-block;
width: auto
}
.product-infos .suggestions-produits {
padding-top: 30px;
padding-bottom: 30px
}
.product-infos .suggestions-produits .item-img img {
width: 90%;
display: block;
margin: 0 auto
}
.product-infos .suggestions-produits .item-img p.related-title {
font-family: 'Dancing Script', cursive;
text-align: center;
font-size: 24px;
line-height: 24px;
margin: 0 0 14px 0
}
.product-infos .suggestions-produits .item-img p.related-subtitle {
text-align: center;
font-size: 14px;
line-height: 14px;
margin: 0 0 14px 0
}
.product-infos .table-info-nut {
margin-left: auto;
margin-right: auto
}
.product-infos .table-info-nut tr {
border-bottom: 1px solid
}
.product-infos .table-info-nut td {
padding: 10px
}
.product-infos .inner-col p a,
.product-infos .inner-col ul a {
text-decoration: underline
}
.product-infos .inner-col p em {
font-size: 14px;
line-height: 1em
}
.product-infos .inner-col ul {
text-align: left;
font-family: Lato, sans-serif;
font-size: 18px;
line-height: 1em;
padding: 0;
width: auto;
display: inline-block
}
.product-infos .inner-col p+ul {
margin-top: -1em
}
.product-infos .inner-col ul li {
margin: .5em 0
}
@media only screen and (min-width:768px) {
.single-product>.container {
padding-top: 50px
}
.product-infos {
background-color: #fff;
margin-bottom: 30px
}
.product-infos .col-txt .product-subtitle,
.product-infos .col-txt .product-title {
display: block;
text-decoration: none
}
.product-infos .col-txt .product-title {
margin-top: 30px;
font-size: 40px
}
.product-infos .col-txt .product-subtitle {
font-size: 30px
}
.product-infos .col-img .product-subtitle,
.product-infos .col-img .product-title {
display: none
}
.product-infos .col-txt .description-produit {
padding-top: 0
}
.product-infos .col-img .slider {
padding-top: 40px
}
.product-infos .img-traits {
padding-top: 40px
}
}
@media (min-width:992px) {
.product-infos .title-suggestions {
font-size: 32px
}
}
@media (min-width:1200px) {
.single-product main {
background-position: left 400px, right 190px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
}
.qr-main--header {
background-color: #fff
}
.qr-header-left {
height: 50vw
}
.qr-header-left--content {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.qr-header-right--content {
text-align: center
}
.qr-header-right--content img {
width: 100%;
height: auto
}
.qr-content {
background-color: #fff;
padding: 15px;
margin-top: 30px;
margin-bottom: 30px;
color: #4b2509;
font-size: 14px;
line-height: 1.6em
}
.qr-main .related-articles h3 {
text-align: center;
font-size: 5vw
}
.related-articles {
margin-bottom: 30px
}
.related-articles a:nth-of-type(3) {
display: none
}
@media screen and (min-width:768px) {
.single-question main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 550px, right 490px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
.qr-header-left {
height: auto
}
.qr-header-right--content {
padding-right: 30px
}
.qr-header-right--content .img-secondaire {
padding: 20px 0
}
.qr-content {
padding: 30px 15px
}
.qr-main .related-articles h3 {
font-size: 28px
}
.related-articles a:nth-of-type(3) {
display: flex
}
}
h1.title-recipe {
font-family: 'Dancing Script', cursive;
font-size: 28px;
color: #4b2509;
text-align: center;
text-transform: none;
text-align: center;
margin-top: 0;
line-height: 1em
}
.french-styled .title-recipe {
margin-bottom: 1.2em
}
.french-styled .title-recipe::after {
background: linear-gradient(to right, #0055a4 33%, #fff 33%, #fff 67%, #ef4135 67%);
position: absolute;
content: '';
height: 7px;
right: 33%;
left: 33%;
bottom: -23px
}
.recipe-background {
background-color: #fff;
padding: 20px 15px;
margin: 0 15px;
max-width: calc(100% - 30px);
margin-bottom: 15px
}
.row.top-info .img-wrapper .img-recipe {
height: 350px;
width: 550px;
max-width: 100%;
background-position: center
}
.row.top-info .row.info.difficulte .difficulte-wrapper {
display: flex;
align-items: center
}
.row.top-info .info-wrapper hr {
width: 70%;
height: 0;
border: 1px solid #e5b728
}
.row.top-info .info-wrapper hr:last-of-type {
display: none
}
.row.top-info .info-wrapper p {
color: #ce1c23;
font-size: 16px;
margin: 0;
text-align: left
}
.row.top-info .info-wrapper div.row.info {
width: 100%;
margin: 10px auto
}
div.share p {
color: #ce1c23;
text-align: center;
font-size: 20px;
margin-bottom: 0
}
div.share img {
display: block;
margin: 10px auto 0
}
div.share.desktop {
display: none;
margin-top: 25px
}
div.share.mobile {
display: block
}
.img-ingredient img {
margin: 0 auto;
display: block
}
.row.bottom-part .ingredient-col .title-2,
.row.bottom-part .preparation-col .title-2 {
color: #ce1c23;
border-bottom-color: #ce1c23;
margin-top: 10px
}
.row.bottom-part .ingredient-col .title-wrap,
.row.bottom-part .preparation-col .title-wrap {
display: flex;
justify-content: center
}
.row.bottom-part .preparation-col .title-wrap {
background-image: url(//president.cz/wp-content/themes/president/img/recipe-success-tips-cz.png);
background-repeat: no-repeat;
background-position-x: 80%;
background-position-y: 30%;
background-size: 150px
}
.row.bottom-part .preparation-col .title-2 {
position: relative;
margin-top: 80px;
margin-bottom: 0
}
.row.bottom-part .ingredients ul {
list-style: none;
padding-left: 0;
margin: 0
}
.row.bottom-part .ingredients ul li {
font-size: 14px;
line-height: 1.2em;
color: #4b2509;
margin-bottom: 7px
}
.row.bottom-part .preparation-col h2:before {
content: '';
width: 100%;
height: 50px;
position: absolute;
top: -180%;
left: 40%
}
.row.bottom-part .preparation-col .row-step .step-title {
color: #4b2509;
text-align: center;
text-decoration: underline;
font-size: 18px;
font-weight: 600;
margin-bottom: 0
}
.row.bottom-part .preparation-col .row-step .step-title {
color: #4b2509;
text-align: center;
text-decoration: underline;
font-size: 18px;
font-weight: 600;
margin-bottom: 0
}
.row.bottom-part .preparation-col .row-step .step-text {
color: #4b2509;
font-size: 14px;
text-align: center;
font-weight: 400;
margin-top: 5px
}
.row.bottom-part .preparation-col .chef-tip {
border: 1px solid #ce1c23;
padding-top: 10px;
padding-bottom: 20px
}
.row.bottom-part .preparation-col .chef-tip h3 {
color: #ce1c23;
text-align: center;
font-family: 'Dancing Script', cursive;
font-size: 24px;
text-transform: none;
margin: 10px 0
}
.row.bottom-part .preparation-col .chef-tip p {
color: #ce1c23;
text-align: center;
font-weight: 600;
font-size: 14px;
margin-top: 5px
}
.title-recipe~.inspiration {
color: #4b2509;
font-weight: 900;
text-align: center;
font-size: 14px
}
@media screen and (min-width:768px) {
.recipe-background {
padding: 20px 50px
}
h1.title-recipe {
font-size: 42px;
margin-top: 10px
}
div.share.desktop {
display: block
}
div.share.mobile {
display: none
}
.row.top-info {
min-height: 470px
}
.row.top-info .img-wrapper .img-recipe {
height: 100%;
width: 100%;
background-position: left
}
.row.top-info .info-wrapper p {
text-align: center
}
.row.top-info .info-wrapper hr {
width: 100%
}
.row.top-info .info-wrapper div.row.info {
margin: 0 auto
}
.row.top-info .info-wrapper .row.info .info-img {
display: block;
margin: 10px auto 5px
}
.row.top-info .info-wrapper .row.info p {
text-align: center;
font-size: 16px
}
.row.top-info .info-wrapper .row.info.difficulte .difficulte-wrapper {
display: flex;
justify-content: center
}
.row.top-info .info-wrapper .row.info.difficulte .difficulte-wrapper .stars {
display: flex
}
.row.top-info .info-wrapper .row.info.difficulte .stars img {
object-fit: contain
}
.row.top-info .info-wrapper hr:last-of-type {
display: block
}
.row.bottom-part {
padding-top: 100px
}
.row.bottom-part .img-ingredient {
margin: 0 auto;
background-position: center
}
.row.bottom-part .ingredient-col .img-ingredient:before {
right: 0
}
.row.bottom-part .preparation-col h2 {
margin-top: 0
}
.row.bottom-part .preparation-col .title-wrap {
justify-content: flex-start;
background-image: url(//president.cz/wp-content/themes/president/img/recipe-success-tips-cz.png);
background-position-x: 175px;
background-position-y: top
}
.row.bottom-part .preparation-col .title-2 {
margin-top: 10px;
margin-bottom: .83em
}
.row.bottom-part .preparation-col .title-2::before {
left: 50%
}
.row.bottom-part .preparation-col .chef-tip h3,
.row.bottom-part .preparation-col .chef-tip p,
.row.bottom-part .preparation-col .row-step .step-text,
.row.bottom-part .preparation-col .row-step .step-title,
.row.bottom-part .preparation-col h2 {
text-align: left
}
.row.bottom-part .ingredient-col ul li {
padding: 5px
}
.title-recipe~.inspiration {
width: 70%;
margin: 0 auto;
padding-top: 30px
}
.row.bottom-part .ingredients ul li {
font-size: 16px
}
}
@media (min-width:992px) {
.single-recipe main {
background-image: url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-butter-left.png), url(//president.cz/wp-content/themes/president/img/backgrounds/products-floating-cheese.png);
background-position: left 525px, right 445px;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto
}
.row.top-info .info-wrapper .row.info .info-img {
display: block;
margin: 10px auto 20px
}
.row.top-info .info-wrapper div.row.info {
margin: 10px auto
}
.row.bottom-part .ingredients ul li {
padding-left: 30px
}
.row.top-info .info-wrapper .row.info p {
font-size: 18px
}
}
.icon-android-chrome-192x192 {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: -513px -271px;
width: 192px;
height: 192px
}
.icon-android-chrome-512x512 {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: 0 0;
width: 512px;
height: 512px
}
.icon-apple-touch-icon {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: 0 -513px;
width: 180px;
height: 180px
}
.icon-favicon-16x16 {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: -739px -271px;
width: 16px;
height: 16px
}
.icon-favicon-32x32 {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: -706px -271px;
width: 32px;
height: 32px
}
.icon-mstile-150x150 {
background-image: url(//president.cz/wp-content/themes/president/img/sprite.png);
background-position: -513px 0;
width: 270px;
height: 270px
}
.suggestions-part .tpl-cards a:nth-of-type(3) {
display: none
}
.suggestions-part .title-suggestions {
margin-top: 40px;
margin-bottom: 15px;
padding-top: 40px
}
.suggestions-part .title-suggestions h3 {
text-align: center;
font-size: 5vw
}
.recettes-cta {
margin-bottom: 70px;
text-align: center
}
@media only screen and (min-width:768px) {
.suggestions-part .tpl-cards a:nth-of-type(3) {
display: flex
}
.suggestions-part .title-suggestions {
margin-top: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.suggestions-part .title-suggestions h3 {
font-size: 28px
}
.recettes-cta {
margin-top: 15px;
margin-bottom: 120px
}
}
@media only screen and (min-width:992px) {
.suggestions-part .title-suggestions {
background-size: initial;
background-position-x: 710px;
background-position-y: 50px
}
}
@media only screen and (min-width:1200px) {
.suggestions-part .title-suggestions {
background-position-x: 800px
}
}