/*
 Theme Name:     TalkHubs Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/
 Description:    TalkHubs Divi Child Theme
 Author:         Prosoft Development Solutions
 Author URI:     http://www.prosoft.co.za
 Template:       Divi
 Version:        1.0.0
*/

:root {
  --blue: #3a1d53;
  --violet: #662d91;
  --grey: #a7a9ac;
  --orange: #f15d28;
  --light-orange: #f7941d;	
}

h1 { color: var(--blue); }
h2 { color: var(--violet); }
h3 { color: var(--violet); }
h4 { color: var(--grey); }
h5 { color: var(--grey); }

et_pb_button { font-weight: 400; }

textarea, input {
	color: #9eacae;
	background-color: #ebeeed;
	font-size: 16pt;
}

textarea:focus, input:focus {
	color: #3a1d53!important;
	background-color: #b9b2d9!important;	
}


/**Large Desktop**/
@media all and (min-width: 1405px) {
	h1 { font-size: 55pt; font-weight: bold; }
	h2 { font-size: 47pt; font-weight: bold; }
	h3 { font-size: 40pt; font-weight: normal; }
	h4 { font-size: 33pt; font-weight: normal; }
	h5 { font-size: 29pt; font-weight: normal; }
	p { font-size: 16pt; font-weight: normal; }
}

/**Standard Desktop**/
@media all and (min-width: 1100px) and (max-width: 1404px) {
	h1 { font-size: 55pt; font-weight: bold; }
	h2 { font-size: 47pt; font-weight: bold; }
	h3 { font-size: 40pt; font-weight: normal; }
	h4 { font-size: 33pt; font-weight: normal; }
	h5 { font-size: 29pt; font-weight: normal; }
	p { font-size: 16pt; font-weight: normal; }
}

/**Laptops and Large Tablets**/
@media all and (max-width: 980px) and (max-width: 1099px) {
	h1 { font-size: 50pt; font-weight: bold; }
	h2 { font-size: 40pt; font-weight: bold; }
	h3 { font-size: 35pt; font-weight: normal; }
	h4 { font-size: 28pt; font-weight: normal; }
	h5 { font-size: 24pt; font-weight: normal; }
	p { font-size: 16pt; font-weight: normal; }
}


/**Tablets**/
@media all and (min-width: 768px) and (max-width: 979px) {
	h1 { font-size: 50pt; font-weight: bold; }
	h2 { font-size: 40pt; font-weight: bold; }
	h3 { font-size: 35pt; font-weight: normal; }
	h4 { font-size: 28pt; font-weight: normal; }
	h5 { font-size: 24pt; font-weight: normal; }
	p { font-size: 16pt; font-weight: normal; }
}

/**Smartphones and small Tablets**/
@media all and (min-width: 480px) and (max-width: 767px) {
	h1 { font-size: 30pt; font-weight: bold; }
	h2 { font-size: 22pt; font-weight: bold; }
	h3 { font-size: 18pt; font-weight: normal; }
	h4 { font-size: 14pt; font-weight: normal; }
	h5 { font-size: 12pt; font-weight: normal; }
	p { font-size: 14pt; font-weight: normal; }
}

/**Smartphones**/
@media all and (max-width: 479px) {
	h1 { font-size: 30pt; font-weight: bold; }
	h2 { font-size: 22pt; font-weight: bold; }
	h3 { font-size: 18pt; font-weight: normal; }
	h4 { font-size: 14pt; font-weight: normal; }
	h5 { font-size: 12pt; font-weight: normal; }
	p { font-size: 14pt; font-weight: normal; }
}

header#main-header.et-fixed-header, #main-header{ 
	-webkit-box-shadow:none !important; 
	-moz-box-shadow:none !important; 
	box-shadow:none !important; 
}

#top-menu a {
	font-size: 14pt;
	color: var(--blue);
}

#top-menu>li>a:hover {
	opacity: 1!important;	
	color: var(--violet);
}

#top-menu>li>a:hover::after {
    content: '';
    position: absolute;
    background-color: var(--violet);
    width: 100%;
    height: 3px;
    top: 22px;
    left: 0;
}

#top-menu>li.menu-item-has-children>a:hover::after {
    top: 22px;
	content: '';
}

.nav li ul {
	margin-top: -80px;
}


/*---------------Login screen---------------------*/
.post-139 .et_pb_newsletter_description {
	display :none;
}

