/******************************************************************
Theme Name: Un sac sur le dos 6
Theme URI: https://www.unsacsurledos.com/wp-content/themes/un-sac-sur-le-dos-6/
Description: Official Theme of Un sac sur le dos's blog.
Author: François Thierens
Author URI: https://www.unsacsurledos.com
Text Domain: un-sac-sur-le-dos-6
License: All rights reserved
License URI: https://www.unsacsurledos.com
Theme URI: https://jattendsunlien.fr
Update URI: https://jattendsunlien.fr/themes/un-sac-sur-le-dos-6/info
Version: 6.5.1
Tags: flexible-width, custom-menu
******************************************************************/

@font-face {
    font-family: 'Verlag Book';
    font-style: normal;
    font-weight: normal;
    src: local('Verlag Book'), url('Verlag-Book.woff2') format('woff2');
    font-display: swap;
}

body {
    margin: 0;
}

p iframe {
    max-width: 100%;
    max-height: 576px;
    height: 70vw;
}

.aligncenter,
div.aligncenter {
    display: block;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

a img.alignright {
    float: right;
}

a img.alignleft {
    float: left;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
}

.container {
    margin: 0 auto 5em;
}

.page h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.02em;
    line-height: 1.15em;
    color: #F8831D;
    font-family: 'Verlag Book';
    font-weight: normal;
}

h2 {
    color: #F9831E;
}

h3 {
    color: #0343AA;
}

h4 {
    color: #59A5D1;
}

p {
    line-height: 1.6em;
}

.page h1, h2, h3, h4, h5, h6, p, .ussld-box, figure, .gallery, #contact-message, article .ussld-learn-more {
    margin: 20px 10px;
    clear: both;
}

header {
    background-color: #F8831D;
    padding-left: 15px;
    height: 32px;
    padding-top: 4px;
}

header span {
    color: #FFFFFF;
    position: relative;
    font-size: x-large;
    top: -4px;
    font-family: 'Verlag Book';
    letter-spacing: 0.03em;
    padding-left: 0.3em;
}

header a {
    text-decoration: none;
}

header img {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 50%;
    z-index: 2;
}

.home h1,
.white h2,
.says,
#search-lightbox,
#recent-posts p,
#popular-posts p,
#recent-video p,
#article-tags,
#search-form label,
#contact_form > label {
    display: none;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #333333;
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

input#s {
    font-size: xx-large;
    font-style: normal;
    font-weight: 700;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    cursor: text;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #f8831d;
    width: 90%;
    max-width: calc(100vw - 3em);
    padding: 0;
    border-radius: 0;
}

#sidebar {
    position: fixed;
    top: 5px;
    right: 0;
    height: 100%;
    width: 0;
    background: #333333;
    z-index: 10;
}

#sidebar ul {
    list-style: none;
    padding: unset;
    margin-top: 45px;
}

#sidebar li:hover {
    background-color: #F8831D;
}

#sidebar li a {
    display: block;
    padding: 0.9em;
    font: menu;
    font-family: 'Verlag Book';
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

.close-image {
    top: 15px;
    left: 165px;
    cursor: pointer;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
}

#search-lightbox .close-image {
    left: unset;
    right: 15px;
}

#search-submit {
    width: 30px;
    height: 30px;
    background: transparent url(images/magnifier.svg);
    border: none;
    cursor: pointer;
}

#recent-posts {
    padding: 22px 0 3em;
}

#popular-posts,
#recent-video {
    padding: 2em 0 3em;
}

.first-featured,
.second-featured {
    margin-bottom: 2em;
}

#recent-posts .second-featured {
    padding-left: calc(50vw - 160px);
    padding-right: calc(50vw - 160px);
}

#main-content img {
    height: auto;
    display: block;
    width: 100%;
}

#recent-video a > div {
    padding-left: calc(50vw - 160px);
    padding-right: calc(50vw - 160px);
}

a {
    text-decoration: none;
}

.qcd:hover {
    text-decoration: underline;
    cursor: pointer;
}

.qcd-no-underline:hover {
    text-decoration: none;

}

.home h3 {
    color: #FFFFFF;
    margin: 0.3em;
}

a h3:hover,
#recent-posts a h3:hover {
    color: #FFFFFF;
}

