@charset "UTF-8";
/* CSS Document */

@import url("https://use.typekit.net/sgj7bnr.css");
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap');




input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

img {
  image-rendering: auto;
}

iframe {
    display: block;      
    /*background: #fff;*/
    border: none;         
    width: 100%;
    height: 100%;
}


body
{
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:link {
	text-decoration: none;
}

a:visited {
    text-decoration: none;
	
}

a:hover {
    text-decoration: none;
	
}

a:active {
    text-decoration: none;
	
}

ul li { margin-bottom: 10px; padding-bottom:3px;}

/*------------------------------------ bootstrap overrides --------------------------------------*/

.gx-5.row {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
.gx-5 > [class^="col-"], .gx-5 > [class^=" col-"] {
    padding-right: 60px !important;
    padding-left: 60px !important;
}



.row-40-gutter{
    margin-left: -20px ;
    margin-right: -20px ;
}

.col-40-gutter{
    padding-left: 20px ;
    padding-right: 20px ;
}


.container{
    max-width:1160px;
    margin:0 auto;
}

.navbar 
{
	min-height:80px;
	font-size: 13px !important;
	font-family: Rubik, sans-serif;
	padding:0px;
}

.dropdown-item
{
	font-size: 13px !important;
	font-family: Rubik, sans-serif;
}

.navbar-nav .nav-item .nav-link {
    color: #000000;
	font-size: 13px !important;
	font-family: Rubik, sans-serif;
	font-weight: 500;
	margin-top:13px !important;
	padding-left: 14px !important;
	letter-spacing:0.0em;
}
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: #16c5ac;
}

.btn
{
	font-family: Rubik, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size:15px;
	height:50px !important;
	line-height:50px !important;
	border:none;
	padding-top:0px;
	border-radius: 6px;
}

.btn-small
{
	height:36px !important;
	line-height:36px !important;
}

.btn-sm
{
	height:32px !important;
	line-height:30px !important;
	font-size:13px !important;
}

.btn-lg
{
	height:50px !important;
	line-height:48px !important;
	font-size:15px !important;
}

.btn-success
{
	color:#fff;
	background-color:#16C5AC;
}

.btn-success:hover, .btn-success:focus, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #0DAA94;
}

.btn-primary
{
	color:#fff;
	background-color:#2258C5;
}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3A7FF1;
}

.btn-secondary {
    color: #fff;
    background-color: #E13A6E;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #FF4284;
}

.btn-tirtiary {
    color: #fff;
    background-color: #16c5ac;
}

.btn-tirtiary:hover, .btn-tirtiary:focus, .btn-tirtiary:active, .btn-tirtiary.active, .open>.dropdown-toggle.btn-tirtiary {
    color: #fff;
    background-color: #16C5AC;
}

.btn-fourth {
    color: #fff;
    background-color: #10AB93;
}

.btn-fourth:hover, .btn-fourth:focus, .btn-fourth:active, .btn-fourth.active, .open>.dropdown-toggle.btn-fourth {
    color: #fff;
    background-color: #16C5AC;
}

.btn-blue {
    color: #fff;
    background-color: #008BC8;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open>.dropdown-toggle.btn-blue {
    color: #fff;
    background-color: #009EE4;
}


.btn-info {
    color: #fff;
    background-color: #16C5AC;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color:#08DDBF;
}

.btn-stacked-cta
{
	width:200px;
}



.link-secondary {
    color: #fff;
}

.link-secondary:hover, .link-secondary:focus, .link-secondary:active, .link-secondary.active, .open>.dropdown-toggle.link-secondary {
    color:#F18CAE;
	text-decoration: none !important;
    
}



.btn-light
{
	color: #2258C5;
    background-color: #fff;
}


.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .open>.dropdown-toggle.btn-light {
    color: #525B6F;
    background-color: #fff;
}

.btn-outline-purple {
	border: 2px #2258C5 solid !important;
	line-height: 34px;
	color:#2258C5;
}

.btn-outline-green {
	border: 2px #10AB93 solid !important;
	line-height: 34px;
	color:#10AB93;
}

.btn-outline-pink {
	border: 2px #E13A6E solid !important;
	line-height: 34px;
	color:#E13A6E;
}

.btn-outline-white {
	border: 2px #ffffff solid !important;
	line-height: 34px;
}

.btn-45
{
	
	min-width:290px;
}




h1
{
	font-family: Rubik, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1.2em;
	font-size:40px
}

