/*
Theme Name: Crocs Playcentre Franchising Theme
Theme URI: http://echoweb.com.au/website-design
Author: Echoweb
Author URI: http://echoweb.com.au
Description:
Template: blankslate
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: crocsfranchising

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
@import 'css/normalize.css';
@import 'css/foundation.css';


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* Additional Foundation styles */

.row {
    max-width:75em;
}

[class*="column"]+[class*="column"]:last-child {
    float:left;
}

@media only screen and (max-width: 64.063em) and (min-width: 40.063em) {
    .medium-centered,
    [class*="column"]+[class*="column"].medium-centered:last-child {
        clear: both;
    }
}
.columns {
    margin-bottom:1.6rem;
}

@media only screen and (max-width: 64.063em) {
    .large-centered,
    [class*="column"]+[class*="column"].large-centered:last-child {
        float:none;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
    .medium-centered,
    [class*="column"]+[class*="column"].medium-centered:last-child {
        float:none;
    }
}
@media only screen and (max-width: 40.063em) {
    .small-centered,
    [class*="column"]+[class*="column"].small-centered:last-child {
        float:none;
    }
}


@media only screen {
    .small-offset-half,
    .medium-offset-half,
    .large-offset-half {
        margin-left:4.1666665%;
    }

    .small-offset-1-and-half {

    }
    .inline-show-for-small-only,.inline-show-for-small-up,.inline-show-for-small,.inline-show-for-small-down,.inline-hide-for-medium-only,.inline-hide-for-medium-up,.inline-hide-for-medium,.inline-show-for-medium-down,.inline-hide-for-large-only,.inline-hide-for-large-up,.inline-hide-for-large,.inline-show-for-large-down,.inline-hide-for-xlarge-only,.inline-hide-for-xlarge-up,.inline-hide-for-xlarge,.inline-show-for-xlarge-down,.inline-hide-for-xxlarge-only,.inline-hide-for-xxlarge-up,.inline-hide-for-xxlarge,.inline-show-for-xxlarge-down{display:inline !important}

    .inline-hide-for-small-only,.inline-show-for-small-up,.inline-hide-for-small,.inline-hide-for-small-down,.inline-hide-for-medium-only,.inline-show-for-medium-up,.inline-hide-for-medium,.inline-hide-for-medium-down,.inline-show-for-large-only,.inline-show-for-large-up,.inline-show-for-large,.inline-show-for-large-down,.inline-hide-for-xlarge-only,.inline-hide-for-xlarge-up,.inline-hide-for-xlarge,.inline-show-for-xlarge-down,.inline-hide-for-xxlarge-only,.inline-hide-for-xxlarge-up,.inline-hide-for-xxlarge,.inline-show-for-xxlarge-down{
        display:none !important
    }
}
@media only screen and (min-width: 64.063em){
    .inline-hide-for-small-only,.inline-show-for-small-up,.inline-hide-for-small,.inline-hide-for-small-down,.inline-hide-for-medium-only,.inline-show-for-medium-up,.inline-hide-for-medium,.inline-hide-for-medium-down,.inline-show-for-large-only,.inline-show-for-large-up,.inline-show-for-large,.inline-show-for-large-down,.inline-hide-for-xlarge-only,.inline-hide-for-xlarge-up,.inline-hide-for-xlarge,.inline-show-for-xlarge-down,.inline-hide-for-xxlarge-only,.inline-hide-for-xxlarge-up,.inline-hide-for-xxlarge,.inline-show-for-xxlarge-down{
        display:inline !important
    }
    .inline-show-for-small-only,.inline-show-for-small-up,.inline-show-for-small,.inline-show-for-small-down,.inline-hide-for-medium-only,.inline-hide-for-medium-up,.inline-hide-for-medium,.inline-show-for-medium-down,.inline-hide-for-large-only,.inline-hide-for-large-up,.inline-hide-for-large,.inline-show-for-large-down,.inline-hide-for-xlarge-only,.inline-hide-for-xlarge-up,.inline-hide-for-xlarge,.inline-show-for-xlarge-down,.inline-hide-for-xxlarge-only,.inline-hide-for-xxlarge-up,.inline-hide-for-xxlarge,.inline-show-for-xxlarge-down{display:none !important}
}



@media only screen and (min-width: 64.063em){


    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float:none;
    }

    .large-6-middle {

    }

}