#recent-posts div {
    position: relative;
}

#recent-posts a h3 {
    color: #333333;
}

#featured-block {
    background-color: #333333;
    color: #FFFFFF;
}

#recent-video {
    background-color: #222222;
    color: #FFFFFF;
}

#recent-video a > div {
    padding-bottom: 2em;
}

#recent-video a div div {
    position: relative;
}

#recent-video .video-button {
    bottom: calc(50% - 25px);
    left: calc(50% - 25px);
    border-radius: 50%;
    opacity: 0.65;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background: #222222 url(images/play.svg) 3px center;
}

#recent-video .video-button:hover {
    background-color: #FFFFFF;
    opacity: 1;
}

#popular-posts h2,
#recent-video h2 {
    margin: 0 0 0 10%;
    padding-left: 0.5em;
    padding-bottom: 1.5em;
    border-left: 1px solid #F8831D;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #F7F7F7;
}

#recent-video h2 {
    margin-left: calc(60vw - 160px);
}

#week-picture {
    margin: 100px 0;
    position: relative;
}

#week-picture a {
    color: #FFFFFF;
    line-height: 0;
}

#week-picture img {
    max-width: 100vw;
}

#gradient-picture-title {
    position: absolute;
    top: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    width: 100%;
}

#week-picture-title {
    font-family: 'Verlag Book';
    line-height: normal;
    margin: 0 0 0 8%;
    padding: 1em 0 0 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.20em;
    font-weight: lighter;
    font-size: large;
    border-left: 1px solid #FFFFFF;
}

#article-picture-title {
    position: absolute;
    bottom: 0;
    font-family: 'Verlag Book';
    line-height: normal;
    padding: 0.8em 2vw 0.3em;
    width: calc(100% - 4vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: large;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

#social-networks h2 {
    font-family: 'Verlag Book';
    margin: 0 0 0 8%;
    padding: 1em 0 0 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.20em;
    font-weight: lighter;
    font-size: large;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
}

a.more-articles {
    font-family: 'Verlag Book';
    letter-spacing: 0.15em;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    color: #CCCCCC;
    float: right;
}

a.more-articles:hover {
    color: #F8831D;
}

a.more-articles:after,
#article-picture-title:after {
    padding-right: 1.5em;
    content: '';
    background-size: 1em;
    background: url(images/plus.svg) no-repeat center;
}

form {
    padding: 1em;
}

#search-icon,
#menu-icon {
    float: right;
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-top: 1px;
}

#search-icon {
    background: transparent url(images/magnifier.svg);
}

#menu-icon {
    background: transparent url(images/burger.svg);
}

#author-avatar {
    text-align: center;
    margin-top: 20px;
}

#author-avatar img {
    vertical-align: middle;
    border-radius: 50%;
}

article {
    padding: 1em 0 3em;
}

article a,
#author-avatar a {
    border-bottom: 2px solid #F8831D;
    text-decoration: none;
    color: #333333;
}

#author-avatar a,
article figure a,
article img a {
    border: none;
}

article p {
    text-align: justify;
}

article li {
    line-height: 1.6em;
}

article figure {
    margin-right: auto;
    margin-left: auto;
}

article .wp-block-image figcaption,
article .wp-caption figcaption,
article figcaption {
    margin-left: 10px;
    border-left: 1px solid #F8831D;
    color: #777777;
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: unset;
    margin-bottom: 0;
}

article .wp-block-image figcaption,
article .wp-caption figcaption,
article .wp-block-image .aligncenter figcaption {
    display: flex;
    line-height: 1.4em;
    padding-top: 0.2em;
    margin-top: -0.2em;
}

article figcaption:before {
    content: "\00a0 \00a0";
    border-bottom: 1px solid #F8831D;
}

.wp-block-gallery {
    margin: 0;
}

.wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0;
}

.wp-block-gallery .blocks-gallery-item:first-child {
    margin-left: 0;
}

.wp-block-gallery .blocks-gallery-item figcaption {
    padding: 0.5em 10px;
    margin: 0;
    border: 0;
    width: calc(100% - 20px);
}

.wp-block-gallery .blocks-gallery-item figcaption:before {
    content: '';
}

article figure,
article img {
    max-width: 100%;
    display: block;
}