h2{
	font-family: Rubik, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1.3em;
	font-size:32px !important;
}

h3
{
	font-family: Rubik, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height:1.3em;
	font-size:26px !important;
}

h4
{
	font-family: Rubik, sans-serif;
	font-weight: 500 !important;
	font-style: normal;
	line-height:1.3em;
	font-size:22px;
}

h5
{
	font-family: Rubik, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1.3em;
	font-size:18px ;
}


p
{
	font-family: rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:14px;
}

.pNormal
{
	font-family: rubik-new, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:14px !important;
}


.pLarge
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:18px;
}

.pExtraLarge
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:20px;
}

.pMedium
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:16px;
}


.pRegular
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:15px;
}



.pSmall
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:14px;
}

.pTiny
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:13px;
}

.pMicro
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:12px;
}

.pxsmall
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:10px;
}

.megaBoldFont
{
	font-weight:700 !important;
}

.superBoldFont
{
	font-weight:600 !important;
}

.boldFont
{
	font-weight:500 !important;
}

.semiBoldFont
{
	font-weight:400 !important;
}


.text-medium
{
	color:#666666;
}

.smallBtnFont
{
	font-family: Rubik, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1.4em;
	font-size:14px ;
}

.rounded-lg{
	border-radius: 8px !important;
	overflow: hidden;
}

.accordionButton
{
	cursor: pointer;
}







/*------------------------------------ custom css colors----------------------------------*/


.purple
{
	color:#2258C5;
}

.pink
{
	color:#E13A6E;
}

.green
{
	color:#16C5AC;
}

.red
{
	color:#E33C3E;	
}

.white
{
	color:#ffffff;
}

.blueGrey
{
	color:#73849A;
}

.mcblue
{
	color:#199DC7;
}

.amber
{
	color:#FFAB1A;
}

.mcblueBG
{
	background-color:#199DC7;
}

.lightBlue
{
	color:#4a9ff7 !important;
}

.amberBG
{
	background-color:#FFAB1A;
}

.darkGrey
{
	color:#2C3B55;
}

.coolGrey
{
	color:#67748A
}

.lightGrey
{
	color:#888888;
}


.greenBG
{
	background-color:#16C5AC;
}

.pinkBG
{
	background-color:#E13A6E;
}

.purpleBG
{
	background-color:#2258C5;
}

.purpleBG-dark
{
	background-color: #0C3CA0;
}

.whiteBG
{
	background-color:#ffffff;
}

.greyBG
{
	background-color:#F6F6F6;
}

.darkgreyBG
{
	background-color:#2A3139;
}

.darkgreyBG
{
	background-color:#2A3139;
}

.lightBlueBG
{
	background-color:#4a9ff7 !important;
}


/*------------------------------------ custom css background ----------------------------------*/

.halfSize
{  
 	height: 50%; 
    width: 50%; 
}

.fullImageBG
{
	background-color:#87C9E2;
}

.backgroundHome
{
	background-image:url(../images/akc-background1.png);
	background-size:110%;
	background-repeat:no-repeat;
	background-position:right 0px;
	background-origin:border-box;
}

.bgAttachment
{
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:top center;
	background-size: cover;
	
}

.bgAttachmentFixed
{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	
}

.backgroundFooter
{
	background-image:url('../images/am-footer.jpg');
}

.backgroundGreen
{
	background-image:url('../images/akc-background-green.png');
}

.backgroundBlue
{
	background-image:url('../images/akc-background-blue.jpg');
}

.backgroundPink
{
	background-image:url('../images/akc-background-pink.jpg');
}

.backgroundPeach
{
	background-image:url('../images/akc-background-peach.jpg');
}

.backgroundHomeHeader
{
	background-image:url('../images/akc-background-white.png');
}

.backgroundPhoto1
{
	background-image:url('../images/akc-background-photo1.jpg');
}

.backgroundPhoto2
{
	background-image:url('../images/akc-background-photo2.jpg');
}

.backgroundPhoto3
{
	background-image:url('../images/akc-background-photo3.jpg');
}

.backgroundPhoto4
{
	background-image:url('../images/akc-background-photo4.jpg');
}

.backgroundArtisanHeader
{
	background-image:url('../images/am-background-graphics-header-teal.jpg');
}

.backgroundArtisanGrey
{
	background-image:url('../images/akc-background-artisangrey.jpg');
}

.backgroundArtisanPurple
{
	background-image:url('../images/akc-background-artisanpurple.jpg');
}