/* Additional FontAwesome styles */

.fa-infin:before {
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial !important;
    content: '\221E';
    speak: none;
    font-size:2em;
    vertical-align:middle;
}



/* Widths */



/* Classes */

.menu ul,
.menu ul li {
    list-style:none;
    margin:0;
    padding:0;
}

.button {
    background: #ffff00;
    color: #e5162b;
    text-transform: uppercase;
    padding: 0.5em 0.8em 0.4em;
    font-weight: 700;
    display:block;
    text-decoration:none;
    text-align:center;
    border:none;
    appearance:normal;
}


/* Move WP Bar */

@media screen and (max-width: 600px) {
    html #wpadminbar {
        position:static !important;
    }
}


@media only screen and (min-width: 40.063em) {
    .button {
        display:inline-block;
        width:auto;
    }
}




/* Header */

body {
    margin:0;
    font-family:Raleway, "Raleway Light", Montserrat, sans-serif;
    font-weight:400;
    line-height:1.6;
}

#header {
    background:#e5162b;
    position:relative;
    border-bottom:4px solid #fffb00;
    box-shadow:0 0.2em 0.3em rgba(0,0,0,0.1);
    z-index:100;
}

#header #branding {
    padding-top:0;
    padding-bottom:0;
    padding-left:2em;
    height:3.7rem;
}

@media only screen and (min-width: 40.063em) {
    #header #branding {
        height:auto;
    }
}


#header .column {
}

#header h1 {
    margin:0;
    padding:0;
}

#header #site-title {
    min-height:1px;
}

#header #site-title a {
    background:url('images/crocs-franchising-logo.png') left top no-repeat;
    background-size:100% 100%;
    text-indent:-999em;
    position:absolute;
    width:5rem;
    height:5rem;
    bottom:-1.5rem;
}

@media only screen and (min-width: 40.063em) {
    #header #site-title a {
        width:7rem;
        height:7rem;
    }
}

#header .menu-container .menu {
    display:none;
}
.menu-toggled #header .menu-container .menu {
    display: block;
    background: #e5162b;
    position: absolute;
    top: 0;
    /* width: 100%; */
    right: 0.2em;
    left: 0.2em;
    box-shadow: 0 0.1em 0.4em rgba(0,0,0,0.5);
}
.menu-toggled #header .menu-container .menu li {
    display:block;
}
.menu-toggled #header .menu-container .menu a {
    display:block;
}

#header .menu-container .menu-toggle {
    display:inline-block;
    text-align:right;
    position:absolute;
    right:2rem;
    top:-3rem;
    color:#fff;
    font-size:1.7em;
    text-transform:uppercase;
    text-decoration:none;
}

#header .menu-container .menu-toggle span {
    position:absolute;
    left:0;
    text-align:left;
    text-indent:-999em;
    display:block;
}

@media only screen and (min-width: 40.063em) {
    #header .menu-container .menu-toggle {
        display:none;
        visibility:hidden;
    }
    #header .menu-container .menu {
        display:block;
    }
}

#header #menu,
#header #menu ul,
#header #menu li {
    list-style:none;
    padding:0;
    margin:0;
}

@media only screen and (min-width: 40.063em) {
    #header #menu {
        position: absolute;
        text-align: center;
        padding:0;
        left: 0;
        width: 100%;
        position:static;
        text-align:right;
    }
    #header #menu .menu {
        padding:1.8rem 0;
    }
}



#header #menu #menu-item-25 {
    border: none;
}

#header #menu #menu-item-25 a {
    background: #ffff00;
    color: #e5162b;
    text-transform: uppercase;
    padding: 0.5em 0.8em 0.4em;
    font-weight: 700;
}
#header #menu .menu > li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding-bottom: 0.8em;
}

.menu-toggled #header #menu .menu > li a {
    padding:0.3em 0.8em;
}

#header #menu .sub-menu {
    margin-left:1em;

    padding-left: 0.8em;
    font-size: 0.8em;
    background: rgba(0,0,0,0.1);
}