article li {
    margin: 0.5em 0;
}


article blockquote {
    background: #F7F7F7;
    border-left: 10px solid #F8831D;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

article blockquote:before {
    color: #F8831D;
    content: "\201C";
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

article blockquote p:first-child {
    margin-top: 0;
}

article blockquote p:last-child {
    margin-bottom: 0;
}

#featured-picture {
    height: calc(100vh - 36px);
    margin: 0;
}

#featured-picture h1 {
    font-family: 'Verlag Book';
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    max-width: unset;
}

#article-more {
    z-index: 4;
    bottom: 25px;
    background: url(images/arrow-article.svg) center bottom no-repeat;
    background-size: 30px 24px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 30px;
    height: 44px;
}

@keyframes article-more-animation {
    100% {
        bottom: 10px;
    }
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 0;
}

article .ussld-box,
article .boxgrise,
article .boxrouge {
    border-left: 10px solid;
    background-color: #F7F7F7;
    padding: 1em 2em;
}

article .wp-block-group.boxverte,
article .wp-block-group.boxbleue,
article .wp-block-group.boxjaune,
article .wp-block-group.boxrouge,
article .wp-block-group.boxgrise {
    padding: 0.1em 2em;
}

article div.boxverte,
article div.boxbleue,
article div.boxjaune,
article div.boxrouge,
article div.boxgrise {
    margin-left: 10px;
    margin-right: 10px;
}


article .ussld-box p {
    margin-bottom: 0;
    text-align: left;
}

article .boxcontinue {
    margin: -2em 10px 0;
}

article .ussld-shadow,
article .boxgrise {
    border-color: #333333;
}

article .ussld-info,
article .boxjaune {
    border-color: #FFCC00 !important;
    border-left: 10px solid;
    background-color: #FCF9CE;
    padding: 1em 2em;
    border-radius: 10px;
}

article .ussld-warning,
article .boxrouge {
    border-color: #E43F39;
}

article .ussld-download,
article .boxverte {
    border-color: #5ABA83 !important;
    border-left: 10px solid;
    background-color: #B8F1D2;
    padding: 1em 2em;
    border-radius: 10px;
}

article .boxverte figure,
article .boxbleue figure,
article .boxjaune figure,
article .boxrouge figure,
article .boxgrise figure {
    margin: 20px 0;
}

article .ussld-bio,
article .boxbleue {
    border-color: #3090DB !important;
    border-left: 10px solid;
    background-color: #CBE4FC;
    padding: 1em 2em;
    border-radius: 10px;
}

article .ussld-learn-more .heading-more {
    cursor: pointer;
    background-color: #F7F7F7;
    margin: 0;
    padding: 1em;
    color: #333333;
    position: relative;
}

article .ussld-learn-more p {
    margin-top: 0;
}

article .ussld-learn-more .learn-more-content {
    border: 1px solid #CCCCCC;
    border-top: 0;
    padding: 1.8em 1em 1em;
}

article .ussld-learn-more.open .learn-more-content {
    display: block;
}

article .ussld-learn-more .heading-more .ussld_learnmore_arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    border-left: 1px solid #CCCCCC;
}

article .ussld-learn-more span.ussld_learnmore_arrow span {
    background: url(images/arrow-bottom.svg) no-repeat;
    background-size: 20px 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -10px;
    width: 20px;
    height: 16px
}

article .ussld-learn-more > section > h3 {
    cursor: pointer;
    background-color: #efefef;
    padding: 18px;
    color: #333333;
}

