/**
 Theme Name:    Individuality Child Theme
 Theme URI:     https://ptb.net.au
 Description:   Individuality Child Theme
 Author:        @Parking Ticket Busters
 Author URI:    https://ptb.net.au
 Template:      individuality
 Version:       1.0.0
 License:       GNU General Public License 
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          cars car parking space tickets
 Text Domain:   individualitychild
*/
/*=====IMPORT GOOGLE FONTS======*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/roboto/roboto-light-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* roboto-regular-400 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto/roboto-regular-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* roboto-medium-500 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/roboto/roboto-medium-500.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* roboto-bold-700 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/roboto/roboto-bold-700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: baseline;
}

*:hover {
    text-decoration: none;
}

html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.site-container {
    width: 100%;
}

.site-branding {
    display: inline-block;
}

.site-title {
    display: inline;
    font-weight: 600;
    text-transform: uppercase;
}

.site-title span,
.site-title a {
    display: inline-block;
    vertical-align: middle;
}

.site-icon {
    width: 80px;
    height: 80px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url(images/ptb-logo.jpg);
}

.branding-navigation::before,
.branding-navigation::after {
    content: '';
    display: table;
    clear: both;
}

.branding-navigation {
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 2px solid #eee;
}

.fixed-navigation-header {
    position: fixed;
    z-index: 100;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.fixed-navigation-header:not(:focus) {
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.branding-navigation .site-branding,
.branding-navigation .main-navigation {
    float: left;
    width: 45%;
    height: 100%;
}

.branding-navigation a {
    color: #222;
}

.site-branding {
    text-align: center;
}

#site-navigation {
    width: 100%;
    min-height: 80px;
    height: auto;
}

.mobile-menu-icon {
    display: none;
    border-radius: 5px;
    border: 1px solid #222;
    position: absolute;
    top: 3%;
    width: 40px;
    height: 40px;
    z-index: 10;
    right: 5%;
}

.mobile-menu-icon::after {
    content: '\02630';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em;
}

.main-navigation {
    display: table;
}

#site-navigation {
    width: 100%;
    min-height: 80px;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

#primary-menu {
    height: 100%;
    text-align: center;
}

.menu-item {
    display: inline-block;
    padding: 20px;
    height: 100%;
    position: relative;
}

.menu-item a {
    color: #222;
    position: relative;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menu-item a:hover {
    color: orange;
}

.menu-item a:not(:focus) {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menu-item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 2px solid orange;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menu-item a:hover::after {
    width: 100%;
}

.menu-item a:not(:focus)::after {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menu-item .avatar {
    position: absolute;
    bottom: 15%;
    right: -50%;
    height: 30px;
    width: 30px;
    border: 2px solid #cecece;
    border-radius: 50%;
}

.current-menu-item a {
    color: orange;
}

.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 200px;
    margin-top: 1em;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.menu-item .sub-menu li {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 0;
}

.menu-item-has-children:hover > .sub-menu {
    display: block;
}

.sub-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px;
    text-indent: 0;
    color: #222;
    border: 1px solid #eee;
    background: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sub-menu li a:hover {
    color: #fff;
    text-indent: 5px;
    background: #222;
}

.sub-menu li a:not(:focus) {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

button.menu-toggle,
button.dropdown-toggle {
    display: none;
}

.site-content {
    width: 100%;
    min-height: 500px;
    height: calc(80vh);
    padding: 20px 50px;
    line-height: 1.5em;
    display: table;
    table-layout: fixed;
}

.content-area {
    width: 100%;
    /*
    display: table-cell;
    vertical-align: middle;*/
}

.entry-title {
    font-size: 2em;
    padding: 50px 0;
    line-height: 1em;
}

#wp-custom-header {
    width: 100%;
    height: auto;
    max-height: 400px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

#wp-custom-header img {
    width: 100%;
    height: 100%;
}

#footer * {
    color: #fff;
    background: #222;
}

.footer-menus {
    padding: 70px;
}

.footer-sub-menu {
    position: relative;
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.inner-sub-menu li {
    display: block;
    padding: 10px 0;
}

.inner-sub-menu h3 {
    color: orange !important;
    display: inline-block;
    padding: 10px 0;
    position: relative;
    font-weight: bold;
    border-bottom: 2px solid orange;
}

.expand-hidden-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.5em;
    background: none !important;
    z-index: 1;
}

.social-media-menu {
    min-height: 200px;
    max-height: 350px;
    text-align: center;
}

.social-media {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto;
}

.social-media a {
    display: inline-block;
    margin: 10px;
}

.social-media a span {
    display: block;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#logo-twitter {
    background: url(images/logo-twitter.png);
}

#logo-facebook {
    background: url(images/logo-facebook.png);
}

#logo-instagram {
    background: url(images/logo-instagram.png);
}

#logo-linkedin {
    background: url(images/logo-linkedin.png);
}

.footer-copyright {
    text-align: center;
    padding: 50px;
}

.footer-copyright strong {
    font-weight: bold;
    color: orange !important;
}

.footer-copyright a:hover {
    text-decoration: underline;
}

