/*
 Theme Name:   J&J Media Group
 Description:  Divi Child Theme | Custom
 Author:       J. Neufeld & J. Rusnack
 Author URI:   https://www.jjgroup.ca
 Template:     Divi
 Version:      121119
*/


/*-----IMPORTED STYLE SHEETS-----*/

@import url("/wp-content/themes/Divi/style.css");


/*---------------------------------------------------------------------------------------------------------*/	
/*-----FONT & UNIVERSALS-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 480px)
{
	h1 {font-size: 25px !important;}
	h3 {font-size: 18px !important;}
	.use-et-font {font-size: 20px !important;}
}

/* C2A and Input buttons forced to use brand font */
a.et_pb_button, input.wpcf7-submit {font-family: 'bitter', sans-serif;}

/* Apply this class in a span tag to utilize an ET Modules*/
.use-et-font {font-family: 'ETmodules';}

/* Mobile P and LI tag size of 16 - universal for SEO */
@media screen and (max-width: 480px) {p, .entry-content li, .three-column-insert {font-size: 16px !important; line-height: 23px !important;}}

/* PAGES - last paragraph and ol and ul fixes */
.entry-content ul {margin: 0px 0px 0px 15px; list-style-position: outside !important;}
.entry-content ol {margin: 0px 0px 0px 15px; list-style-position: outside !important; padding-left: 1em;}
.entry-content p:last-of-type {padding-bottom: 1em !important;}

/* POSTS - last paragraph and ol and ul fixes */
.et_pb_post .entry-content ul {margin: 0px 0px 0px 20px; list-style-position: outside !important; padding-bottom: 1em !important;}
.et_pb_post .entry-content ol {margin: 0px 0px 0px 15px; list-style-position: outside !important; padding-left: 1em !important; padding-bottom: 1em !important;}
.et_pb_post .entry-content p:last-of-type {padding-bottom: 1em !important;}

/* STAR ul li */
ul.checkmark-custom, ul.check-custom, ul.plus-custom, ul.star-custom {list-style-image: url('/wp-content/uploads/2020/09/star.png') !important;}

@media screen and (max-width: 980px)
{
	.et_pb_column {padding-top: 10% !important; padding-bottom: 10% !important;}
	.et_pb_column_0 {padding-top: 3% !important;}
}


.split-page-left {float: left; width: 100%; margin-bottom: 15px;}
.split-page-right {float: right; width: 100%; }


/* MOBILE HIDE & SHOW */
@media screen and (min-width: 480px) {.show-mobile {display: none;}}

@media screen and (max-width: 480px) {.hide-mobile {display: none;}}

	
/*---------------------------------------------------------------------------------------------------------*/	
/*-----MAIN HEADER & FOOTER--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

#main-header, #footer-widgets {display: none !important;}



/*---------------------------------------------------------------------------------------------------------*/	
/*-----BOTTOM FOOTER---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

/* Modifying Superscript CSS in bottom footer */
#footer-bottom sup, sup { bottom: 0.6em; font-size: 0.7em;}

/* Font in Bottom Footer */
@media screen and (min-width: 1100px) {#main-footer #footer-bottom p, span.fn, span.fn a, #main-footer #footer-bottom a {font-size: 10px !important; line-height: 17px !important; color: fff !important;}}
@media screen and (min-width: 480px) {#main-footer #footer-bottom p, span.fn, span.fn a, #main-footer #footer-bottom a {font-size: 8px; line-height: 11px; color: #fff !important;}}
@media screen and (max-width: 480px) {#main-footer #footer-bottom p, span.fn, span.fn a, #main-footer #footer-bottom a {font-size: 10px !important; color: #fff !important; line-height: 1.3em !important;}}
#main-footer #footer-bottom p, #main-footer #footer-bottom p span.fn, #main-footer #footer-bottom a {font-weight: lighter !important;}	

/* Bottom Footer Responsiveness */
@media screen and (max-width: 600px)
	{
		.custom-hide-footer {display: none;}
		.custom-show-footer {display: inline;}
	}

@media screen and (min-width: 600px)
	{
		.custom-hide-footer {display: inline;}
		.custom-show-footer {display: none;}
	}



/*---------------------------------------------------------------------------------------------------------*/	
/*-----CONTACT FORM 7 FIXES--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

/* Normal input width set*/
input.wpcf7-text, input.wpcf7-captchar, select.wpcf7-select {width: 89%; font-size: 16px !important;}
input.wpcf7-file {width: 80% !important;}

/* Text area width set*/
textarea.wpcf7-textarea {width: 89%; font-family: inherit; height: 52px;}

/* Color, size and position of P tags in the form */
.wpcf7-form p {color: #353535; font-size: 14px; padding-bottom: 19px;}

/* Contact form background */
.contact-form-background {background: #e4e4e4; border-radius: 0px; padding: 13px 7px 10px 15px; display: inline-block; width: 100%;}

/* h2 header in contact form */
h2.contact-form-header {text-align: center; background: #353535; color: white; padding: 10px; margin: 0px !important;}


/*-----INPUT CUSTOMS-----*/

input.wpcf7-email, input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-number, input.wpcf7-date, select.wpcf7-select, input.wpcf7-captchar, input.wpcf7-quiz {color: #454545; font-size: 14px; padding: 8px 8px; background: rgba(255,255,255,0.9); border-radius: 0px 10px 10px 0px; border: 1px solid rgba(1,1,1,0.5); margin: 0px !important;}

input.wpcf7-email:hover, input.wpcf7-text:hover, textarea.wpcf7-textarea:hover, input.wpcf7-number:hover, input.wpcf7-date:hover, select.wpcf7-select:hover, input.wpcf7-captchar:hover {background: rgba(255,255,255,0.85); -webkit-box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15); -moz-box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15); box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15);}

input.wpcf7-email:focus, input.wpcf7-text:focus, textarea.wpcf7-textarea:focus, input.wpcf7-number:focus, input.wpcf7-date:focus, select.wpcf7-select:focus, input.wpcf7-captchar:focus {background: rgba(255,255,255,0.75); border-radius: 0px; -webkit-box-shadow: inset 0 0 5px 0 rgba(50,50,50,0.45); -moz-box-shadow: inset 0 0 5px 0 rgba(50,50,50,0.45); box-shadow: inset 0 0 5px 0 rgba(50,50,50,0.45); border: 1px inset grey;}

.refpicone input, .refpictwo input, .refpicthree input {padding: 6px 4px !important; margin: 2px 0px; color: #118b6b !important; background: white !important; border: 2px solid #118b6b !important; border-radius: 5px !important;}

.wpcf7-quiz-label {color: white !important; font-size: 18px !important;}


/*-----BUTTON CUSTOMS-----*/

input.wpcf7-submit {text-transform: uppercase; font-size: 18px; padding: 4px 10px 4px 8px; border-radius: 0px 12px 12px 0px; color: #353535;  background: #f99404; border: none !important; font-weight: bold; border-left: 3px solid #353535 !important; }

input.wpcf7-submit {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

input.wpcf7-submit:hover {border-color: #383838; color: #fff; background: #118b6b; cursor: pointer; text-shadow: none;}


/*-----OUTPUT-----*/

.wpcf7-response-output { text-align: left; color: white; background: grey; border: none !important; padding: 12px; margin: 0px !important; font-size: 16px !important; width: 89%; border-left: 3px solid black !important; border-radius: 0px 10px 10px 0px;}
.wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {display: inline-block !important;}
.wpcf7-not-valid-tip, .wpcf7 .screen-reader-response {display: none !important;}
.wpcf7-not-valid {border-left: 5px solid #118b6b !important;}