article .ussld-learn-more > section > div {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

article .open span.ussld_learnmore_arrow span {
    transform: rotate(180deg);
}

.comment-reply-link,
.pagination a,
#commentform input[type=submit],
.wp-block-button .wp-block-button__link,
.navigation .page-numbers {
    font: caption;
    float: right;
    padding: 11px 14px;
    color: #FFFFFF;
    background: #F8831D;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
}

.wp-block-button .wp-block-button__link,
.navigation .page-numbers {
    float: none;
    margin: auto 10px;
}

@media (max-width: 600px) {
    .wp-block-button .wp-block-button__link,
    .navigation .page-numbers {
        max-width: 95%;
    }
}

.wp-block-button .wp-block-button__link {
    white-space: normal;
}

.navigation {
    text-align: center;
    margin: 3em 0;
}

ol.commentlist,
ol.commentlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 768px) {
    ol.commentlist {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.comment-body .avatar {
    float: left;
    margin: 0 0.3em;
}

.avatar img {
    border-radius: 50%;
}

.comment-body {
    margin: 0.3em 0;
    padding: 0.3em 0;
    border-bottom-style: inset;
    border-bottom-width: 1px;
}

.comment-author a,
.comment-metadata a {
    border: none;
}

.single input[type=text],
.page input[type=text],
.single input[type=email],
.page input[type=email],
.single input[type=url],
.page input[type=url],
.page textarea,
.single textarea {
    width: calc(100% - 1em);
    border: 1px solid #CCCCCC;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

#comment-wrap {
    margin: 3em 0;
}

textarea {
    width: calc(100% - 4px);
    height: 20em;
}

textarea,
input {
    -webkit-appearance: none;
    border-radius: 0;
}

#featured-posts {
    background-color: #333333;
    color: #FFFFFF;
}

#footer-info {
    background-color: #222222;
    color: #FFFFFF;
}

#footer-info a {
    font-weight: bold;
    color: #FFFFFF;
}

.commentmetadata a {
    color: #777777;
    text-decoration: none;
}

#featured-picture time {
    display: block;
    background: #F8831D;
    padding: 5px 0 5px 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 80px;
}

#featured-picture time .day {
    float: left;
    padding-right: 12px;
    border-right: 1px solid #FFFFFF;
    font-size: x-large;
    line-height: 1.1em;
}

#featured-picture time p {
    display: inline;
    font-size: small;
    line-height: 1em;
    text-align: center;
    margin: 0;
}

#featured-picture time p span {
    display: block;
}

.comment-body:after,
.clear:before,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#social-networks {
    background-color: #333333;
}

#footer-info {
    padding: 10px;
    font: status-bar;
}

#social-networks div {
    margin: auto;
    text-align: center;
    padding: 4em 0;
}

#social-networks div a {
    padding: 0 0.5em;
}

.recent-post {
    padding: 0 0 2em;
}

.recent-post:first-child {
    margin-top: 3em;
}

.recent-post .main-image {
    text-align: center;
}

.recent-post .main-image a img {
    margin: auto;
}

.recent-post .description h2,
.recent-post .description p {
    margin: 0 auto 5px;
    width: 320px;
}

.recent-post .description h2 a {
    text-decoration: none;
    color: #F8831D;
}

.bn-block ul {
    list-style: none;
}

.bn-block.bn-plus .bn-title {
    background-color: #5ABA83;
}

.bn-block.bn-moins .bn-title {
    background-color: #E43F39;
}

.bn-title {
    padding: 0.5em 1em;
    margin: 0;
    color: #FFFFFF;
}

.bn-block {
    width: 100%;
    float: left;
}

.bn-block ul {
    margin-left: 20px;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bn-block ul li:before {
    content: "";
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.7em;
    top: 1.1em;
    position: relative;
}

.bn-moins ul li:before {
    border-color: transparent #E43F39;
}

.bn-plus ul li:before {
    border-color: transparent #5ABA83;
}

.bn-moins::after {
    clear: both;
}

.sticky {
    position: fixed;
}

.gallery-caption {
    font-size: inherit;
}

#article-more {
    animation: article-more-animation 1s infinite;
}

.wp-block-cover-image {
    padding: 0 !important;
}

.sac-cta a {
    white-space: normal !important;
    margin: auto 10px;
}

table, th, td {
    border: none !important;
}

table {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ffead8 !important;
}

table thead {
    border-bottom: 1px solid #ffead8 !important;
}

table thead {
    background: #ffbf8b;
}

table thead th {
    font-weight: bold;
    text-align: center;
}

table tbody tr:nth-child(even) {
    background: #ffead8;
}

table > tbody > tr > td a {
    border-bottom: 2px solid #F8831D !important;
}

