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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Poppins:wght@300&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/*
@font-face {
    font-family: 'komika_displayregular';
    src:url('http://www.minicrew.co/assets/fonts/Komika_display-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


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:visited {
    text-decoration: none;
	
}

a:hover {
    text-decoration: none;
	
}

a:active {
    text-decoration: none;
	
}

  ul li { margin-bottom: 5px; }

.featureList
{
	list-style-type: none;
	margin-left: 25px;
	padding-top:0px;
}

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



.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-brand {
   
    margin-right: 0rem;
}

.navbar 
{
	height:80px;
	font-size: 13px !important;
	padding:0px;
}

.navbar-collapse
{
	margin-left: -50px;
}

.navbar-nav .nav-item .nav-link {
    color: #38424D;
	font-size: 13px !important;
	font-weight: 500;
	margin-top:5px !important;
	padding-right: 14px !important;
	letter-spacing:-0.01em;
	font-family: Rubik, sans-serif;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color:#FF4284;
}

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


.btn
{
	font-family: Rubik, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:12px;
	height:40px !important;
	line-height:38px !important;
	border:none;
	padding-top:0px;
	min-width:280px;
}

.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:#008BC8;
}



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

.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: #F5A413;
}

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

.btn-purple {
    color: #fff;
    background-color: #8548CC;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open>.dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #9D4CFB;
}


.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;
}



.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-45
{
	
	min-width:290px;
}




h1
{
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height:1.1em;
	font-size:38px
}

h2{
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height:1.0em;
	font-size:34px
}

h3
{
	font-family: Rubik, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1.2em;
	font-size:28px !important;
}

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

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

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

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

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:17px;
}

.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.5em;
	font-size:16px;
}


.pRegular
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:400;
	line-height:1.5em;
	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:500;
	line-height:1.4em;
	font-size:12px;
}

.pxsmall
{
	font-family: Rubik, sans-serif;
	font-style: normal;
	font-weight:500;
	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;
}

/*
.comicTitleFont
{
	font-family: "komika_displayregular", Rubik, sans-serif !important;
	font-size: 30px;
	line-height:1.2em;
	
}
*/

/*------------------------------------ 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:#009CE0;
}

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

.amberBG
{
	background-color:#FFAB1A;
}

.darkGrey
{
	color:#38424D;
}

.coolGrey
{
	color:#5C6A82;
}

.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;
}

.greyTintBG
{
	background-color: #DDE7EC;
}

.darkgreyBG
{
	background-color:#1D2026
}

.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:cover;
}


.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');
	background-position: top center;
}

.mcDrawingBG
{
	background-image:url('../images/mc-background-sketchheader.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;
	color:#fff;
	max-width:960px;
}

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


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

.customList
{
	 
	margin: 0;
	padding-bottom: 10px;
}

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

.socialBox {

	min-width:150px; 
	min-height:70px;
	padding:20px;
	margin-right:10px;
	margin-bottom:20px;
}


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

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

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

.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;
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) 
{  
 	h1
	{
		font-size: 28px;
	}
	
	h2
	{
		font-size: 26px;
	}
	
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-mobile.jpg');
		background-position:bottom center !important;
	}
	
	.headerContainer
	{
		padding-bottom: 40px;
	}
	
	
	.bgAttachment
	{
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:top center;
		background-size: contain;
	}
	

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

@media (max-width: 576px) 
{  
 	h1
	{
		font-size: 28px;
	}
	
	h2
	{
		font-size: 28px;
	}
	
	
	.mcHeaderBG
	{
		background-image:url('../images/mc-background-homeheader-mobile.jpg');
	}
	
	.headerContainer
	{
		padding-bottom: 100px;
	}
	
	.mcArtistBG
	{
		background-image:url('../images/mc-bgtheartist.jpg');
		background-position: top right;
	}
	
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 960px) 
{  
 	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;
}