/* -- CONTACT PAGE CONTENT STYLES -- */

.content .block_contact_address {
    display: block;
    /*float: left;*/
    float: none;
    margin: 0 auto 15px 0;
    padding: 10px;
    overflow: hidden;
    /*width: 26%;*/
    width: auto;
    /*height: 350px;*/
    height: auto;
    border-width: 1px;
    text-align: left;
    font-size: 100%;
    line-height: 160%;
}
.content .block_contact_address .text_address,
.content .block_contact_address .text_social {
    display: block;
    margin: 0 auto 10px 0;
    overflow: hidden;
}
.content .block_contact_address .text_address .name,
.content .block_contact_address .text_address .phone,
.content .block_contact_address .text_address .email,
.content .block_contact_address .text_address .address {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content .block_contact_address .text_address .name {
    margin-bottom: 6px;
}
.content .block_contact_address .text_address .address {
    margin-top: 6px;
}

.content .block_contact_address .text_social {
    margin-top: 20px;
}
.content .block_contact_address .social_glyphs {
    margin-top: 0;
    padding-top: 5px;
}

.content .block_contact_address .social_icon {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 4px;
}
.content .block_contact_address .social_icon:hover .label_span {
    text-decoration: underline;
}
.content .block_contact_address .social_icon .icon_span {
    display: inline-block;
    *zoom: 1;
    margin: 0 4px 0 0;
    text-align: left;
    text-indent: -9999px;
    color: transparent;
    border: 0 none transparent;
    background-color: transparent;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0.90;
}
.content .block_contact_address .social_icon:hover .icon_span,
.content .block_contact_address .social_icon .icon_span:hover {
    opacity: 1.00;
}

.content .block_contact_address .social_glyphs .social_icon {
    color: inherit;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
}
.content .block_contact_address .social_glyphs .icon_span {
    color: inherit;
    font-size: 110%;
    text-indent: 0;
    overflow: visible;
}
.content .block_contact_address .social_glyphs .label_span {
    margin-left: 4px;
}

.content .block_contact_dynamicmap {
    display: block;
    margin: 0 0 15px auto;
    overflow: hidden;
    float: none;
    width: 100%;
    height: 210px;
    color: #000000;
    border-width: 1px;
    background-color: #BABABA;
    display: block;
    margin: 0 auto 10px 0;
    font-size: 100%;
    text-align: left;
    text-shadow: none;
}
.content .block_contact_dynamicmap div {
    margin: 0;
}
.content .block_contact_dynamicmap a {
    color: #000000;
    text-decoration: none;
}
.content .block_contact_dynamicmap a:hover {
    color: #292929;
    text-decoration: underline;
}
.content .block_contact_dynamicmap .no_content {
    margin: 20px;
}


.content .block_contact_staticmap {
    overflow: hidden;
    white-space: nowrap;
    border-width: 1px;
    display: block;
    float: none;
    margin: 0 0 18px 0;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover;
    height: 210px;
    width: 100%;
    position: relative;
}
.content .block_contact_staticmap .dir_link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.content .block_contact_staticmap .map_image {
    display: none;
}

.content .block_contact_directions {
    overflow: hidden;
    text-align: left;
}
.content .block_contact_directions .direction_wrapper {
    margin: 0 auto 10px;
    text-align: left;
}
.content .block_contact_directions .label {
    display: inline-block;
    _zoom: 1;
    margin-right: 5px;
    font-weight: bold;
}
.content .block_contact_directions input.text {
    margin-right: 5px;
    padding: 1px;
    width: 40%;
    border: 1px solid #767676;
}
.content .block_contact_directions .button {
    background: #B8B8B8 none scroll repeat-x 0 0;
    border: 1px solid #B8B8B8;
    padding: 3px 6px;
    border-radius: 0.3em;
    cursor: pointer;
    _cursor: hand;
}
.content .block_contact_directions .button:hover {
    background-position: 0 -27px;
}
.content .block_contact_directions .checkbox {
    display: inline-block;
    _zoom: 1;
    font-size: 10px;
    line-height: 13px;
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
}
.content .block_contact_directions .checkbox input,
.content .block_contact_directions .checkbox label {
    margin: 0;
    vertical-align: middle;
}
.content .block_contact_directions .checkbox label {
    padding-left: 5px;
}
.content .block_contact_results {
    display: block;
    margin: 0 10px 0 0;
    font-size: 90%;
    text-align: left;
}
.content .block_contact_results a {
    color: #464646;
}
.content .block_contact_results .adp-directions {
    width: 100%;
}
.content .block_contact_results .adp-placemark {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.5);
}
.content .block_contact_results .adp,
.content .block_contact_results .adp table,
.content .block_contact_results .adp-details,
.content .block_contact_results .adp-legal {
    color: inherit;
}
.content .body_block .text_warning {
    display: block;
    margin: 10px auto;
    font-size: 80%;
    text-align: left;
}