@media only screen and (min-width: 40.063em) {
    #header #menu .menu > li {
        display: inline-block;
        border-left: 1px solid rgba(0, 0, 0, 0.25);
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative;
    }

    #header #menu .menu > li:first-child {
        border-left: none;
        padding-left: 0;
    }

    #header #menu .menu > li:last-child {
        padding-right: 0;
    }
    #header #menu .menu > li a {
        display: inline-block;
    }

    #header #menu .current-menu-item a {
        text-decoration: underline;
    }

    #header #menu #menu-item-25 {
        border: none;
        padding: 0 0 0 1rem;
    }

    #header #menu .sub-menu {
        position: absolute;
        display: none;
        z-index: 50;
        min-width: 200px;
        right: 0;
        margin:0;
        padding:0;
        box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        border: 7px solid #fff;
        background: #41abee;
        overflow: hidden;
        font-size:1em;
    }

    #header #menu li .sub-menu:before {
        content: ' ';
        top: -37px;
        border: solid 21px #fff;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;

        top: -42px;
        left: 50%;
        margin-left: -21px;
    }

    #header #menu li:hover .sub-menu {
        display: block;
    }

    #header #menu li .sub-menu li:first-child {
    }

    #header #menu li .sub-menu a {
        display: block;
        padding: 0.5em 0.7em 0.4em;
        border-bottom: 1px solid #419bde;
    }

    /*
    #header #menu li .sub-menu li:first-child a {
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
    }

    #header #menu li .sub-menu li:last-child a {
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-bottom-left-radius:10px;
        -webkit-border-bottom-right-radius:10px;
    }
    */
}

/* Subheader */

#subheader {
    background:#ba1628;
    padding:2.2rem 0 2rem;
    color:#fff;
}
#subheader a {
    color:inherit;
    text-decoration:underline;
    font-weight:bold;
    margin-left:0.2em;
}

#subheader .text {
    text-align:center;
    font-weight:300;
}


/* Banner */


#banner > ul,
#banner > div > ul,
#banner .banner-item {
    list-style:none;
    margin:0;
    padding:0;
}

#banner .banner-item {
    background: #ba1628;
    color:#fff;
    padding:3rem 0 4rem;
    display:none;
    position:relative;
    z-index:2;
}

#banner .banner-item:first-child {
    display:block;
}

#banner .banner-item .image {
    background-position:center center;
    background-size:cover;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    X_opacity:0.3;
}

#banner .banner-item .title {
    font-size:2em;
    margin-bottom:0.2em;
    text-shadow:0 0.2em 0.3em #000;
}

#banner .banner-item .title h1,
#banner .banner-item .title h2,
#banner .banner-item .title h3 {
    font-size:1em;
    margin:0;
    padding:0;
}

#banner .banner-item .subtitle {
    font-size:1.3em;
    margin-bottom:1.5em;
    text-shadow:0 0.2em 0.3em #000;
}

#banner .banner-item .cta {
    font-size:1.3em;
}

#banner .banner-item .cta .button,
#banner .banner-item .cta button,
#banner .banner-item .cta input[type=submit] {
    box-shadow:0 0.2em 0.3em rgba(0,0,0,0.4);
}


@media only screen and (min-width: 40.063em) {
    #banner .banner-item {
        padding:6rem 0 8rem;
    }
}


/* Page */

#container {
    padding:3rem 0 5rem;
}

#container h1 {
    color:#e5162b;
    font-weight:700;
    font-size:3em;
    margin-top:0;
    line-height: 1.2;
}

#container h1 a {
    color:inherit;
    text-decoration:none;
}

#container a {
    color:#41abee;
}


/* Sidebar */

#primary .xoxo,
#primary .xoxo .widget-container {
    list-style:none;
    padding:0;
    margin:0;
}

#primary .xoxo {
    padding-top:4rem;
}

#primary .widget-title {
    color:#e5162b;
}

#primary iframe {
    border:none;
    padding:0;
    margin:0;
    max-width:100%;
}

#primary .sidebar-locations,
#primary .sidebar-locations ul,
#primary .sidebar-locations li {
    margin:0;
    padding:0;
    list-style:none;
}

#primary .sidebar-locations li a {
    display:block;
    padding:0.3em 0.5em 0.2em;
    border-bottom:1px solid #ddd;
    text-decoration:none;
}

#primary .sidebar-locations li.active a {
    background:#41abee;
    color:#fff;
}

#primary .sidebar-locations li:last-child a {
    border-bottom:none;
}


/* Footer */

