/*
Theme Name:   Southern E-Bike Child Theme
Theme URI:    http://example.com/my-child-theme
Description:  Child theme for My Parent Theme
Author:       Your Name
Author URI:   http://example.com
Template:     siteorigin-corp
Version:      1.0.0
*/

/* Add your custom styles below this line */

:root {
    --font-one:'Dosis';
    --font-two:'Rubik';
    --font-three:'Roboto Condensed';
    --color-one:rgba(15,28,100,1);
    --color-one-alt:rgba(10,20,90,1);
    --color-one-trans:rgba(15,28,100,.3);
    --color-one-trans-alt:rgba(10,20,90,.3);
    --gradient-one:linear-gradient(to bottom, var(--color-one), var(--color-one-alt));
  
    --gradient-one-trans:linear-gradient(to bottom, var(--color-one-trans), var(--color-one-trans-alt));
  
    
    --color-two:rgba(99,158,168,1);
    --color-two-alt:rgba(0,45,59,1);
    --color-two-trans:rgba(99,158,168,.3);
    --color-two-trans-alt:rgba(109,178,178,.3);
    --gradient-two:linear-gradient(to bottom, var(--color-two), var(--color-two-alt));
   
      --gradient-two-alt:linear-gradient(to bottom, var(--color-one), var(--color-two));
      --gradient-two-trans:linear-gradient(to bottom, var(--color-two-trans), var(--color-two-trans-alt));
  
  
    --color-three:rgba(238,189,55,1);
    --color-three-alt:rgba(208,179,45,1);
    --color-three-trans:rgba(238,189,55,.3);
    --color-three-trans-alt:rgba(208,179,45,.3);
    --gradient-three:linear-gradient(to bottom, var(--color-three), var(--color-three-alt));
  
      --gradient-three-alt:linear-gradient(to bottom, var(--color-two), var(--color-three));
  
  
      --gradient-light:linear-gradient(to bottom, var(--color-white), var(--color-light));
  
      --gradient-light-gray:linear-gradient(to bottom, #C0C0C0, var(--color-light));
  
      --color-white:rgba(255,255,255,1);
      --color-black:rgb(0, 0, 0);
      --color-light:rgba(245,245,245,1);
      --color-dark:rgb(57, 57, 57);
  
  --overlay-logo:url(/wp-content/themes/prorez-child/images/prorez-animated-logo.gif);
  
  
    --fixheight-one:550px;
  
    --fixheight-two:600px; 
  
    --site-icon:url(/wp-content/themes/prorez-child/images/hex-shapes.png);
  
    --icon-width:3.5em;
    --icon-height:3.5em;
    --icon-scale:1.3;
  --button-background:var(--gradient-three);
  --button-radius: 24px 4px 4px 24px;
  --background-icon:url(/wp-content/themes/prorez-child/images/icon-border.png);
  
  --color-light-one:var(--color-light);
  --color-light-two:var(--color-white);
  --color-light-three:var(--color-white);
  
  --color-dark-one:var(--color-black);
  --color-dark-two:var(--color-three-alt);
  --color-dark-three:var(--color-dark);
  

  
  }

  nav#site-navigation * {
    font-family: var(--font-one) !important;
    font-size: 1.1em;
}


.breadcrumbs,
.entry-breadcrumbs,
.page-header h1 {
  display: none !important;
}
/* Targets the main product grid thumbnails */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product img,
/* Targets the image container on the single product page */
.woocommerce div.product div.images,
.woocommerce-product-gallery__image {
    background-color: #ffffff !important;
}

.link-underline.main-navigation div>ul:not(.cart_list)>li:hover>a
 {
    border-color: var(--color-one) !important;
}

.home .corp-container {
    max-width: 100%;
}

.main-navigation div>ul:not(.cart_list)>li.current-menu-ancestor>a, .main-navigation div>ul:not(.cart_list)>li.current-menu-item>a, .main-navigation div>ul:not(.cart_list)>li.current>a, .main-navigation div>ul:not(.cart_list)>li.current_page_ancestor>a, .main-navigation div>ul:not(.cart_list)>li.current_page_item>a {
    border-color: var(--color-one);
}

.wpcf7
 {
    width: 100%;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.wpcf7 input,.wpcf7 select,.wpcf7 textarea
 {
    width: 100%;
    display: block;
    border-radius: .5em;
}

.wpcf7 label {
    font-weight: bold;
    font-size: 1.1em;
    color: black;
    text-transform: capitalize;
}

.wpcf7 .contact-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 2em;
    border: solid 1px #fafafa;
    border-radius: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.wpcf7 .cf-col {
    flex: 1;
}

.cf-row
 {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    gap: 1em;
}

.site-header .site-branding img {
    display: inline-block;
    vertical-align: middle;
    max-height: 200px;
    width: auto;
}

.site-header {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px 0;
    position: relative;
    width: 100%;
    z-index: 999;
}

.wpcf7-submit {
    width: 100%;
    display: block;
    border-radius: .5em;
    max-width: fit-content;
}