﻿
/******************* Background ********************/
	
	html { 
		background-color: #FFFFFF;
	}
	
	#Wrapper, #Content { 
		background-color: #FFFFFF;
	}
	
		
	
/********************** Font | Family **********************/

 	body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#menu > ul > li > a, #header_action_button, #header_cart {
				font-family: "Roboto", sans-serif;
		font-weight: 400;
	}
	
	#Subheader .title {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 900;
	}
	<!--font-family: "Arial", Roboto, Arial, Tahoma, sans-serif; -->
	h1, .text-logo #logo {
				font-family: "Open Sans", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
h1.entry-title {
    font-family: "Patua One",Arial,Tahoma,sans-serif;
    font-weight: 300;
}

	h2 {
				font-family: "Open Sans", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h3 {
				font-family: "Open Sans", sans-serif;
		font-weight: 700;
	}
	
	h4 {
				font-family: "Open Sans", sans-serif;
		font-weight: 700;
	}
	
	h5 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h6 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	blockquote {
				font-family: "Arial", Arial, Tahoma, sans-serif;
	}

	h4.title {
    text-transform: uppercase;
    border: 1px solid #025b87;
    padding: 2px;
    background-color: #025b87;
    color: rgb(248, 248, 248);
    padding-left: 15px;
		}

	h3.title {
    text-transform: uppercase;
    border: 1px solid #025b87;
    padding: 2px;
    background-color: #025b87;
    color: rgb(248, 248, 248);
    padding-left: 15px;
        line-height: 22px;
}	

h3.title-facebook {
    text-transform: uppercase;
    border: 1px solid #3B5998;
    padding: 2px;
    background-color: #3B5998;
    color: rgb(248, 248, 248);
    padding-left: 15px;
    line-height: 22px;
    text-align: center;
}

h3.title-youtube {
    text-transform: uppercase;
    border: 1px solid #CC181E;
    padding: 2px;
    background-color: #CC181E;
    color: rgb(248, 248, 248);
    padding-left: 15px;
    line-height: 22px;
    text-align: center;
}

h3.title-event {
    text-transform: uppercase;
    border: 1px solid #9b3368;
    padding: 2px;
    background-color: #9b3368;
    color: rgb(248, 248, 248);
    padding-left: 15px;
    line-height: 22px;
    text-align: center;
}

h3.title-galery {
    text-transform: uppercase;
    border: 1px solid #FF9800;
    padding: 2px;
    background-color: #FF9800;
    color: rgb(248, 248, 248);
    padding-left: 15px;
    line-height: 22px;
    text-align: center;
}

h2.entry-title {
    font-size: 23px;
    line-height: 25px;
    font-weight: 400;
}


/********************** Font | Size **********************/

/* Body */

	body {
		font-size: 13px;
				line-height: 21px;		
	}
	
	#menu > ul > li > a {	
		font-size: 12px;
	}
	
/* Headings */

	h1, #Subheader .title, .text-logo #logo { 
		font-size: 25px;
				line-height: 25px;
	}
	
	h2 { 
		font-size: 30px;
				line-height: 30px;
	}
	
	h3 {
		font-size: 18px;
				line-height: 20px;
	}
	
	h4 {
		font-size: 18px;
				line-height: 22px;
	}
	
	h5 {
		font-size: 15px;
				line-height: 20px;
	}
	
	h6 {
		font-size: 13px;
				line-height: 20px;
	}

	
/********************** Sidebar | Width **********************/
	
	
	.with_aside .sidebar.columns {
		width: 23%;	
	}
	.with_aside .sections_group {
		width: 75%;	
	}
	
	.aside_both .sidebar.columns {
		width: 18%;	
	}
	.aside_both .sidebar-1{ 
		margin-left: -79%;
	}
	.aside_both .sections_group {
		width: 60%;	
		margin-left: 20%;	
	}	