.backgroundArtisanHomeschool
{
	background-image:url('../images/akc-background-artisanhomeschool.jpg');
}

.backgroundArtisanPrivateschool
{
	background-image:url('../images/akc-background-artisanprivateschool.jpg');
}

.backgroundArtisanPublicschool
{
	background-image:url('../images/akc-background-artisanpublicschool.jpg');
}

.backgroundArtisanText1
{
	background-image:url('../images/am-bg-1.jpg');
}

.backgroundArtisanText2
{
	background-image:url('../images/am-bg-2.jpg');
}

.backgroundArtisanText3
{
	background-image:url('../images/am-bg-3.jpg');
}

.backgroundArtisanText4
{
	background-image:url('../images/am-bg-4.jpg');
}



.mcHeaderBG
{
	background-image:url('../images/mc-background-homeheader-alt.jpg');
}

.mcCharactersBG
{
	background-image:url('../images/mc-characters-background.jpg');
}

.mcGrayIconBG
{
	background-image:url('../images/mc-background-grayicons.jpg');
}

.mcSketchesBG
{
	background-image:url('../images/MC-background-sketching.jpg');
}

.mcBlueHastyBG
{
	background:url('../images/mc-background-blueHasty.jpg');
}

.mcGrayBG
{
	background-image:url('../images/mc-background-gray.jpg');
}

.mcArtistBG
{
	background-image:url('../images/mc-bgtheartist.jpg');
}




/*------------------------------------ custom css fonts ----------------------------------*/

.navFormat
{
	font-family: gibson-regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1.4em;
	font-size:15px;
}

.footerText
{
	font-family: gibson-regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1.4em;
	font-size:14px;
}

.headerLargeFont
{
	font-family: Rubik, sans-serif;
	font-weight: 200;
	font-style: normal;
	line-height:1.4em;
	font-size:22px;
}

.quoteText
{
	font-family: 'Zilla Slab', serif;
	font-weight: 100;
	font-size:34px;
	line-height: 1.2em;
}

.quoteText2
{
	font-family: 'Zilla Slab', serif;;
	font-weight: 100;
	font-size:23px;
	line-height: 1.3em;
	max-width:960px;
}

.quoteText3
{
	font-family: 'Zilla Slab', serif;;
	font-weight: 100;
	font-size:20px;
	line-height: 1.3em;
	max-width:960px;
}


/*------------------------------------ custom css elements ----------------------------------*/

.akclist
{
	 
	margin: 0;
	padding: 20px;
}

.lineDivider
{
	border-top:#E0E0E0 solid 1px; 
	width:100%;
}

.classSeriesNumber
{
	width:40px;
	height:40px;
	line-height: 40px;
	border-radius: 20px;
	margin-right:14px;
}

.paymentOptions
{
	font-size:28px !important; 
	color:#7F8D9D;
}

.paymentCard
{
	height:23px;
}

.topLogo
{
	height:40px;
	width:auto;
}

.topLogoMedium
{
	height:70px;
	width:auto;
}

.topLogo-large
{
	height:60px;
	width:auto;
}

.articleImage
{
	width:270px;
	height:auto;
}

.doubleBoxIcon
{
	margin-left: auto;
	marign-right: auto;
	position:relative;
	top:20px;
	z-index: 2;
	width:80px;
	height:80px;
	
}

.doubleBox
{
	background-color: #ffffff;
	border-radius: 5px;
	position:relative;
	top: -20px;
	z-index:0;
	padding-top:40px;
	padding-bottom:0px;
	padding-left: 10px;
	padding-right:10px;
}

.medIcon
{
	width:60px;
	height:60px;
}

.smallIcon
{
	height:35px;
}

.mediumIcon
{
	height:60px;
}

.smallChevronDivider
{
	width:30px;
	margin-top:10px;
	margin-bottom:10px;
}

.bio
{
	
}

.bioAvatar
{
	width:80px;
	height:80px;
	float:left;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:15px;
}

.bioText
{
	min-width:200px;
	max-width:300px;
	float:left;
	text-align:left;
}

.valueIcon
{
	width:40px; 
	height:40px; 
	border-radius: 20px;
	padding-top:7px;
}

.footer-card
{
	background-color:#B62C57;
}

.dash
{
	width:30px;
	height:3px;
	border-radius:2px;
	margin-top:15px;
	margin-bottom:20px;
}



.classInfoList
{
	list-style-type: none;
	margin: 0;
  	padding: 0;
	padding-top:0px;
	padding-bottom:10px;
}

