/*
 Theme Name:   Simply Ducky (D) - Child Theme
 Description:  A Child Theme built for Divi
 Author:       Simply Ducky Designs
 Author URI:   http://www.simplyduckydesigns.ca
 Template:     Divi
 Version:      2025.2
*/


/* -------------------------------------------------------------- Fonts & Typography -------------------------------------------------------------- */
body.login {
	background-color: #FFFFFF !important;
	}
body.login div#login form#loginform {
  	border: none !important;
	}


/* -------------------------------------------------------------- Fonts & Typography -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal!important;
	}


/* -------------------------------------------------------------- PageNavi -------------------------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi span {
  	padding: 0.3em 0.8em !important;
    font-family: 'Didact Gothic',Helvetica,Arial,Lucida,sans-serif;
 	font-size: 1.5em !important;
  	color: #333333;
  	line-height: 2em;
  	background: #eeeeee;
  	transition: all .5s;
	border: 0px;
	}
.wp-pagenavi span.current {
  	color: #ffffff !important;
  	background: #017CC2 !important;
	}
.wp-pagenavi a:hover {
  	color: #ffffff !important;
  	background: #017CC2 !important;
	}
.wp-pagenavi .pages {
  	background: none;
	}


/* -------------------------------------------------------------- Tiny MCE Button Shortcode -------------------------------------------------------------- */
a.small-button.smallblue,
a.small-button.smalllightblue,
a.small-button.smallteal,
a.small-button.smallsilver,
a.small-button.smallblack,
a.small-button.smallpurple,
a.small-button.smallpink,
a.small-button.smallorange,
a.small-button.smallgreen,
a.small-button.smallred,
a.big-button.bigblue,
a.big-button.biglightblue,
a.big-button.bigteal,
a.big-button.bigsilver,
a.big-button.bigblack,
a.big-button.bigpurple,
a.big-button.bigpink,
a.big-button.bigorange,
a.big-button.biggreen,
a.big-button.bigred {
	padding: 6px 14px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin: 0 5px 8px 0 !important;
    display: inline-block !important;
    text-shadow: none !important;
    background: #6d1315 !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 2px !important;
	font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
	letter-spacing: 1px !important;
	}
a.small-button.smallblue:hover,
a.small-button.smalllightblue:hover,
a.small-button.smallteal:hover,
a.small-button.smallsilver:hover,
a.small-button.smallblack:hover,
a.small-button.smallpurple:hover,
a.small-button.smallpink:hover,
a.small-button.smallorange:hover,
a.small-button.smallgreen:hover,
a.small-button.smallred:hover,
a.big-button.bigblue:hover,
a.big-button.biglightblue:hover,
a.big-button.bigteal:hover,
a.big-button.bigsilver:hover,
a.big-button.bigblack:hover,
a.big-button.bigpurple:hover,
a.big-button.bigpink:hover,
a.big-button.bigorange:hover,
a.big-button.biggreen:hover,
a.big-button.bigred:hover {
    color: #fedb07 !important;
	}


/* -------------------------------------------------------------- Menu -------------------------------------------------------------- */
.et-menu li li a {
    padding: 6px 20px; 
    width: 320px;
	}
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 360px;
	}
.nav li li {
    position: relative;
    line-height: 1.4em;
	}
	

/* -------------------------------------------------------------- Contact Form 7 -------------------------------------------------------------- */
.wpcf7-form input { 
    padding: 16px;
    border: 1 px solid #efefef;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #1c1c1c;
    background-color: #FFFFFF;
    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: 1 px solid #efefef;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #1c1c1c;
    background-color: #FFFFFF;
    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: #666; 
	margin-top: 2px; 
	}
.wpcf7-form .wpcf7-submit { 
	background: #2d82e5; 
	padding-left: 14px;
	padding-right: 14px; 
	color: #FFFFFF; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
	border: none;
	}
.wpcf7 form.sent .wpcf7-response-output {
	background: #46b450;
	padding-left: 14px;
	padding-right: 14px; 
	color: #FFFFFF; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
	border: none;
	text-align: center;
	padding: 16px 6px 16px 6px;
	}
.wpcf7-form .wpcf7-submit:hover {
	background: #b3b2b2;
	color: #FFFFFF;
	}
#contactform h4 {
	padding: 28px 0 10px 0;
	}
p.sub-text {
	padding-top: 10px; 
	text-align: center;
	}
div.wpcf7-mail-sent-ok {
   	border: none;
   	background: #FFFFFF;
	width: 100%;
	}
.cf7ic-icon-wrapper {
  	display: block;
	}



/* -------------------------------------------------------------- Maximum width of 980 pixels -------------------------------------------------------------- */
@media screen and (max-width: 980px) {

	}
	

/* -------------------------------------------------------------- Minimum width of 451 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 451px) {

	}


/* -------------------------------------------------------------- Minimum width of 981 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 981px) {
	

	}


/* -------------------------------------------------------------- Minimum width of 1200 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
	

	}


/* -------------------------------------------------------------- Minimum width of 1350 pixels. -------------------------------------------------------------- */
@media screen and (min-width: 1350px) {

	}