/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


#topBar {float: left; width: 100%; height: 40px; line-height: 40px; background-color: #000;}
#site-header-custom {float: left; width: 100%; }
    .site-branding-custom {float: left; width: 20%; height: 80px; }
    .site-navigation-custom {float: left; width: 80%;  height: 80px; line-height: 80px;}

/* STYLE FOR PITCH PRINT MODAL */
 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  /*width: 80%; jorge*/ /* Could be more or less, depending on screen size */
  width: 700px;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover, 
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

.floatFull {float: left; width: 100%;}
.floatHalf {float: left; width: 50%;}
.floatHalfPadd {float: left; width: 47%; padding-left: 3%;}
.center {text-align: center;}

.marginTop40 {margin-top: 40px;}




.full {float: left; width: 100%;}

/*menu custom styles */
ul.menu-items {list-style: none;}
ul.menu-items li {list-style-type: none;}

main .woocommerce-breadcrumb {display: none;} /* remove breadcrumb */
.posted_in, .tagged_as {float: left; width: 100%; color: #000; }
    .posted_in a, .tagged_as a {color: #7A7A7A; font-weight: normal; }

/* PRODUCT PAGE */
/*.product table.woocommerce-product-attributes {width: 70%; margin-left: 15%;}*/


.woocommerce table.shop_attributes th {border: 1px solid #CCCCCC;}
.woocommerce table.shop_attributes td {border: 1px solid #CCCCCC; padding-left: 5px;}

.related {float: left; width: 96%; margin-left: 2%;} 



/* PITCH PRINT */

    .box3 {float: left; width: 33%;}
    .box3 label {float: left; width: 100%; line-height: 25px; font-size: 14px; font-weight: bold;}
    .box3 input {width: 98%; height: 35px; margin-right: 2%; border: 1px solid #CCCCCC; color: gray; border-radius: 0; font-size: 13px;}
    .box3 select {width: 98%; margin-right: 2%; border: 1px solid #CCCCCC; border-radius: 0; font-size: 13px; background-color: #fff;}
    .box3 select input {font-size: 13px; background-color: #fff;}
    #checkoutBoxPP {font-size: 15px;}
    #myModal h4 {float: left; width: 100%; color: #000; font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom: 10px;}
    #myModal h5 {float: left; width: 100%; color: #24985B; font-size: 20px; line-height: 32px; font-weight: bold; margin-bottom: 10px;}
    
    .marginBot20 {margin-bottom: 20px;}
    #modalcartbtn {width: 100%; background-color: #24985B; color: #fff; border-color: #24985B; border-radius: 0;}
    #ppLeadFormSubmit {background-color: #B4FF3D; color: #000; border-color: #000; font-weight: Bold; margin-top: 20px;}
    
    #pp_main_btn_sec {float: left; width: 100%; margin-bottom: 20px; }
    #pp_customize_design_btn {margin-left: 0; padding: 20px 30px 20px 30px;}

/* MOBILE MOBILE MOBILE */
@media (min-width : 200px) and (max-width : 800px) {  
	.modal {}
	.modal-content {width: 100%;}
	.box3 {float: left; width: 100%;}
}