.supplyList
{
	margin-top:5px;
	margin-left: 17px;
  	padding-left: 0px;
	font-family: Rubik, sans-serif;
	font-size:15px;
	line-height: 1.75em;
}

.supplyListCard
{
	margin: 17px;
  	padding: 0px;
	padding-top:0px;
}

.supplyListStyle
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.4em;
	font-size:14px;
}


.ulFooter {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  overflow: hidden;
}

.liFooter {
  float: left;
	padding-left:0px;
	margin-left:0px;
}

.liFooter a {
  display: block;
  color: white;
  text-align: center;
  padding-left: 10px;
	padding-right:10px;
  text-decoration: none;
}



/*------------------------------------ MC form customized ----------------------------------*/

.btn-field
{
	height:32px;
	line-height:32px;
	border-radius: 4px !important;
	border:none !important;
	border-style:none !important;
	font-size:13px;
	margin-top:2px;
}

.customFieldGroup
{
	width:100% !important;
}

.customField
{
	height:40px;
	line-height:40px;
	border-radius: 3px;
	background-color:#ffffff;
	border: #DADADA 1px solid !important;
	font-family: Rubik, sans-serif !important;
	font-style: normal;
	font-weight:400;
	font-size:14px;
}

#akc_embed_signup
{
	clear:left; 
	
}

.akc-field-group
{
	width:100% 
}

.mc-btn
{
	width:100% !important;
	border:none !important;
}



#mc_embed_signup div.mce_inline_error
{
	margin:0px !important;
}

#mc_embed_signup #mce-success-response 
{
    color: #ffffff;
    display: none;
}

#mc_embed_signup div.response {
    margin: 0px !important;
	margin-top:10px !important;
    padding: 0px !important;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em !important;
    overflow: hidden;
    width: 90%;
    margin: 0px !important;
    clear: both;
    /* color: #dc3545 !important; */
}

.embed-nihs0a
{
	
	height:36px !important;
}



.doubleBoxContent 
{
	position: relative;
	top:-80px;
	
}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) 
{  
 	h1
	{
		font-size: 28px;
	}
	
	h2
	{
		font-size: 26px;
	}
	
	.topLogo
	{
		height:60px;
	}
	
	.bioAvatar
	{
		margin-right:0px;
		margin-top:0px;
		margin-left: auto;
		margin-right:auto;
		display: block;
		float:none;
	}

	.bioText
	{
		min-width:200px;
		max-width:420px;
		text-align:center;
		
	}
	
	.quoteText
	{
		font-size:20px;
		
		
	}
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-mobile.jpg');
		background-position:bottom center !important;
	}
	
	.headerContainer
	{
		padding-bottom: 200px;
	}
	
	
	.bgAttachment
	{
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:top center;
		background-size: cover;
	}
	
	
	.bgAttachmentFixed
	{
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;

	}
	
	 .btn, .btn-group {
        width:100%;
    }
	
}

@media (min-width: 576px) 
{  
 	h1
	{
		font-size: 28px;
	}
	
	h2
	{
		font-size: 28px;
	}
	
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-mobile.jpg');
	}
	
	.headerContainer
	{
		padding-bottom: 100px;
	}
	
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) 
{  
 	h1
	{
		font-size: 28px;
	}
	
	h2
	{
		font-size: 28px;
	}
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-alt.jpg');
	}
	
	.headerContainer
	{
		padding-bottom: 20px;
	}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) 
{ 
  	h1
	{
		font-size: 32px;
	}
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-alt.jpg');
	}
	
	.headerContainer
	{
		padding-bottom: 20px;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{  
    h1
	{
		font-size: 38px;
	}
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-alt.jpg');
	}
	
	.headerContainer
	{
		padding-bottom: 20px;
	}
}

/*----- cookie banner -------*/

.cc_dialog_text{
	color:#5A5A5A !important;
}

.cc_b_cp {
	font-family: Rubik, sans-serif !important;
	color:#5A5A5A !important;
}

.cc_b_ok {
	font-family: Rubik, sans-serif !important;
	background-color: #16C5AC !important;
}


.cc_dialog_text {
	font-size:12px !important;
	
}

.cc_dialog_headline {
	font-size:16px !important;
	font-family: Rubik, sans-serif !important;
}

.cc_dialog.simple {
    right: 0;
    top: auto;
    bottom: 0;
    left: auto;
    max-width: 100% !important;
    position: fixed;
	padding:40px !important;
}