/*
Theme Name: Kadenze theme
Description: A theme for the Kadenze Wordpress sites based on the Enfold Wordpress Theme. 
Version: 1.0
Author: Kriesi and Kadenze
Author URI: https://kadenze.com
Template: enfold
*/
 

/***********************
    TABLE OF CONTENTS

    * GLOBAL
    * TYPOGRAPHY
    * COLOURS
    * LAYOUT
    * LINKS
    * HEADER
    * BUTTONS / CTAs
    * HOME PAGE
    * PAGE SPECIFIC 
    * FORMS
    * FOOTER
    * MEDIA QUERIES

***********************/


/***********************
    * GLOBAL */
* { 
    border:none;
    box-sizing: border-box;
    margin:0;
    outline:none;
    padding:0;
}  

#main {
	background: #ffffff;
}

/********************************
	   Typography
********************************/

body {
	font-weight: 300;
}

h1, h2, h3, h4 {
	line-height:1.3;
}
h2 {
	font-size: 2rem;
	margin-top: 2rem;
}
h3 {
	font-size: 1.6rem;
	margin-top: 2rem;
}
h4 {
	font-size: 1.2rem;
	font-weight: 400;
	margin-top: 1.4rem;
}

.main_color ul {
	list-style: none;
	margin: 20px 0 30px 0;
	padding-left: 3rem;

}

.main_color ul li::before {
	content: "\25CF";
	color: #59d8e6;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
}



/***********************
    * COLOURS */


/********************************
	Colours
********************************

HEX:

AQUA        #59d8e6
PALE BLUE   #d5fbff
PURPLE      #6a70a4
GREEN       #00ba95
PINK        #ff7f78
BLACK       #2f3738
CHARCOAL    #4b5253
WHITE       #FFFFFF

RGB:

AQUA        89, 216, 230
PALE BLUE   213, 251, 255
PURPLE      106, 112, 164
GREEN       0, 186, 149
PINK        255, 127, 120
BLACK       47, 55, 56
CHARCOAL    75, 82, 83
WHITE       255, 255, 255

/* type */
.aqua { color: #59d8e6; }
.pale-blue { color: #d5fbff; }
.purple { color: #6a70a4; }
.green { color: #00ba95; }
.pink { color: #ff7f78; }
.black { color: #2f3738; }
.charcoal { color: #4b5253; }
.white { color: #ffffff; }

/* backgrounds */

.aqua-bg { background-color: #59d8e6; }
.pale-blue-bg { background-color: #d5fbff; }
.purple-bg { background-color: #6a70a4; }
.green-bg { background-color: #00ba95; }
.pink-bg { background-color: #ff7f78; }
.black-bg { background-color: #2f3738; }
.charcoal-bg { background-color: #4b5253; }
.white-bg { background-color: #ffffff; }


.main_color strong {
	color: #2f3738;
}

/* change heading and bullet colours depending on phase */
/* Author */
.page-step-1-decide-which-course-to-put-online h2,
.page-step-1-decide-which-course-to-put-online h3,
.page-step-1-decide-which-course-to-put-online h4,
.page-step-2-map-out-your-syllabus-sessions-and-learning-pathways h2,
.page-step-2-map-out-your-syllabus-sessions-and-learning-pathways h3,
.page-step-2-map-out-your-syllabus-sessions-and-learning-pathways h4,
.page-step-1-decide-which-course-to-put-online .main_color ul li::before,
.page-step-2-map-out-your-syllabus-sessions-and-learning-pathways .main_color ul li::before {
	color: #ff7f78;
}

/* Produce */
.page-step-3-create-your-learning-objects h2,
.page-step-3-create-your-learning-objects h3,
.page-step-3-create-your-learning-objects h4,
.page-step-4-film-your-course h2,
.page-step-4-film-your-course h3,
.page-step-4-film-your-course h4,
.page-step-5-edit-your-footage h2,
.page-step-5-edit-your-footage h3,
.page-step-5-edit-your-footage h4,
.page-step-3-create-your-learning-objects .main_color ul li::before,
.page-step-4-film-your-course .main_color ul li::before,
.page-step-5-edit-your-footage .main_color ul li::before {
	color: #6a70a4;
}
/* Publish */
.page-step-6-upload-your-course-content h2,
.page-step-6-upload-your-course-content h3,
.page-step-6-upload-your-course-content h4,
.page-step-7-configure-your-course-settings h2,
.page-step-7-configure-your-course-settings h3,
.page-step-7-configure-your-course-settings h4,
.page-step-8-market-and-launch-your-course h2,
.page-step-8-market-and-launch-your-course h3,
.page-step-8-market-and-launch-your-course h4,
.page-step-6-upload-your-course-content .main_color ul li::before,
.page-step-7-configure-your-course-settings .main_color ul li::before,
.page-step-8-market-and-launch-your-course .main_color ul li::before {
	color: #00ba95;
}

/********************************
*           LAYOUT          */

.avia-section {
	min-height: 40px;
}

/********************************
    * LINKS, BUTTONS AND CTAs */

a {
	cursor: pointer;
}

.avia-button.avia-size-large {
	font-size:1.6rem;
}


/* #home-down .avia_image {
	animation: blinker 1s linear infinite;	
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
} */

/***********************
    * HEADER */

#page-header h1 {
	margin-bottom:0;
}
/* resize kannu logo */
#page-header h1 .wp-image-365 {
	height:50px;
	width:auto;
}

.logo img {
    height: 100%;
}
/* top menu */

#top #header .av-main-nav > li {
	padding: 0 2rem;
}
#top #header .av-main-nav > li:hover .avia-menu-fx {
	opacity:0;
}
#top #header .avia_mega_div > .sub-menu {
	border-top-width:2px;
}
/* add icons before menu items and change 
 * colour of sub-menu borders */

#top #header #menu-item-87 > a:before {
	background: url("https://coursemanual.kadenze.com/wp-content/uploads/2021/09/icon-author.svg");
	background-repeat:no-repeat;
	background-size:100%;
	content:"";
	display:inline-block;
	height:16px;
	margin-right:0.8rem;
	width:16px;
}
#top #header #menu-item-87 .avia_mega_div > .sub-menu {
	border-top-color: #ff7f78;
}
#top #header #menu-item-88 > a:before {
	background: url("https://coursemanual.kadenze.com/wp-content/uploads/2021/09/icon-produce.svg");
	background-repeat:no-repeat;
	background-size:100%;
	content:"";
	display:inline-block;
	height:16px;
	margin-right:0.8rem;
	width:16px;
}
#top #header #menu-item-88 .avia_mega_div > .sub-menu {
	border-top-color: #6a70a4;
}
#top #header #menu-item-89 > a:before {
	background: url("https://coursemanual.kadenze.com/wp-content/uploads/2021/09/icon-publish.svg");
	background-repeat:no-repeat;
	background-size:100%;
	content:"";
	display:inline-block;
	height:16px;
	margin-right:0.8rem;
	width:16px;
}
#top #header #menu-item-89 .avia_mega_div > .sub-menu {
	border-top-color: #00ba95;
}
#header .mega_menu_title {
	font-weight:300;
}
#top #header .mega_menu_title a {
	font-size:1rem;
}

/* 
 * https://coursemanual.kadenze.com/wp-content/uploads/2021/09/icon-publish.svg
 * /


/***********************
*         FORMS       */


/***********************
    * HOMEPAGE */

#top .av_inherit_color.banner-title a {
	text-decoration:none;
}
#top .av_inherit_color.banner-title a:hover,
#top .av_inherit_color.banner-title a:focus,
#top .av_inherit_color.banner-title a:active {
	text-decoration:underline;
}

/***********************
 * STEP PAGE TEMPLATE */

/** top page nav **/
#page-nav {
	border-bottom: solid 1px #eeeeee !important;
	padding-bottom: 1rem;
}