p {
    margin: 2% 0;
}

/* wp members login|register form */
#wpmem_login,
#wpmem_reg {
    width: 70%;
    margin: 0 auto;
}

#wpmem_login legend,
#wpmem_reg legend {
    margin-bottom: 5% !important;
}

#wpmem_login .div_text,
#wpmem_reg .div_text,
#wpmem_reg .div_select {
    width: 100% !important;
}

#wpmem_login fieldset {
    padding: 50px;
}

#wpmem_reg label,
#wpmem_login label {
    font-weight: 700;
}

#wpmem_login input[type="text"],
#wpmem_login input[type="password"],
#wpmem_login input[type="email"],
#wpmem_login input[type="number"],
#wpmem_reg input[type="text"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="email"] {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 20px !important;
    outline: none;
    margin-top: 10px;
}

#wpmem_login input[type="text"]:focus,
#wpmem_login input[type="password"]:focus,
#wpmem_login input[type="email"]:focus,
#wpmem_reg input[type="text"]:focus,
#wpmem_reg input[type="password"]:focus,
#wpmem_reg input[type="email"]:focus {
    border: 1px solid orange !important;
}

#wpmem_login .button_div,
#wpmem_login .link-text,
#wpmem_reg .button_div {
    width: 100% !important;
}

#wpmem_login .button_div input[type="submit"],
#wpmem_reg .button_div input[type="submit"] {
    color: #fff;
    border: none;
    padding: 10px 40px;
    border-radius: 5px;
    font-weight: bold;
    background: orange;
}

#wpmem_login .button_div input[type="submit"]:hover,
#wpmem_reg .button_div input[type="submit"]:hover {
    cursor: pointer;
    background: rgba(255, 165, 0, 0.8);
}

/* gravatar|avatar */
.updated p {
    text-align: center;
    color: #4F8A10;
    background-color: #DFF2BF;
    padding: 1%;
}

#wpua-edit-1 {
    margin: 0 auto;
    /* padding: 1% 35%; */
}

#wpua-edit-1 h3 {
    font-weight: 400;
    font-size: 1.5em;
    padding: 20px 5px;
}

#wpua-edit-1 input[type="submit"] {
    padding: 10px 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    background: orange;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    margin: 5% 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#wpua-edit-1 button {
    padding: 10px;
    border-radius: 20px;
    background: #222;
    color: #fff;
    outline: none;
    border: none;
    font-weight: 600;
    font-size: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#wpua-edit-1 button:hover,
#wpua-edit-1 input[type="submit"]:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#wpua-edit-1 button:not(:focus),
#wpua-edit-1 input[type="submit"]:not(:focus) {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.wpmem_msg {
    width: 100% !important;
    padding: 10px !important;
    background: orange !important;
    color: #fff !important;
    font-size: 18px !important;
}

.ptb-select-parking {
    max-width: 100%;
    height: auto;
    min-height: 100px;
}

.ptb-select-parking select {
    width: 50%;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    padding: 0 2%;
}

/* product page */
.product .entry-metadata,
.product .summary > .price,
.product form.cart > .quantity,
.product .product_meta > .posted_in,
.product .related.products > h2,
.product .related.products > ul.products {
    display: none;
}

/* end of product page */

.scwacpbm_map_bg .scwacpbm_map_slot_label {
    font-size: 11px;
}

.scwacpbm_map_slot {
    font-weight: 700;
    text-shadow: 0 0 1px #000;
}

.scwacpbm_map_slot.seatavai:hover {
    background: #379683 !important;
    border: 2px solid #eee;
    transition: all 0.4s ease;
}

.scwacpbm_map_slot.active {
    border: 1px solid #c00000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #379683 !important;
}

.cart button[name="add-to-cart"] {
    position: absolute;
    bottom: -10%;
    right: 0;
    /* z-index: 1; */
}

/* woocommerce shop listing */
.post-197 .woocommerce-ordering,
.post-197 .woocommerce-result-count,
.post-197 .woocommerce ul.products li.product .price,
.post-197 .woocommerce ul.products li.product .button {
    display: none;
}

.post-197 h2.woocommerce-loop-product__title {
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #222 !important;
    border-radius: 4px;
}

.woocommerce ul.products li.product a img {
    box-shadow: 0 0 3px #eee;
}

/* end of woocommerce shop lifting */

/* woocommerce menu cart */
.primary-navigation li#wpmenucartli {
    float: right;
    border-radius: 5px;
    background: orange;
    padding: 10px;
}

.primary-navigation li#wpmenucartli > a {
    color: #fff;
}

/* visitor parking lot space */
.visitor-parking {
    cursor: not-allowed !important;
}

/** =============== MEDIA QUERIES =============== **/
@media (min-width: 1800px) {
    .cart button[name="add-to-cart"] {
        bottom: -700px !important;
    }
}

@media (min-width: 1600px) {

    #wpmem_login,
    #wpmem_reg {
        width: 30%;
    }
}

@media (min-width: 1530px) {
    .primary-navigation li#wpmenucartli {
        top: 10px;
    }

    li#wpmenucartli:hover {
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

