/* DATE PICKER
***************************************************/
.calBox {
    text-align: center;
}

.calElement {
    margin: 1px;
    display: inline-block;
    overflow: hidden;
}

.calYear {
    font-size: 20px;
    border-bottom: 1px dashed #666;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: none;
}

.calYear .calElement {}

.calMonth {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.calMonth .calElement {
    font-size: 16px;
}

.calDay {}

.calDay .calElement {
    font-size: 16px;
}

.calDay .calElement.prev {
    background: transparent url(https://agencecitrongivre.com/dev/newvertigo/wp-content/themes/bricks-child/images/cal-leftarrow.jpg) no-repeat;
    width: 16px;
    height: 30px;
    display: block;
    float: left;
    margin-top: 22px;
    margin-left: 20px;
}

.calDay .calElement.next {
    background: transparent url(https://agencecitrongivre.com/dev/newvertigo/wp-content/themes/bricks-child/images/cal-rightarrow.jpg) no-repeat;
    width: 16px;
    height: 30px;
    display: block;
    float: right;
    margin-top: 22px;
    margin-right: 20px;
}

span.calElement.next:hover,
span.calElement.prev:hover {
    cursor: pointer;
}

.calDay .calElement .dayNumber {
    font-size: 40px;
}


.calMonth .calElement.selected {
    background-color: #3f3f44;
    color: #ffffff;
}

.calDay .calElement.selected {
    background-color: #9d9d9d;
    color: #ffffff;
    padding: 0 10px;
}

span.calElement:hover {
    background-color: #3f3f44;
    color: #ffffff;
    cursor: pointer;
}

.calElement.today {}

div.datepicker {
    position: relative;
    font-size: 12px;
    width: 200px;
    height: 147px;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
}

.datepickerContainer {
    background: #121212;
    position: absolute;
    top: 0px;
    left: 10px;
}

.datepickerHidden {
    display: none;
}

div.datepicker table {
    border-collapse: collapse;
}

div.datepicker a {
    color: #3f3f44;
    text-decoration: none;
    cursor: default;
    outline: none;
}

div.datepicker table td {
    text-align: center;
    padding: 5px;
    margin: 0;
}

div.datepicker th {
    text-align: center;
    color: #999;
    font-weight: normal;
}

div.datepicker tbody th {
    text-align: center;
}

div.datepicker tbody a {
    display: block;
}

.datepickerDays a {
    width: 20px;
    line-height: 16px;
    height: 16px;
    padding-right: 2px;
}

.datepickerYears a,
.datepickerMonths a {
    width: 44px;
    line-height: 36px;
    height: 36px;
    text-align: center;
}

td.datepickerNotInMonth a {
    color: #9d9d9d;
}

tbody.datepickerDays td.datepickerSelected {
    background: #9d9d9d;
    color: #ffffff;
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: #17384d;
}

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
    background: #17384d;
}

div.datepicker a:hover,
div.datepicker a:hover {
    cursor: pointer;
}

div.datepicker td.datepickerNotInMonth a:hover {
    color: #999;
}

div.datepicker tbody th {
    text-align: left;
}

.datepickerSpace div {
    width: 20px;
}

.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.datepickerGoNext a {
    float: right;
    width: 20px;
}

.datepickerGoPrev a {
    float: left;
    width: 20px;
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
    display: none;
}

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
    display: none;
}

table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
    display: none;
}

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
    color: #333;
}

td.datepickerDisabled a:hover {
    color: #333;
}

td.datepickerSpecial a {
    background: #700;
}

td.datepickerSpecial.datepickerSelected a {
    background: #a00;
}

.btn-datepicker {
    display: block;
    width: 22;
    height: 23px;
    background: url('https://agencecitrongivre.com/dev/newvertigo/wp-content/themes/bricks-child/images/link-datepicker.jpg') no-repeat;
}

#booking {
    background: #ffffff;
    color: #3f3f44;
    text-align: center;
    padding: 16px 10px 10px 10px;
}

#booking .row {
    margin-bottom: 20px;
}

#booking-date1,
#booking-date2 {
    display: none;
    position: absolute;
    top: 150px;
    left: 14px;
    width: 236px;
    height: 242px;
    background: #ffffff;
    border: 1px solid #9d9d9d;
    z-index: 100;
}

#booking-date2 {
    left: -56px;
}

.datepickerDoW th:first-child {
    display: none;

}

th.datepickerWeek {
    display: none;
}

.home-block {
    padding: 1px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:767px) and (max-width: 992px) {
    .content {
        margin-top: 25px;
    }

    #logo {
        margin-top: 20px;
    }

    .home-block a {
        height: 171px;
        padding-top: 57px;
    }

    .calDay .calElement.next {
        margin-right: 10px;
    }

    .calDay .calElement.prev {
        margin-left: 10px;
    }

    .calMonth .calElement {
        font-size: 12px;
    }

    .calDay .calElement .dayNumber {
        font-size: 24px;
    }

    ul.nav-tabs li h3 a {
        font-size: 12px;
        padding: 10px 0;
    }

    .object,
    .designer {
        font-size: 16px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px) {
    .md-gutter-right {
        padding-right: 0;
    }

    #navigation ul li {
        margin-left: 6px;
    }

    .mainnav ul li:first-child {
        margin-left: 0;
    }

    #navigation ul li a {
        font-size: 14px;
    }

    .block-footer {
        padding: 10px 30px;
    }

    .calDay .calElement.next {
        margin-right: 10px;
    }

    .calDay .calElement.prev {
        margin-left: 10px;
    }

    .calDay .calElement .dayNumber {
        font-size: 34px;
    }

    ul.nav-tabs li h3 a {
        font-size: 12px;
        padding: 10px 0;
    }

    .original-border {
        border-right: 2px solid #7c7c7c
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .md-gutter-right {
        padding-right: 0;
    }

    #navigation ul li {
        margin-left: 16px;
    }

    #navigation ul li:first-child {
        margin-left: 0;
    }

    #navigation ul li a {
        font-size: 15px;
    }

    .original-border {
        border-right: 2px solid #7c7c7c
    }
}

.custom-form-select {
    background: url('https://agencecitrongivre.com/dev/newvertigo/wp-content/themes/bricks-child/images/cal-bottomarrow.jpg') center right no-repeat;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px dotted #9d9d9d;
    overflow: hidden;
    position: absolute;
    display: block;
    cursor: pointer;
    text-align: left;
}

.last .custom-form-select {
    background: url('https://agencecitrongivre.com/dev/newvertigo/wp-content/themes/bricks-child/images/cal-bottomarrow.jpg') center right no-repeat;
    border: 0;
}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (max--moz-device-pixel-ratio: 1.5) {}

/**
 * Tarte au citron custom css
 */

#tarteaucitronRoot * {
    font-family: 'Open Sans', sans-serif !important;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: #ff0775 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    border-radius: 0 !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig#tarteaucitronAlertBig {
    background: #ff0775;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: white;
    color: #3f3f44;
    margin-left: 15px;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert#tarteaucitronCloseAlert {
    padding: 5px 10px;
    font-size: 16px;
    color: white;
    background: #3f3f44;
}