/*
Theme Name: Rb - Portfolio
Theme URI: https://www.reneebramley.com.au
Author: DA.Haus - Renee Bramley
Author URI: https://digitalagency.haus
Description: This is a private theme design to show my portfolio and experience in Web Development and Design. 
Version: 1.00

Text Domain: rb-portfolio
Tags: custom-colors, custom-background, custom-menu, custom-header, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*
* BASICS
* HEADER
* FOOTER
* ARTICLE - GALLERY
* ARTICLE - SIDE IMAGE
* ARTICLE - TOP IMAGE
* STORE
* MEDIA QUERIES
*/

/*BASICS*/
h1 {font-family: 'Bangers', sans-serif;color:#000;font-size:24px;font-weight:300;}
h2 {font-family: 'Bangers', sans-serif;color:#000;font-weight:300;}
h3 {font-family: 'Open Sans', sans-serif;color:#444;font-weight:300;}
h4 {font-family: 'Open Sans', sans-serif;color:#444;}
body {font-family: 'Open Sans', sans-serif;font-weight:300;background-color:#fff;}
p  {font-family: 'Open Sans', sans-serif;font-weight:300;color:#444;font-size:16px;}
li {font-family: 'Open Sans', sans-serif;color:#444;font-size:16px;}
.container {padding:112px 40px 40px 40px;min-height:600px;}
.customize-support {margin:0;}
.fa.fa-arrow-up {color:#ededed;}
.button, .btn, .wpcf7-form-control.wpcf7-submit {	padding:10px 20px;font-family: 'Open Sans', sans-serif;text-transform:uppercase;font-size:16px;border:1px solid #2f6810!important;background:#fff!important;border-radius:0px!important;color:#2f6810!important;}

/*HEADER*/
.logo {padding-left:5%;float:left;}
.logo a {text-decoration:none;}
#site-navigation {width:100%;float:right;}
#menu-social, #menu-social-1 {float:right;margin:0;}
#menu-social li, #menu-social-1 li {float:left;list-style-type: none;line-height:3.692307692;margin:0 2.857142857rem 0 0;}
#menu-social li a, #menu-social-1 li a {text-decoration:none;text-transform:uppercase;color:#444;font-size:0.857142857rem;}
#menu-top-menu {list-style-type:none;padding-left:0;}

/* Navigation Menu */
.main-navigation {text-align: center;}
.main-navigation li {margin-top: 24px;margin-top: 1.714285714rem;font-size: 12px;font-size: 0.857142857rem;line-height: 1.42857143;text-align:right;}  
.main-navigation a {color: #5e5e5e;}
.main-navigation a:hover,
.main-navigation a:focus {color: #21759b;}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {display: none;}
.main-navigation ul.nav-menu.toggled-on, 
.menu-toggle {display: inline-block;}
/* Toggle Menu */
.menu-toggle {padding:12px 20px;float:right;background:transparent;border:1px solid #efefef;margin:5px;} 
    
/*FOOTER*/
#footer {border-top:1px #efefef solid;position:static;width:100%;bottom:0;padding:0px 40px 10px 40px;}
#footer-1 {padding-left:0px;}
.footers {width:23%;float:left;padding:1%;}
.widgetizedArea h3 {font-family: 'Open Sans', sans-serif;font-weight:300;}
.widgetizedArea ul {list-style-type: none;padding-left:0;}
.widgetizedArea ul li a {text-decoration:none;color:#888;}
.topper {position:fixed;bottom:0;right:0;padding:10px;}

/*ARTICLE*/
.wpb_wrapper h2 {margin-top:0px;}
.wpb-js-composer .vc_tta-color-green.vc_tta-style-flat .vc_tta-tab > a {background-color:#2f6810!important;}
.vc_item {height:400px!important;}
.vc_inner {max-height:400px;}
.vc_inner img {max-height:400px;max-width:400px;}

/*CONTACT*/
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-textarea {font-size:16px;font-family: 'Open Sans', sans-serif;padding:12px;border:1px solid #efefef;}


/*DIRECTORY*/
.col-md-4.col-sm-6 {position:unset!important;}
.directorist .single_directory_post {width:25%!important;float:left!important;}
.directorist .single_directory_post figcaption {display:none;}
.directorist .single_search_field .select2-container--default .select2-selection--single {height:56px!important;}
.directorist .directory_main_content_area .submit_btn button {height:56px!important;border:none;}
.directorist .directory_main_content_area .single_search_field input {height:52px!important;}
.directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist input, .directorist textarea, .directorist select {border-radius:0px!important;}
.directory_home_category_area, .header_form_wrapper, .directorist .general_info, .directorist .read_more_area, .directorist .single_directory_post .content_upper p {display:none;}
.directorist .single_directory_post figure {width:100%;margin:0px;}

/*STORE */
.variation, .sku_wrapper,.posted_in, .related.products,.woocommerce-tabs.wc-tabs-wrapper  {display:none;}
.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images {width:360px!important;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width:65%!important;}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt  {	padding:10px 20px;font-family: 'Open Sans', sans-serif;text-transform:uppercase;font-size:16px;border:1px solid #444!important;background:#fff!important;border-radius:0px!important;color:#444!important;}
.woocommerce .quantity .qty {width:30px!important;padding:7px 20px;font-family: 'Open Sans', sans-serif;font-size:16px;border:1px solid #444!important;}

/*ADD GIFTS*/
.wfg-popup {left:10%!important;right:10%!important;max-width:none!important;padding:10px;}
.wfg-popup h2 {font-size:16px;font-family: 'Open Sans', sans-serif!important;background:#fff!important;}

/*ADD TO CART*/
.product.woocommerce.add_to_cart_inline {border:none!important;}
.cart-empty {display:none!important;}
.return-to-shop {display:none!important;}

/* CART */
.woocommerce-message {display:none;}
.woocommerce table.cart img {display:none;}
.product-price {display:none;}
.product-subtotal {display:none;}
.woocommerce table.shop_table {border-radius:0px!important;}

/* POSTS */
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {text-transform:uppercase;background-color:transparent!important;color:#444!important;border:1px solid #444;border-radius:0;}
.vc_gitem-zone {background-color:#f7f7f7!important;}

/*MEDIA QUERIES*/
@media screen and (max-width: 600px) {
#site-navigation{width:100%;margin:0;float:right;}
.logo {padding-left:0;position:absolute;}
.toparea {display:none;}
#menu-top-menu {width:100%;list-style-type:none;}
.menu-main-container {padding-top:50px;}
.main-navigation li {margin-top:10px;}
.nav-menu {text-transform:uppercase;list-style:none;width:80%;}
.nav-menu a {text-decoration:none;margin-top:0;}

.container {padding:56px 2% 2% 2%;}
pre {width:270px;overflow:scroll;}

.footers {width:100%;height:240px;}
#menu-social-1 li {margin:0 2em 0 0;line-height:2;}
}
@media screen and (min-width: 600px) {
 
.main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        display: inline-block !important;
        width: 100%;
    }
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }
    .main-navigation li a {
        border-bottom: 0;
        color: #444;
        line-height: 3.692307692;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #000;
    }
    .main-navigation li {
        margin: 0 40px 0 0;
        margin: 0 2.857142857rem 0 0;
        position: relative;
    }
    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }
    .main-navigation li ul li a {
        background: #efefef;
        border-bottom: 1px solid #ededed;
        display: block;
        font-size: 11px;
        font-size: 0.785714286rem;
        line-height: 2.181818182;
        padding: 8px 10px;
        padding: 0.571428571rem 0.714285714rem;
        width: 180px;
        width: 12.85714286rem;
        white-space: normal;
    }
    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        background: #e3e3e3;
        color: #444;
    }
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #636363;
        font-weight: bold;
    }
    .menu-toggle {
        display: none;
    }
     
    }