/*
 Theme Name:   Simply Ducky (D) - Grounded Focus
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Simply Ducky Designs
 Author URI:   http://www.simplyduckydesigns.ca
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/* -------------------------------------------------------------- Landing Page -------------------------------------------------------------- */
#main-header,
header#main-header.et-fixed-header {
	display: none;
	}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    	width: 80%;
    	max-width: 800px;
   	margin: 0 auto 20px auto;
	padding-top: 21px;
	padding-bottom: 21px;
	background: rgba(138, 138, 138, 0.5);
	text-shadow: 1px 1px 2px #000000;
	}
h3 {
	padding-bottom: 32px;
	}
table#grounded-hours {
	width: 96% !important;
	margin-left: 2%;
	margin-right: 2%;
	}	

	
/* -------------------------------------------------------------- Images -------------------------------------------------------------- */
.circular img {
 	border-radius: 50%;
	}


/* -------------------------------------------------------------- Contact Form 7 -------------------------------------------------------------- */
.wpcf7-form input { 
    	padding: 16px;
    	border: none;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	color: #656565;
    	background-color: #eee;
    	font-size: 14px;
	}
.wpcf7-text { 
	width: 100%;
	}
.wpcf7-radio  { 
	line-height: 3.0;
	}
span.wpcf7-list-item {
	display: block;
	}
.wpcf7-form textarea { 
	width: 100%;
    	padding: 16px;
    	border: none;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	color: #656565;
    	background-color: #eee;
    	font-size: 14px;
	font-family: Arial;
	}
.wpcf7 select {
    	padding: 16px;
    	border: 1px solid #999;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	color: #444444;
    	background-color: #FFFFFF;
    	font-size: 14px;
	width: 100%;
	}
.wpcf7-form p { 
	color: #000000 !important; 
	margin-top: 2px; 
	}
.wpcf7-form .wpcf7-submit { 
	background: #EEEEEE; 
	padding-left: 14px;
	padding-right: 14px; 
	color: #444444; 
	border-radius: 0;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
	}
.wpcf7-form .wpcf7-submit:hover {
	background: #b3b2b2;
	color: #FFFFFF;
	}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
	opacity: 1; 
	color: #999999; 
	} 
#contactform h4 {
	padding: 28px 0 10px 0;
	}
p.sub-text {
	padding-top: 28px; 
	text-align: center;
	color: #444444
	}


/* -------------------------------------------------------------- ReCAPTCHA v3 -------------------------------------------------------------- */
div.grecaptcha-badge {
      display: none;
    }
#grecaptcha-notice {
    font-size: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
    }

	
/* -------------------------------------------------------------- Footer -------------------------------------------------------------- */
#footer-bottom {
	background: #FFFFFF;
	}
#footer-bottom p {
	font-size: 12px;
	}


/* -------------------------------------------------------------- Minimum width of 600 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 600px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	    	width: 80%;
		}
	}


/* -------------------------------------------------------------- Minimum width of 1000 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 1000px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	    	width: 50%;
		}
	h2.et_pb_slide_title {
		padding-bottom: 40px;
		}
	}


/* -------------------------------------------------------------- Minimum width of 1400 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 1400px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	    	width: 40%;
		}
	}