@media screen and (min-width: 601px) {
    .recent-post .main-image, .recent-post .description {
        float: left;
    }

    .recent-post .description {
        width: calc(100% - 320px);
    }

    .recent-post .description h2,
    .recent-post .description p {
        width: auto;
        margin: 0 10px 5px;
    }

    .bn-block {
        width: 50%;
    }

    #featured-picture time {
        padding: 5px 0 5px 16px;
        width: 100px;
    }

    #featured-picture time .day {
        font-size: xx-large;
        padding-right: 14px;
    }

    #featured-picture time p {
        font-size: medium;
    }

    #featured-picture time p span {
        padding-top: 1px;
    }

    #recent-posts {
        padding: 50px 5vw 0;
    }

    #recent-posts div.first-featured h3 {
        font-size: xx-large;
    }

    #recent-posts div.second-featured h3 {
        font-size: x-large;
    }

    #recent-posts .second-featured {
        padding: 0;
    }

    #recent-posts:after {
        content: "";
        display: table;
        clear: both;
    }

    .white .more-articles {
        padding-right: 2vw;
    }

    a.more-articles {
        margin: 1em 0 2.5em;
        font-size: larger;
    }

    #featured-block:after {
        content: "";
        display: table;
        clear: both;
    }

    #featured-block > div {
        padding-bottom: 0;
    }

    #popular-posts {
        width: 60%;
        float: left;
        margin-left: 3.5%;
        margin-right: 3.5%;
    }

    #recent-video {
        width: 30%;
        float: left;
        background-color: #333333;
    }

    #recent-video a > div {
        background-color: #222222;
        padding: 1em 5%;
    }

    #week-picture-title,
    #social-networks h2,
    #popular-posts h2,
    #recent-video h2 {
        font-size: xx-large;
        letter-spacing: 0.3em;
    }

    #article-picture-title {
        font-size: xx-large;
    }

    #recent-posts .first-featured {
        width: 67%;
        float: left;
    }

    #recent-posts .second-featured {
        width: 30%;
        float: right;
    }

    #recent-posts div h3 {
        position: absolute;
        bottom: 0;
        text-shadow: 0 0 4px rgba(0, 0, 0, 1);
        margin: 0;
        padding: 1em 10px 0.3em;
        text-align: center;
        font-weight: normal;
        color: #FFFFFF;
        width: calc(100% - 40px);
    }

    #recent-video h2 {
        margin-left: 10%;
    }

    #recent-video a > div {
        max-width: 320px;
        margin: auto;
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media screen and (min-width: 1025px) {
    .container {
        width: 1024px;
    }

    form {
        padding: 1em 0;
    }

    .blog .container {
        width: 100%;
    }

    .page h1, h2, h3, h4, h5, h6, p, .ussld-box, .gallery, #contact-message, article .ussld-learn-more {
        margin: 20px 0;
    }

    figure {
        margin: 1em 0;
    }

    article blockquote {
        margin: 1.5em 0;
    }

    article .boxcontinue {
        margin: -2em 0 0;
    }

    #categories-links a {
        margin: 0 1em 0 0;
    }

    #week-picture {
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

    #week-picture-title {
        font-size: 55px;
    }

    #social-networks h2,
    #popular-posts h2,
    #recent-video h2 {
        font-size: 45px;
    }

    .wp-block-button .wp-block-button__link,
    .navigation .page-numbers {
        margin: auto 0px;
    }

    article div.boxverte,
    article div.boxbleue,
    article div.boxjaune,
    article div.boxrouge,
    article div.boxgrise {
        margin-left: 0;
        margin-right: 0;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }
}

@media screen and ( min-width: 1281px ) {
    .blog .container {
        width: 1280px
    }
}

.wp-block-buttons > .wp-block-button.sac-cta,
.wp-block-button.sac-cta .wp-block-button__link,
.sac-cta .has-luminous-vivid-orange-background-color {
    background-color: #ff6900 !important;
    border-radius: 60px;
    margin-left: 10px;
    margin-right: 10px;
}

tfoot a {
    display: inline-block;
    padding: 10px 14px;
    color: #FFFFFF;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px !important;
    background-color: #ff6900 !important;
    border-radius: 60px;
}

.utd_activity_container {
    padding: 10px !important;
}

@media (max-width: 768px) {
    .utd_activity_container {
        padding: 10px !important;
    }
}

.newyork-ticket-wrapper p {
	margin:0;
}