#subfooter {
    background:#c0172a;
    color:#fff;
    padding:4rem 0;
}

#subfooter .gform_wrapper {
    margin-top:0;
}

#subfooter .gform_heading {
    display:none;
}

#subfooter h3:first-child {
    text-transform:uppercase;
    font-size:2rem;
    margin:0;
    padding:0;
    line-height:1.2;
}

#subfooter p {
    font-size:0.9em;
}

#subfooter input[type=text],
#subfooter input[type=number],
#subfooter select {
    color:#333;
}

#subfooter button,
#subfooter input[type=submit] {
    display: block;
    padding: 1em 0 0.7em;
    width: 50%;
}

#subfooter .gform_wrapper div.validation_error {
    border-color: #fff;
    background: #fff;
    padding: 0.2em 0.7em;
    color: red;
}

#field_3_10,
#field_3_23 {
    margin-bottom:1.5em;
    border-bottom: 4px solid rgba(255,255,255,0.4);
    padding-bottom: 1.5rem;
}

#footer {
    background:#a01323;
    color:#fff;
    padding:2rem 0 3rem;
}

#footer .text {
    font-size:0.8em;
}

#footer .text a {
    color:inherit;
}

#footer #credits a {
    text-decoration:none;
}

#footer #credits a span {
    text-decoration:underline;
}

@media only screen and (min-width: 64.063em) {
    #footer #copyright {
        text-align: center;
    }
    #footer #credits {
        text-align: right;
    }
}



/* Content */

iframe {
    max-width: 100%;
}


/* Sections */

.page-template-template-sectioned #container {
    padding:0;
}
.page-template-template-sectioned .sections .section {
    padding:2rem 0;
    position:relative;
    border-bottom:1px solid #eee;
}
@media only screen and (min-width: 40.063em) {
    .page-template-template-sectioned .sections .section {
        padding: 5rem 0;
    }
}
.page-template-template-sectioned .section-text-align-centre {
    text-align:center;
}

.page-template-template-sectioned .bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.page-template-template-sectioned .section-style-faded .bg {
    opacity:0.2;
}

.sections .section-title {
    text-align: center;
    font-size: 2.5rem;
    margin: 0 0 0.2em;
    padding: 0;
    color:#e5162b;
    line-height:1.2;
}

.sections .section-subtitle {
    text-align: center;
    font-size: 1.3rem;
    margin: -0.4em 0 2em;
    padding: 0;
    font-style: italic;
    color: #999;
}


/* Locations page */

.post-type-archive-location #text-2 {
    xdisplay:none;
    xvisibility:hidden;
}


/* Franchise boxes */

.franchise-boxes {

}

.franchise-boxes .franchise-box .box {
    background:#41abee;
    color:#fff;
    border:1px solid #41abee;
    margin-bottom:1.5rem;
}

.franchise-boxes .franchise-box .box a {
    color:inherit !important;
    text-decoration:none;
}

.franchise-boxes .franchise-box .box .entry-title {
    margin:0 0 0.3em;
    padding:0;
    text-align:center;
}

.franchise-boxes .franchise-box .box .entry-title a {
    display:block;
}

.franchise-boxes .franchise-box .box .entry-main {
    padding:0 0.7rem;
}

.franchise-boxes .franchise-box .box ul,
.franchise-boxes .franchise-box .box li {
    list-style:none;
    margin:0;
    padding:0;
}

.franchise-boxes .franchise-box .box ul {
    padding:0.7rem 1rem;
    border:1px dashed #fff;
    min-height:12em;
}

.franchise-boxes .franchise-box .box li {
    margin-bottom:0.4em;
}

.franchise-boxes .franchise-box .box li strong {
    display:block;
    font-size:0.7em;
    text-transform:uppercase;
    margin-bottom:-0.2em;
}
.franchise-boxes .franchise-box .box li br {
    display:none;
}

.franchise-boxes .franchise-box .box .map {
    margin-bottom:0.6rem;
}

.franchise-boxes .franchise-box .box .map img {
    width:100%;
    height:auto;
    display:block;
}

.franchise-boxes .franchise-box .box .learn-more {
    display:block;
    text-align:center;
    padding:0.6rem 0;
    margin:0.6rem 0;
    background:rgba(0,0,0,0.1);
}

.franchise-boxes .franchise-box .box .learn-more:hover {
    background:rgba(0,0,0,0.05);
}