/* -- CONTACT FORM WIDGET STYLES -- */

.content .block_contact_form {
    display: block;
    margin: 0 auto 20px;
}
.content .block_contact_form .section {
    display: block;
    overflow: hidden;
    margin: 0 auto 20px;
    text-align: left;
}
.content .block_contact_form .section_hidden {
    display: none;
}
.content .block_contact_form .section .title {
    display: block;
    margin: 0 auto 10px 0;
    font-size: 100%;
    line-height: 100%;
    font-weight: bold;
}
.content .block_contact_form .section .field {
    display: block;
    margin: 0 2% 1% 0;
    padding: 0 1px 0 0;
    box-sizing: border-box;
    float: left;
    width: 48%;
    text-align: left;
    overflow: hidden;
}
.content .block_contact_form .section .field_header {
    margin: 0 auto 20px;
    float: none;
    clear: both;
    width: auto;
}
.content .block_contact_form .section .field_header h3:only-child {
    margin-bottom: 0;
}
.content .block_contact_form .section .field_header p:last-child {
    margin-bottom: 0;
}
.content .block_contact_form .section .field_legend {
    margin: 0 auto 10px;
    float: none;
    clear: both;
    width: auto;
    font-size: 80%;
    opacity: 0.6;
}
.content .block_contact_form .section .field_favourite_colour {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
.content .block_contact_form .section .label,
.content .block_contact_form .section input.text,
.content .block_contact_form .section textarea.textarea,
.content .block_contact_form .section select.select,
.content .block_contact_form .section .format,
.content .block_contact_form .section .radio_wrapper,
.content .block_contact_form .section .checkbox_wrapper,
.content .block_contact_form .section .file_wrapper {
    font-size: 100%;
    line-height: 160%;
    float: left;
    padding: 3px 6px;
    vertical-align: middle;
}
.content .block_contact_form .section .radio_wrapper,
.content .block_contact_form .section .checkbox_wrapper,
.content .block_contact_form .section .file_wrapper {
    font-size: 90%;
    padding-left: 0;
}
.content .block_contact_form .section .radio_wrapper .radio,
.content .block_contact_form .section .checkbox_wrapper .checkbox {
    margin: 0 3px 0 0;
    vertical-align: middle;
}
.content .block_contact_form .section .file_wrapper .file {
    margin: 0 3px 0 0;
    vertical-align: middle;
}
.content .block_contact_form .section .file_wrapper .types {
    display: block;
    clear: left;
    font-size: 10px;
    line-height: 16px;
}
.content .block_contact_form .section .file_wrapper .types span {
    display: inline-block;
    margin-right: 6px;
}
.content .block_contact_form .section .file_wrapper .types span:after {
    content: ",";
}
.content .block_contact_form .section .file_wrapper .types span:last-child:after {
    content: "";
}
.body[data-lang=fr] .block_contact_form .section .label,
.body[data-lang=fr] .block_contact_form .section input.text,
.body[data-lang=fr] .block_contact_form .section textarea.textarea,
.body[data-lang=fr] .block_contact_form .section select.select,
.body[data-lang=fr] .block_contact_form .section .format {
    font-size: 80%;
}
.body[data-lang=fr] .block_contact_form .section .radio_wrapper,
.body[data-lang=fr] .block_contact_form .section .checkbox_wrapper {
    font-size: 70%;
}
.content .block_contact_form .section .field_error input.text,
.content .block_contact_form .section .field_error textarea.textarea,
.content .block_contact_form .section .field_error select.select {
    border-color: #D60000;
}
.content .block_contact_form .section .field_error .radio_wrapper .radio,
.content .block_contact_form .section .field_error .checkbox_wrapper .checkbox {
    box-shadow: 1px 1px 2px #D60000;
}
.content .block_contact_form .section .label {
    width: 35%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding-left: 0;
}
.content .block_contact_form .section .radio_wrapper .label,
.content .block_contact_form .section .checkbox_wrapper .label {
    display: inline;
    float: none;
    width: auto;
}
.content .block_contact_form .section .field_required .label:after {
    content: "*";
    color: #D60000;
    padding-left: 6px;
}
.content .block_contact_form .section .field_required .radio_wrapper .label:after,
.content .block_contact_form .section .field_required .checkbox_wrapper .label:after {
    display: none;
}
.content .block_contact_form .section .format {
    width: auto;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding-left: 12px;
    opacity: 0.4;
    font-size: 80%;
}
.content .block_contact_form .section input.text,
.content .block_contact_form .section textarea.textarea,
.content .block_contact_form .section select.select {
    width: 65%;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
}
.content .block_contact_form .section .text:focus,
.content .block_contact_form .section .textarea:focus,
.content .block_contact_form .section .select:focus {
    background-color: rgb(255, 255, 255);
}
.content .block_contact_form .section .field_legend .label  {
    display: block;
    float: none;
    width: auto;
    margin: 0 auto;
}
.content .block_contact_form .section .field_postal_code input.text {
    width: 30%;
    min-width: 120px;
}
.content .block_contact_form .section .field_province_name select.select {
    width: 50%;
    min-width: 200px;
}
.content .block_contact_form .section .field_birth_date input.text {
    width: 20%;
    min-width: 90px;
}
.content .block_contact_form .section .field_event_date input.text,
.content .block_contact_form .section .field[class*=event_date] input.text {
    width: 20%;
    min-width: 90px;
}
.content .block_contact_form .section .field_anniversary_date input.text {
    width: 15%;
    min-width: 50px;
}
.content .block_contact_form .section .field_event_time select.select,
.content .block_contact_form .section .field[class*=event_time] select.select {
    width: 30%;
    min-width: 100px;
}
.content .block_contact_form .section .field_guest_count input.text {
    width: 15%;
    min-width: 50px;
}
.content .block_contact_form .section .field_questions_comments .label,
.content .block_contact_form .section .field_custom_textarea .label {
    width: 62%;
}
.content .block_contact_form .section .field_questions_comments,
.content .block_contact_form .section .field_custom_textarea,
.content .block_contact_form .section .field_questions_comments .label,
.content .block_contact_form .section .field_custom_textarea .label,
.content .block_contact_form .section .field_questions_comments textarea.textarea,
.content .block_contact_form .section .field_custom_textarea textarea.textarea {
    float: none;
    width: auto;
    clear: both;
}
.content .block_contact_form .section .field_questions_comments textarea.textarea,
.content .block_contact_form .section .field_custom_textarea textarea.textarea {
    width: 100%;
}
.content .block_contact_form .section .field_viplist_consent {
    float: none;
    clear: both;
    width: auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.3em;
}
.content .block_contact_form .section .field_viplist_consent.field_error {
    border-color: #D60000;
}
.content .block_contact_form .section .field_viplist_consent .wrapper {
    display: block;
    float: left;
    padding: 0 16px 0 8px;
    margin-top: 12px;
}
.content .block_contact_form .section .field_viplist_consent .wrapper .checkbox {
    margin: 0;
    vertical-align: top;
}
.content .block_contact_form .section .field_viplist_consent .label {
    width: 90%;
    padding-bottom: 6px;
}
.content .block_contact_form .section_buttons {
    margin-top: -10px;
    padding-bottom: 10px;
}
.content .block_contact_form .section .button {
    text-align: left;
    overflow: hidden;
}
.content .block_contact_form .section .button .submit {
    display: block;
    float: left;
    font-size: 110%;
    padding: 6px 18px;
}
.content .block_contact_form .section_buttons .g-recaptcha {
    display: block;
    float: right;
    clear: none;
    margin: 0 2% 6px auto;
    background-color: #FFFFFF;
}
@media screen and (max-width: 575px){
    /* hack because Google did not make the popup responsive... */
    iframe[title="recaptcha challenge"] {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.content .block_contact_form .section_fields_success {
    color: #027701;
}
.content .block_contact_form .section_fields_success .title {
    margin-bottom: 4px;
}
.float_body .block_contact_form .section .field,
.float_body .block_contact_form .section .question {
    clear: both;
    float: none;
    width: auto;
    margin-bottom: 2%;
}
.float_body .block_contact_form .section .field_postal_code input.text,
.float_body .block_contact_form .section .field_province_name select.select {
    width: 50%;
}
.float_body .block_contact_form .section .field_birth_date input.text {
    width: 30%;
}
.float_body .block_contact_form .section .field_anniversary_date input.text {
    width: 20%;
}
.float_body .block_contact_form .section .question .label {
    width: 56%;
}
.float_body .block_contact_form .section .question .wrapper .flag {
    min-width: 44%;
    text-align: center;
}
.float_body .block_contact_form .section .question_consent .label {
    float: left;
    width: 85%;
}