/*
 Theme Name:   Social Tap
 Theme URI:    http://www.socialtap.com.au
 Description:  Standard theme developed by Social Tap.
 Author:       Social Tap
 Author URI:   http://www.socialtap.com.au
 Template:     royal
 Version:      0.0.2
 Tags:         one page, landing page, multi-purpose
 Text Domain:  royal
*/

/* 1. IMPORTS - fonts, external styles */
/* 2. ELEMENTS - general links, hover effects, animations, heading tags, etc. */
/* 3. HEADER - menu specific elements, logo sizing, content-box width, navbar properties */
/* 4. PAGE LAYOUT - page width, padding, top and bottom margins, content headers */
/* 5. FOOTER - footer specific elements, hover effects, animations, heading tags, widget sizing */
/* 6. HOMEPAGE - homepage-only styling, call to action, margins, paddings, page width */
/* 7. POSTS - all posts EXCEPT WooCommerce, blog specific styling, social share icons, grid layout, excerpt */
/* 8. WOOCOMMERCE - product categories, single product, cart, checkout, my account */
/* 9. GRAVITY FORMS - initial global style for forms */
/* 10. INSTAGRAM - custom CSS overrides for Instagram Plugin */
/* 11. VISUAL COMPOSER - reset default styles for VC, may need to use !important in some cases */
/* 12. MEDIA QUERIES - constants for varying mobile views, common breakpoints are 480px (mobile), 768px (tablet), 1024 (small laptops) */
/* 13. PRESETS - custom classes that can be used from the outset */
/* 14. USEFUL CSS - handy css for development */

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 1. IMPORTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

@import url('/wp-content/plugins/gravityforms/css/readyclass.min.css');

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 2. ELEMENTS \\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* LINKS */



/* will be overridden by Theme Options > Color */
a:hover, a:focus {
    color: #2a6496;
    text-decoration: none;
}

/* add smooth transition for elements, works on supported browsers */
p > a , button {
    transition: all .25s ease;
}

/* BUTTONS */

button, .button.medium {
    background: #111111;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
}
button:hover {
    background: #333333;
}

/* FORMS (NOT JUST GRAVITY) */

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    display: initial;
    height: 2.5em;
}

input[type=checkbox] {
    min-width: 12px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 3. HEADER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* NAVBAR, 1ST LEVEL */

/* set hover to neutral colour */
.header-wrapper .menu > li > a:hover {
    color: #cccccc;
}

/* NAVBAR, 2ND LEVEL SUBMENU */
.menu .nav-sublist-dropdown ul {
    padding: 15px 0 15px;
    border: 1px solid #E6E6E6;
    width: 200px;
    display: inline-block;
}
/* inherit font-family set in Theme Options */
.menu > li a {
    font-family: inherit;
}

/* MOBILE NAV */

/* reset default mobile style, improve visibility */
.mobile-nav-heading, .et-mobile-menu li a {
    color: #ffffff !important; /* required to override responsive.css of parent theme */
}

/* FIXED HEADER */
/* remove mandatory border */
.fixed-header-area {
    border: none;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 4. PAGE LAYOUT \\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* GLOBAL */

/* remove page-content margins */
.page-content {
    margin-top: 0;
    margin-bottom: 0;
}

/* fixes tab index for forms */
a.screen-reader-shortcut {
    display: none;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 5. FOOTER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.main-footer p {
    font-family: inherit;
    font-size: inherit;
}

/* intended for light footer */
.main-footer.text-color-light *, .copyright.text-color-light * {
    color: #ffffff;
}
/* intended for dark footer */
.main-footer.text-color-dark *, .copyright.text-color-dark * {
    color: #222222;
}

/* intended for default, dark copyright background */
.copyright-1 p, .copyright-2 p, .copyright-3 p, .copyright p {
    color: #ffffff;
}

.main-footer li a, .main-footer a {
    color: #cccccc;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 6. HOMEPAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* HOMEPAGE TEMPLATE */

.homepage .page-content {
    margin: 0;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 7. POSTS  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* removes buggy next/previous buttons on posts */
.project-navigation {
    display: none;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 8. WOOCOMMERCE \\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* GLOBAL */
.woocommerce-page .page-content {
    margin-top: 30px;
}

/* Royal Theme button overrides */
.woocommerce-page .button {
    background: #222222;
    color: #ffffff;
}
.btn, .button, .wishlist_table .add_to_cart.button, .wpcf7-submit {
    background: #333333;
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: inherit !important;
    padding: 10px 20px;
    border: none;
    transition: all .25s ease !important;
}
.btn:hover, .button:hover, .wishlist_table .add_to_cart.button:hover, .wpcf7-submit:hover {
    background: #111111;
    border: none;
}

/* MY ACCOUNT */

/* removal of ROYAL serif font, will inherit set font in Theme Options > Typography */
.woocommerce-MyAccount-navigation li a {
    font: inherit !important;
}

/* CART */
.shop-text {
    color: #ffffff;
}

/* remove cart from fixed header */
.fixed-header #basket {
    display: none;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 9. GRAVITY FORMS \\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* fix visual on datepicker */
.ui-datepicker select {
    display: initial;
    height: initial;
    padding: initial;
    background: initial;
    border: initial;
}

/* increase size of default submit button */
input[type=submit] {
    padding: 10px 20px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 10. INSTAGRAM \\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* remove crap hover, add opacity hover based on white bg */
#sb_instagram .sbi_link {
    background: none !important;
}
.sbi_photo_wrap {
    -webkit-transition: all 0.75s ease;
    transition: all 0.75 ease;
}
.sbi_photo_wrap:hover {
    opacity: .7 !important;
}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 11. VISUAL COMPOSER \\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 12. MEDIA QUERIES \\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 13. PRESETS \\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.color-white {
    color: white;
}

/* REV SLIDER */
/* use this div to contain & correctly add responsive behaviour to captions */
div.hero-caption {
    max-width: 90vw !important;
    margin: auto !important;
    width: 1140px; /* standard boxed size */
    white-space: normal;
}
div.hero-caption-medium {
    max-width: 90vw !important;
    margin: auto !important;
    width: 640px; /* standard boxed size */
    white-space: normal;
}
div.hero-caption-small {
    max-width: 90vw !important;
    margin: auto !important;
    width: 380px; /* standard boxed size */
    white-space: normal;
}

.standard-overlay {
    color: #ffffff;
    text-shadow: #222222 2px 2px 5px;
}

/* use alternate row on layouts that alternate 2 columns, e.g. PIC / TEXT, TEXT / PIC, PIC / TEXT. For use on every other row for uniform layout on mobile */
@media screen and (max-width: 768px) {
    .alternate-row {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\ 14. USEFUL CSS \\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*

.header-wrapper {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin: auto;
    min-height: 120px;
}

*/