@media (max-width: 1530px) {

    /* woocommerce menu cart */
    .primary-navigation li#wpmenucartli {
        top: 40px;
        left: 40px;
        box-shadow: 0 0 3px #000;
    }
}

@media (min-width: 1400px) {
    .cart button[name="add-to-cart"] {
        bottom: -500px !important;
    }
}

@media (min-width: 1024px) {
    .site-content {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 5%;
    }

    #box_search_form {
        width: 50%;
        margin: 0 auto;
    }
}

@media (min-width: 800px) {

    /* add to cart button */
    .cart button[name="add-to-cart"] {
        bottom: -400px;
    }
}

@media (min-width: 768px) {

    /* choose date properties */
    .scwacpbm_date {
        float: none;
        margin-top: 80px;
        width: 100%;
    }

    .scwacpbm_date > span {
        display: block;
        padding: 5px;
    }

    .scwacpbm_date span > input {
        width: 100%;
        display: block;
        height: 40px;
        outline: none;
        border: 2px solid #cecece;
        border-radius: 5px;
        padding: 10px;
    }

    /* end of  choose date properties */
}

@media (min-width: 320px) {
    .planyo .col-sm-6 {
        width: 100% !important;
    }

    #planyo_li_close {
        /* border: 1px solid red; */
        top: 15%;
        right: 10%;
    }
}

/* landscape properties */
@media only screen and (max-width: 1366px) and (orientation: landscape) {
    .mobmenu .headertext {
        position: relative;
        top: -30%;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .branding-navigation {
        display: none;
    }
}

@media (max-width: 1042px) {
    .ptb-select-parking select {
        width: 100%;
    }
}

/* portrait properties */
@media only screen and (max-width: 1024px) and (orientation: portrait) {

    #wpmem_login,
    #wpmem_reg {
        width: 80%;
    }

    .social-media a {
        margin: 8px;
    }

    .branding-navigation {
        display: none;
        height: auto;
    }

    .branding-navigation .site-branding,
    .branding-navigation .main-navigation {
        width: 100%;
    }

    .menu-item-has-children .sub-menu {
        display: block;
    }

    .mobmenu .headertext {
        position: relative;
        top: -30%;
    }

    .mobmenu-left-panel .mob-cancel-button {
        color: #666 !important;
        top: 10px;
    }
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .footer-sub-menu {
        width: 32.5%;
    }

    .social-media a {
        margin: 20px;
    }

    .mobile-menu-icon {
        /* display: block; */
    }

    .main-navigation {
        display: none;
    }

    .fixed-navigation-header .mobile-menu-icon {
        top: 25%;
    }

    .site-content {
        padding: 20px 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 650px) and (orientation: portrait) {
    .site-content {
        padding: 20px;
    }

    #wpmem_login,
    #wpmem_reg {
        width: 100%;
    }

    #wpmem_login .button_div input[type="checkbox"],
    #wpmem_login .button_div label[for="rememberme"] {
        float: left;
    }

    #wpmem_login .button_div label[for="rememberme"] {
        margin-left: 2%;
        margin-top: 6px;
    }

    #wpmem_login .button_div input[type="submit"] {
        width: 100%;
    }

    #wpmem_reg .button_div input[type="submit"] {
        width: 100%;
    }

    .link-text-forgot,
    .link-text-register {
        display: block;
        text-align: left;
        padding: 5px;
    }

    .footer-menus {
        padding: 20px;
    }

    .footer-sub-menu {
        width: 100%;
    }

    .inner-sub-menu h3 {
        width: 100%;
    }

    .expand-hidden-menu {
        display: block;
        width: 100%;
        text-align: right;
        padding-right: 10px;
    }

    .inner-sub-menu div {
        display: none;
    }

    .social-media a {
        margin: 8px;
    }

    .site-branding {
        text-align: left;
    }

    .menu-item {
        /* border-bottom: 1px solid #eee; */
        width: 100%;
        text-align: left;
        padding: 15px;
    }

    .menu-item-has-children .sub-menu {
        width: 94%;
        left: 10px;
    }

    .scwacpbm_map_bg .scwacpbm_map_slot_label {
        font-size: 6px;
    }

    /* car parking page date selection */
    .scwacpbm_date {
        float: none;
        width: 100%;
        margin-top: 80px;
    }

    .scwacpbm_date > span {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        padding: 5px;
    }

    .scwacpbm_date span > input {
        display: block;
        width: 100%;
        height: 40px;
        border-radius: 5px;
        outline: none;
        border: 2px solid #cecece;
        padding: 5px;
    }

    /* end of car parking page date selection */

    /* add to cart button */
    .cart button[name="add-to-cart"] {
        bottom: -21%;
    }

    /* end of add to cart button */
}

@media only screen and (max-width: 320px) and (orientation: portrait) {
    .site-icon {
        width: 60px;
        height: 60px;
    }

    .fixed-navigation-header .mobile-menu-icon {
        top: 15%;
    }

    /* add to cart button */
    .cart button[name="add-to-cart"] {
        bottom: -44%;
    }

    /* end of add to cart button*/
}