/* 
 Theme Name:     Divi child theme   
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

@import url("../Divi/style.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*------------------------------------------------*/
/*------[Shadow Diagonal Lines - Quiroz.co]-------*/
/*------------------------------------------------*/

    #et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow {
        z-index: 1;
        padding-top: 6em;
        background: #ffffff; /*2b36b0*/  }
 
    .diagonal-shadow::before, 
        .diagonal-shadow::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;}
 
    .diagonal-shadow::before {
        height: 50%;
        background: #ffffff; /*2b36b0*/
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;}


/*---------------------------------------------------*/
/*------[Little Invisible Triangle - Quiroz.co]------*/
/*---------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.big-triangle:after,.big-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:50px solid #ffffff; /*003690*/
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}
 
.big-triangle:before{
    right:50%;
    border-right:75px solid transparent;
    border-left:1000px solid;}
 
.big-triangle:after{
    left:50%;
    border-left:75px solid transparent;
    border-right:1000px solid;}

/*-----------CUSTOM------*/

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=email], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=number], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}


.wpcf7-submit {
    width: 20% !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

wpcf7-form-control wpcf7-text wpcf7-email
	{
width: 20%;

}

.wpcf7-submit {
    width: 100% !important;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 12px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
}
input[type=submit] {
    width: 30%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=text], select {
    /* width: 100%; */
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 12px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
    width: 50%;
}

/* Contact Form by Qui Nguyen*/

.contact-form{
    background-color: #003690;
    width: 100%;
    height: 110px; 
    padding: 15px  40px;
   
}

.contact-form p{
    margin-left: 10px; 
    color: #fff;
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
}

.contact-form input{
    margin-left: 10px; 
    float: left;
    width: 25%;
    height: 37px;
    text-align: center;
    color: #000;
}

.contact-form input[type=submit] {
    padding: 0;
    border: 2px #fff solid;
    background-color: #63a42c;
    float: left;
    width: 10% !important;
    height: 36px;
    color: #fff;
    font-size: 0.875em;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;

}

.contact-form input[type=submit]:hover{
    background-color:  #8BA7B0;
}

.office_hours-section img{
    float: left;
    width: 571px;
    height: 641px;
}

.office_hours-section .office_hours{
   float: left;
   margin: 25px 35px;

}

.office_hours-section p{
    font-size: 2.25em;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    color: #000;

}

.office_hours-section table{
    margin-top: 35px;
    height: 550px;
  
}

 @media screen and (max-width: 768px){

.contact-form{
    width: 100%;
    height: auto; 
  
}    

.contact-form p{
    font-size: 0.8em;
    width: 100%;

}

.contact-form input{
    width: 100%;
}

.contact-form input[type=submit]{
   width: 100% !important;

}

.contact-form input[type=submit]:hover{
    background-color:  #8BA7B0;
}


.office_hours-section .office_hours p, .office_hours-section .office_hours table{
    width: 100%;
    text-align: center !important;
    margin-left: -45px;
   
}

 .office_hours-section img{
    display: none;
}

.office_hours-section .office_hours p{
    color: #63a42c;
   
}


.office_hours-section .office_hours table tr th, .office_hours-section .office_hours table tr td {
   padding: 5px;

}

/* Button Styles */
.et_pb_button {
	margin-bottom: 1em;
}


p.et_pb_contact_field:not(.et_pb_contact_field_last) {
	clear:none !important;
}




/*Ideal Protein page*/
@media (min-width:981px){

.louiseposition{
padding-top: 15px;
text-align: center;
}  

}

/*End of Ideal Protein page*/