/*
		File: 	styles.css
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------------------*/	

/*---------------------------------------------------------------------------- 
	MOBILE VARIABLES
-----------------------------------------------------------------------------*/
h1,h2,h3 { cursor:default; font-family:'Playfair_Display', Tahoma, sans-serif; }
h1 { color:#000000; font-size:24px; }
h2 { color:#000000; font-size:20px; }
h3 { color:#000000; font-size:16px; }

.custom-button,
.custom-button-black,
.custom-button-gold,
.custom-button-red

{
    /* Width and position */
    padding: 12px 8px;
	margin: 15px 0px !important;
  
    /* Styles */
    border: 1px solid #444; /* Fallback */
    border-radius: 5px;
    cursor:pointer;
  
    /* Font styles */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    color:#FFF !important;
    font-weight: 700;
    font-size: 15px;
	text-transform:uppercase;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
	filter: alpha(opacity=100); opacity:1;
}
.custom-button, .custom-button-black {
    background: #000; /* SUBMIT BACKGROUND COLOR */
    background-color: #000; /* SUBMIT BACKGROUND COLOR */
}
.custom-button-red {
    background: #F00; /* SUBMIT BACKGROUND COLOR */
    background-color: #F00; /* SUBMIT BACKGROUND COLOR */
}
.custom-button-gold {
    background: #fecf85; /* SUBMIT BACKGROUND COLOR */
    background-color: #fecf85; /* SUBMIT BACKGROUND COLOR */
}










#WebsiteContent {
	padding:50px;
}

.Content img {
	border-color:#000000 !important;
}
.Content p a:link, .Content p a:visited {
	color: #000000;
    text-decoration: none;
}

iframe {
	width:100% !important;
}


/*---------------------------------------------------------------------------- 
	HEADER
-----------------------------------------------------------------------------*/
#header {  /* HEADER */
	border-bottom:1px solid #cccccc;
	background:#000000;
	width:100%;
	top:0px;
	z-index:1000;
	position:fixed;
}

#header, #header_height {
	height:15vh !important;
}
#page {
	margin:15vh 0 0 0;
}

.logo { /* LOGO */
	height:90%;
	width:auto;
	max-width:400px;
	min-height:100px;
}






/*---------------------------------------------------------------------------- 
	MENU
-----------------------------------------------------------------------------*/
.mm-menu .mm-list { font-family: 'Open Sans Condensed', sans-serif;  }
.mm-menu { /* BG */
  background: #222222;
}
.mm-menu1 { /* FONT */
  font-size:20px; line-height:30px;
}
.mm-menu a:link, .mm-menu a:visited{ /* REGULAR */
	color:#FFFFFF;
}
#menu li:hover, .mm-selected:hover { /* HOVER */
	color:#FFFFFF !important;
	background-color:#333333;
	z-index:10000;
}
.mm-selected { /* SELECTED */
	color:#FFFFFF;
	background-color:#e40000;
}



/*---------------------------------------------------------------------------- 
	CONTENT
-----------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------- 
	FOOTER
-----------------------------------------------------------------------------*/
.phone {
	color:#222222;
	font-size:26px;
	font-weight:bold;
	padding:30px 0px;
}
.footer {
	cursor:default;
	font-size:13px; line-height:13px;
	color:#DEDEDE;
	font-family: 'Open Sans', sans-serif;
}