#page-nav .top-steps-col {
	text-align:center;
}
#page-nav .top-step.avia-image-container.avia-align-center {
	cursor: pointer;
    display: inline-block;
	margin:0 2%;
}
#page-nav .top-step.avia-image-container.avia-align-center .avia_image {
	cursor: pointer;
    height: 40px;
	width: 40px;
}

/* intro icon */
.avia-image-container.icon-intro img {
	height:120px;
	margin-top: 3rem;
	width: auto;
}

#top .activity p,
#top .activity strong,
#top .activity li,
#top .activity h3,
#top .activity h4 {
	color:#ffffff;
}
#top .activity h2 {
	color: #ffffff;
	font-size: 2rem;
	font-weight:300;
}
#top .activity a,
#top .activity h2 a,
#top .activity li a{
	color: #ffffff;
	font-weight:400;
	text-decoration:underline;
}
#top .activity h2 a:hover {
	color: #d5fbff;
}

/***********************
 * ACCORDIAN CONTROL */

.main_color .toggler,
.main_color .toggler.activeTitle:hover {
	background: #00ba95;
	color: #ffffff;
	font-weight: 400;
}
.main_color .toggler:hover {
	background: #019d7e;
}
.main_color .toggle_content {
	background: #ffffff;
}
.main_color .toggle_content strong {
	color: #2f3738;
}
.main_color .toggle_content a strong {
	color: #59d8e6;
}
.toggle_icon .vert_icon, 
.toggle_icon .hor_icon, 
span.toggle_icon {
    border-color: #ffffff;
}

/***********************
 	* ICON LIST */

.main_color ul.avia-icon-list {
	list-style: none;
	margin: 20px 0 30px 0;
	padding-left: 0;
}
.main_color ul.avia-icon-list li::before {
	display: none;
}
.avia-icon-list .iconlist_icon {
	height:48px;
	line-height:48px;
	width:48px;
}
.avia-icon-list .iconlist-timeline {
	border-right-width:2px;
	left:26px
}
.avia-icon-list .iconlist_title,
.avia-icon-list .av-iconlist-empty .iconlist_title {
	margin-top:4px;
	text-transform:none;
	font-weight: 400;
}
/***********************
    * FOOTER */

#footer h1 {
	margin-top:10px;
}
#footer .widget.widget_media_image {
	margin-bottom:0;
}

#footer #text-2 {
	margin-top:0;
}

.footer-btn {
	width:100%;
}
.footer-btn .avia-button.avia-size-large {
	
	min-width:90%;
	width: 90%;
}

/***********************
    * MEDIA QUERIES */

/* iPad Pro */
@media (max-width:1025px){
  
}

/* iPad */
@media (max-width:968px){
  
}

@media (max-width:989px){
  #page-nav .top-step.avia-image-container.avia-align-center {
	margin:0 1%;
	}
}
@media (max-width:818px){
  #page-nav .top-step.avia-image-container.avia-align-center {
	margin:0 0.5%;
	}
}


/* iPhone 6plus and bigger */
@media (max-width:737px){
   
}
/* phones - most sizes */
@media (max-width:600px){

}

@media (max-width:321px){
  
}