/* ===================> Fonts <================== */

/* ====> Content <==== */

body {
	font:13px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

a.more_button {
	font-family:'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

a.more_button {
	font-size: 13px;
	font-weight: normal;
}


/* ====> Links <==== */

a {
	/*font:13px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;*/
}

/* ====> Navigation <==== */

#navigation > li > a, 
#navigation > li {
	font:16px/20px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

#navigation ul li a {
	font:13px/20px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}


/* ====> Headings <==== */

h1 {
	font:44px/56px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:600;
	font-style:normal;
}

h2 {
	font:24px/36px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

h4 {
	font:20px/24px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

h5 {
	font:18px/24px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

/* ====> Other <==== */

#footer,
#footer a {
	font:12px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}


/* ===================> Colors <================== */

/* ====> Content <==== */
	
body {
	color:#202020;
}


/* ====> Links <==== */

a {
	color:#57a2bc;
}

a:hover {
	color:#b0b0b0;
}

.color_3 {
	color:#cc3300;
}


/* ====> Navigation <==== */

#navigation > li > a {
	color:#cc3300;
}

#navigation > li.current-menu-ancestor > a,
#navigation > li:hover > a,
#navigation > li > a:hover {
	color:#323232;
}

#navigation ul li > a {
	color:#b0b0b0;
}

#navigation ul li:hover > a {
	color:#323232;
}


/* ====> Headings <==== */

h1,
.logo {
	color:#323232;
}

h2 {
	color:#323232;
}

h4 {
	color:#323232;
}

h5 {
	color:#323232;
}


/* ====> Other <==== */


/* ====> Footer Content <==== */

#footer {
	color:#cbccc2;
}


/* ====> Footer Links <==== */

#footer a {
	color:#cbccc2;
}

#footer a:hover {
	color:#323232;
}

/* ===================> Backgrounds and Borders <================== */

#slide_top:hover,
h2:before,
.header_inner:after,
.content_wrap div[data-folder="text"] ul li:hover:before,
a.more_button:hover:before {
	background-color:#cc3300;
}

#navigation li > ul {
	border-top-color:#cc3300;
}

#navigation > li.current-menu-ancestor > a,
#navigation > li > ul:before {
	border-bottom-color:#cc3300;
}

/* =================> Social Icons Background Colors <================ */

#footer .social_icons li:nth-child(1) > a:first-child {background-color:#0072bc;}
#footer .social_icons li:nth-child(2) > a:first-child {background-color:#2e3192;}
#footer .social_icons li:nth-child(3) > a:first-child {background-color:#cc3300;}
#footer .social_icons li:nth-child(4) > a:first-child {background-color:#f6ad1a;}
#footer .social_icons li:nth-child(5) > a:first-child {background-color:#20adc9;}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1024px) {
	
	#navigation ul li a, 
	#navigation li a {
		color:#cc3300;
	}
	
	#navigation li.current-menu-ancestor > a {
		color:#323232;
	}
	
}


/* ---------- WooCommerce ---------- */

a.more_button:hover {
	color:#cc3300;
}