/*-----------------------------------------------------------------------------------

	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 5.9

-----------------------------------------------------------------------------------*/
@import url("https://use.typekit.net/byp8wzb.css");

body {
	font-size: 16px;
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 300;
	color: #333;
}
#primary-menu ul li > a {
	font-family: 'open-sans', sans-serif !important;
	font-size: 17px;
	font-weight: 400;
	padding: 39px 15px;
}
#primary-menu .noclick {
	pointer-events: none; 
	cursor: default;
}
#primary-menu ul li:hover > a, 
#primary-menu ul li.current > a, 
#primary-menu div ul li:hover > a, 
#primary-menu div ul li.current > a, 
#primary-menu ul ul li:hover > a, 
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover {
	color: #cea762;
}
#gotoTop:hover {
	background-color: #cea762;
}
#page-title h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 100;
	color: #fff !important;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	text-transform: none;
}

h2 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 100;
	
}
.dark #copyrights {
	color: rgba(255,255,255,0.5);
}
.dark #copyrights strong {
	color: #ddd;
}
/* Large Devices, Wide Screens */
@media (max-width: 1199px) {
}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 991px) {
	#primary-menu .noclick {
		pointer-events: all; 
		cursor: default;
	}
}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Extra Small Devices, Phones */
@media (max-width: 767px) {
}

/* Extra Small Devices, Phones */
@media (min-width: 480px) and (max-width: 767px) {
}

/* Custom, iPhone Retina */
@media (max-width: 479px) {
}

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: inline-block; }
}