.post-139 .et_pb_login_form {
	width: 100%!important;
	padding: 40px!important;
}

.post-139 .et_pb_newsletter_button {
	max-width: 180px;
	position: absolute;
	right: 40px;
}




/*----------------Club Keis Archive Page-----------------------*/
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

/*set the image width*/

.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}

.urlfield-light input {	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding-left: 30px;
	padding-right: 30px;
	border: 2px solid #EFEFEF;	
	background-color: #fff;
	color: #595959;
	cursor: pointer;
}

.urlfield-purple input {	
	position: absolute;
	top: -0;
	bottom: -0;
	right: 0;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #fff;	
	background-color: #662d91;
	color: #fff;
	cursor: pointer;
}

.urlfield-orange input {	
	position: absolute;
	top: -0;
	bottom: -0;
	right: 0;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #fff;	
	background-color: #f15d28;
	color: #fff;
	cursor: pointer;
}



.ck .christian-content {
	background-color: #c7b4d7;
	color: #6f378d;
	position: absolute;
	top : 0;
	left: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.christian-content-side {
	background-color: #c7b4d7;
	color: #6f378d;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	text-align: center;
}

.ck .ck-footer p.categories {
  line-height: 1em!important;
  margin-bottom: 30px;
}

.club_kit .post-meta a,
.ck .ck-footer .categories a,
.single-club_kit .categories a,

.categories a {
	background-color: #eb742b;
	color: #fff!important;
	font-size: 12px;
    padding: 2px 8px 2px 8px;    
    white-space: nowrap;    
}

p.categories-side {
  line-height: 0.8em!important;
  margin-bottom: 15px;
}

.categories-side a {
	background-color: #eb742b;
	color: #fff;
	font-size: 12px;
    padding: 2px 8px 2px 8px;    
}

.categories-side a:hover {
	color: #fff!important;
}

.ck .ck-title {
	color: var(--violet);
	font-size: 28pt;
	font-weight: bold;
	line-height: 1;
}

.ck .ck-subtitle {
    color: #794193;
    font-size: 18pt;
    font-weight: 400;
    line-height: 1;
    margin-top: 20px;
}

.ck .ck-excerpt {
	margin-top: 20px;
	font-size: 10pt;
}

.ck-title-side {
	color: var(--violet)!important;
	font-size: 11pt;
	font-weight: bold;
	line-height: 50%;
}

#sidebar h5 {
	color: var(--blue)!important;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1;
}

#sidebar h6 {
	color: var(--violet)!important;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1;
}

#sidebar select,
#ck-sort {
padding: 0.7em;
height: 40px !important;
margin: 0 0 20px 0;
font-size: 14px;
line-height: normal !important;
border: 1px solid #ddd;
color: #666;
background-color: #ebeeed;
}


#sidebar input[type='radio']:after {
	width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -3px;
    left: -8px;
    position: relative;
    background-color: #c7b4d7;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #c7b4d7;	
}

#sidebar input[type='radio']:checked:after {
	width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -3px;
    left: -8px;
    position: relative;
    background-color: var(--violet)!important;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #c7b4d7;
}

#sidebar label {
	color: var(--violet);
}

.et_pb_widget a {
  line-height: 10px;
}

#sidebar #cb-parent-categories {
	margin-bottom: 20px;
}

.wp-block-search__input {
	border: 1px solid #ebeeed!important;
}

.wp-block-search__button {
	margin-left: 0!important;
}


/* Remove meta data */
.single-tutorial .et_post_meta_wrapper { display: none; }
 


.et_pb_widget .wp-block-search__button, .et_pb_widget .wp-block-search__input, .widget_search input#s, .widget_search input#searchsubmit {
  border-radius: 50px!important;
  height: 40px!important;
  font-size: 14px!important;
  
}

.et_pb_widget .wp-block-search__button, .widget_search input#searchsubmit {
  visibility: hidden;
}

.row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.imgcredits {
  font-size: 12px; margin-top: -8px;background-color: #eb742b;color: #fff!important; padding-left: 5px;
}

.imgcredits a {
  color: #fff!important;
  text-decoration: underline;
}

.chrcredits {
  font-size: 12px; 
  margin-top: -8px;
  background-color: #eb742b;
  color: #fff!important; 
  padding-left: 5px;
  bottom: 0;
  position: absolute;
  
  margin-left: -30px;
  width: 100%;  
}