/*

    Theme Name: Sydney Running Festival

    Author: Markupus

*/



.advert {

    text-align: center;

}



/* INSTAGRAM STYLES */



.instagram-wrapper #sb_instagram #sbi_images .banner {

    display: inline-block;

    max-height: 1000px;

    padding: inherit!important;

    margin: 0!important;

    text-decoration: none;

    opacity: 1;

    overflow: hidden;

    width: 100%;

}

.instagram-wrapper #sb_instagram #sbi_images .banner * {

    display: block;

    width: 100%;

}



.instagram-wrapper #sb_instagram #sbi_images .banner img {

    width: 100%;

}



.instagram-wrapper #sb_instagram .sbi_photo {

    height: auto !important;

}



.instagram-wrapper #sb_instagram .sbi_photo::after {

    height: 0;

    content: '';

    padding-bottom: 100%;

    display: block;

}

@supports (display: grid) {

    .instagram-wrapper #sb_instagram #sbi_images {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr 1fr;

        grid-template-rows: 1fr 1fr;

    }



    .instagram-wrapper #sb_instagram .sbi_item:nth-of-type(2) {

        grid-column: 2 / 4;

        grid-row: 1 / 3;

    }



    .instagram-wrapper #sb_instagram #sbi_images .banner {

        grid-column: 4 / 4;

        grid-row: 1 / 2;

    }



    @media (max-width: 766.99px) {

        .instagram-wrapper #sb_instagram #sbi_images {

            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

            grid-template-rows: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;

            min-width: 0;

            min-height: 0;

        }

        .instagram-wrapper #sb_instagram .sbi_item:nth-of-type(1) {

            grid-column: 1 / 3;

            grid-row: 1 / 3;

        }

        .instagram-wrapper #sb_instagram .sbi_item:nth-of-type(2) {

            grid-column: 3 / 7;

            grid-row: 1 / 5;

        }

        .instagram-wrapper #sb_instagram .sbi_item:nth-of-type(3) {

            grid-column: 1 / 3;

            grid-row: 3 / 5;

        }

        .instagram-wrapper #sb_instagram .sbi_item:nth-of-type(5) {

            grid-column: 1 / 4;

            grid-row: 5 / 8;

        }

        .instagram-wrapper #sb_instagram #sbi_images .banner {

            grid-column: 4 / 7;

            grid-row: 5 / 8;

        }

    }

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .instagram-wrapper #sb_instagram #sbi_images {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }

   .instagram-wrapper #sb_instagram.sbi_col_1 #sbi_images .sbi_item, .instagram-wrapper #sb_instagram #sbi_images .banner {

        width: calc(100% / 5);

   }

   @media (max-width: 766.99px) {

       .instagram-wrapper #sb_instagram.sbi_col_1 #sbi_images .sbi_item, .instagram-wrapper #sb_instagram #sbi_images .banner {

            width: calc(100% / 3);

       }

   }

   @media (max-width: 575.99px) {

       .instagram-wrapper #sb_instagram.sbi_col_1 #sbi_images .sbi_item {

            width: calc(100% / 2);

       }

       .instagram-wrapper #sb_instagram #sbi_images .banner {

            width: 100%;

       }

   }

}



/* END INSTAGRAM STYLES */



/* MAILCHIMP STYLES */

.form-email .mc4wp-form {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

}

.form-email .btn {

    border: 0;

}

/* END MAILCHIMP STYLES */



/* GRAVITY FORM STYLES */



.ui-datepicker {

    position: fixed;

}

.form-wrapper {

    padding: 10px 25px 25px;

    border: 1px solid rgba(0, 82, 94, 0.56);

    border-radius: 6px;

    margin-bottom: 30px;

    transition: border .35s;

}



@media (max-width: 575.99px) {

    .form-wrapper {

        border-radius: 0;

        border: 0;

        padding-left: 16px;

        padding-right: 16px;

        padding-bottom: 0;

        position: relative;

        margin-left: -16px;

        margin-right: -16px;

        border-top: 1px solid rgba(0, 82, 94, 0.56);

        border-bottom: 1px solid rgba(0, 82, 94, 0.56);

    }



}