.franchise-boxes .franchise-box .box .learn-more:active {
    background:rgba(0,0,0,0.15);
    box-shadow:inset 0 0.1rem 0.2rem rgba(0,0,0,0.1);
}



/* Enquire Now page */

.page-id-23 #container {
    background:#fffb00;
    padding:3rem 0 3rem;
}



/* Single Location */

.single-location #container {
    padding-bottom:0;
}

.single-location #subfooter {
    padding-top:3rem;
}

.single-location .map {
    margin-bottom:1.5rem;
}
.single-location .map img {
    width:100%;
}

.single-location .franchise-info,
.single-location .franchise-info ul,
.single-location .franchise-info li {
    list-style:none;
    padding:0;
    margin:0;
}

.single-location .franchise-info li {
    margin-bottom:0.8em;
}

.single-location .franchise-info strong {
    display: block;
    font-size: 0.6em;
    text-transform: uppercase;
    margin-bottom: -0.2em;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.single-location .franchise-info br {
    display:none;
}

.single-location .subtitle {
    margin-top:0;
    padding-top:0;
}





/* Photo Gallery */

#photo-gallery {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    display:none;
    z-index: 100001;
}

#photo-gallery ul,
#photo-gallery li {
    margin:0;
    padding:0;
    list-style:none;
}

#photo-gallery .overlay {
    background: #000;
    width: 100%;
    height: 100%;
    opacity:0.7;
    z-index: 100001;
    position:absolute;
}
/*
#photo-gallery .container-horizontal {
	width: 100%;
	max-width:900px;
	height:100%;
	margin:0 auto;
	position: relative;
	z-index: 100003;
}

#photo-gallery .container-vertical {
	background: #fff;
	padding-bottom:66.66%;
	margin-top:5%;
	position: relative;
	z-index: 100003;
}

#photo-gallery .main {
	background: #111;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#photo-gallery #pg-main-image {
	height:100%;
	position: relative;
	overflow:hidden;
}*/

#photo-gallery .main {
    width:100%;
    height:100%;
    position:relative;
    z-index: 100002;
}



#photo-gallery .navigation {
    position:absolute;
    top:0;
    z-index: 100005;
}



#photo-gallery .navigation a {
    margin-top:-30px;
    top: 50%;
    position: fixed;
    font-size:2em;
    text-decoration:none;
    text-align:left;
    text-indent:-999em;
    width:40px;
    height:59px;
    display:block;
}

#photo-gallery .navigation a:hover,
#photo-gallery .navigation a:hover {
    text-decoration:none;
    opacity:0.8;
}

#photo-gallery .navigation .btnClose {
    right:0.5em;
    top:1.5em;
    background:url('images/banner-arrow-close.png') left top no-repeat;
}

#photo-gallery .navigation .btnPrev {
    left:0.5em;
    background:url('images/banner-arrow-left.png') left top no-repeat;
}

#photo-gallery .navigation .btnNext {
    right:0.5em;
    background:url('images/banner-arrow-right.png') left top no-repeat;
}




#photo-gallery .main-image {
    width:100%;
    top:1em;
    bottom:7em;
    position:absolute;
    text-align:center;
}

#photo-gallery .main-image img {
    max-height:100%;
    max-width:100%;
}

#photo-gallery #pg-thumbs {
    width:100%;
    height:10%;
    padding:0.8em;
    position:fixed;
    bottom:0;
    overflow:hidden;
    background:#111;
    z-index: 100003;
}


#photo-gallery #pg-thumbs ul,
#photo-gallery #pg-thumbs ul li,
#photo-gallery #pg-thumbs ul li a,
#photo-gallery #pg-thumbs ul li img {
    height:100%;
    width:auto;
    display:block;
    position:relative;
}

#photo-gallery #pg-thumbs ul,
#photo-gallery #pg-thumbs ul li {
    list-style:none;
    margin:0;
    padding:0;
}

#photo-gallery #pg-thumbs ul {
    width:5000px;
    position:absolute;
}

#photo-gallery #pg-thumbs ul li {
    float:left;
    margin-right:0.8em;
    position:relative;
    overflow:hidden;
}

#photo-gallery #pg-thumbs ul li.active {
    opacity:.3;
}

#photo-gallery #pg-thumbs ul li img {
}