.form-wrapper .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, .form-wrapper .gform_wrapper .gfield_required {

    font-family: 'circular-std-bold', Arial, sans-serif;

    color: #008990;

    font-weight: normal;

}



.form-wrapper .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-wrapper .gform_wrapper textarea {

    border: 1px solid rgba(0, 82, 94, 0.56);

    border-radius: 4px;

    padding: 8px;

}

.form-wrapper .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .form-wrapper .gform_wrapper textarea:focus {

    outline: none;

    border-color: rgba(0, 82, 94, 1);

}



.form-wrapper .gform_wrapper .field_description_below .gfield_description {

    font-size: 13px;

    padding-top: 10px;

    color: #00525E;

}



.form-wrapper .gform_wrapper .gform_footer input.button, .form-wrapper .gform_wrapper .gform_footer input[type=submit], .form-wrapper .gform_wrapper .gform_page_footer input.button, .form-wrapper .gform_wrapper .gform_page_footer input[type=submit] {

    width: 100%;

    font-family: "rift-bold-italic",Arial,sans-serif;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 1.29;

    text-align: center;

    white-space: nowrap;

    background: 0 0;

    color: #fff;

    background-color: #acc502;

    padding: 14px 18px;

    border: 0;

    -webkit-transition: color .35s,background .35s,border .35s,-webkit-box-shadow .35s;

    transition: color .35s,background .35s,border .35s,box-shadow .35s;

    transition: color .35s,background .35s,border .35s,box-shadow .35s,-webkit-box-shadow .35s;

    margin-bottom: 0;

}



.form-wrapper .gform_wrapper.gf_browser_ie .gform_footer input.button {

    padding: 14px 18px;

}



.form-wrapper .gform_wrapper .gform_footer input.button:hover,

.form-wrapper .gform_wrapper .gform_footer input.button:focus,

.form-wrapper .gform_wrapper .gform_footer input[type=submit]:hover,

.form-wrapper .gform_wrapper .gform_footer input[type=submit]:focus,

.form-wrapper .gform_wrapper .gform_page_footer input.button:hover,

.form-wrapper .gform_wrapper .gform_page_footer input.button:focus,

.form-wrapper .gform_wrapper .gform_page_footer input[type=submit]:hover,

.form-wrapper .gform_wrapper .gform_page_footer input[type=submit]:focus {

    text-decoration: none;

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);

    box-shadow: 0 0 10px rgba(0,0,0,.5);

    outline: none;

}



@media only screen and (min-width: 641px) {

    .form-wrapper .gform_wrapper .top_label li.gfield.gf_inline.gf_inline_xs {

        width: 11% !important;

    }

    .form-wrapper .gform_wrapper .top_label li.gfield.gf_inline.gf_inline_xs label {

        white-space: nowrap;

    }

    .form-wrapper .gform_wrapper .top_label li.gfield.gf_inline {

        margin-top: 16px;

    }

}



.form-wrapper .gform_wrapper .gfield_radio li input[type=radio] {

    position: absolute;

    opacity: 0;

    visibility: hidden;

}



.form-wrapper .gform_wrapper .gfield_radio li label {

    font-size: 16px;

    color: #00525E;

    position: relative;

    /* padding-left: 30px; */

}



.form-wrapper .gform_wrapper .gfield_radio li label::before {

    content: '';

    display: inline-block;

    vertical-align: -3px;

    width: 17px;

    height: 17px;

    margin-right: 15px;

    border-radius: 50%;

    border: 1px solid rgba(0, 82, 94, 0.56);

}



.form-wrapper .gform_wrapper .gfield_radio li input[type=radio]:checked + label::after {

    content: '';

    width: 7px;

    height: 7px;

    border-radius: 50%;

    border: 1px solid rgba(0, 82, 94, 1);

    background-color: rgba(0, 82, 94, 1);

    position: absolute;

    top: 9px;

    left: 5px;

}



.form-wrapper .gchoice_select_all, .form-wrapper .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .form-wrapper .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {

    font-weight: normal;

}



.form-wrapper .gform_wrapper li.gfield.gfield_error,

.form-wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {

    background-color: transparent;

    margin-bottom: 0 !important;

    border-top: 0;

    border-bottom: 0;

    padding-bottom: 0;

    padding-top: 0;

}



.form-wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,

.form-wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {

    margin-top: 0;

}



.form-wrapper .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-wrapper .gform_wrapper li.gfield_error textarea {

    border-color: #790000;

}



.form-wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {

    color: #790000;

}



/* BUTTON SPINNER STYLES */

.form-wrapper .gform_wrapper .gform_footer {

    position: relative;

    padding-top: 0;

    padding-bottom: 0;

    margin: 26px 0;

}

.form-wrapper .gform_wrapper img.gform_ajax_spinner {

    position: absolute;

    left: auto;

    top: 50%;

    transform: translateY(-50%);

    right: 20px;

    display: block;

    width: 30px;

    margin-bottom: 0;

}



@media only screen and (max-width: 641px) {

    .form-wrapper .gform_wrapper img.gform_ajax_spinner {

        width: 40px;

    }

}



/* END GRAVITY FORM STYLES */



/* SHARE BUTTON STYLES */

.page-content {

    position: relative;

}

.addtoany_shortcode {

    position: absolute;

    top: 0;

    right: 0;

}

.addtoany_shortcode.is-sticky {

    position: fixed;

    right: 0;

    z-index: 9999;

}

.addtoany_shortcode .addtoany_list a, .addtoany_shortcode .widget .addtoany_list a {

    padding: 0;

}

.addtoany_shortcode .addtoany_list a:hover img, .addtoany_shortcode .addtoany_list a:hover span {

    opacity: 1;

}

div[style*="position: static;"] div[style*="height: 1px; width: 1px; position: absolute; z-index: 100000; top: 0px; visibility: hidden;"], div[style*="position: static;"] div[style*="top: 0px; width: 1px; height: 1px; visibility: hidden; position: absolute; z-index: 100000;"] {

    right: 0;

}

body .a2a_menu {

    font-family: "circular-std-book", Arial, sans-serif;

    border-radius: 0;

    border: 0;

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);

    box-shadow: 0 0 10px rgba(0,0,0,.5);

}

body .a2a_menu a.a2a_i:visited, body .a2a_menu a.a2a_more, body .a2a_menu a.a2a_i {

    color: #00525E;

}

body .a2a_overlay {

    background-color: #00525E;

}

body .a2a_menu a.a2a_i:active,

body .a2a_menu a.a2a_i:focus,

body .a2a_menu a.a2a_i:hover,

body .a2a_menu a.a2a_more:active,

body .a2a_menu a.a2a_more:focus,

body .a2a_menu a.a2a_more:hover {

    border-color: #f9f9f9;

    background-color: #f9f9f9;

}

/* END SHARE BUTTON STYLES */



.slick-slide:focus {

    outline: none;

}



/* PAGINATION STYLES */



.pagination-wrap .nav-links {

    display: -webkit-flex;

    display: -ms-flex;

    display: flex;

}

.pagination-wrap .nav-links .page-numbers {

    min-width: 30px;

    text-align: center;

    color: #00525E;

    padding: 3px 5px;

    border: 1px solid #00525E;

    margin-left: -1px;

}

.pagination-wrap .nav-links .page-numbers.current {

    position: relative;

    border-color: #ACC502;

    background-color: #ACC502;

    color: #ffffff;

}

.pagination-wrap .nav-links .page-numbers:hover {

    text-decoration: none;

}



/* END PAGINATION STYLES */



/* Facebook video styles */

.embed-responsive .fb-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.embed-responsive .fb-video span, .embed-responsive .fb-video iframe {

    width: 100% !important;

    height: 100% !important;

}

/* End Facebook video styles */



.hero-main .hero-title {

    max-width: 600px;

}



.hero .hero-date {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #008990;

    padding: 6px 20px;

    padding-left: 0;

}



.hero .hero-date::before {

    content: '';

    display: block;

    width: 50vw;

    height: 100%;

    background-color: #008990;

    right: 100%;

    top: 0;

    position: absolute;

}



.hero .hero-date::after {

    content: '';

    display: block;

    width: 30px;

    height: 100%;

    transform: skewX(-20deg);

    background-color: #008990;

    right: -20px;

    top: 0;

    position: absolute;

    border-bottom-right-radius: 10px;

}

.video-section {
    padding: 20px 0 60px;
}

.video-container {
    max-width: 780px;
    margin: 0 auto;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}