body {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	line-height: 1.6875;
	text-align: left;
	color: #161d26;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;	
	height: 100%; 
    min-height: 100%;
	background: #ffffff; 
	}
	

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }


a {
	text-decoration: none;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}	



p {
	margin: 0 0 1.35em 0; 
	text-align: center;
	color: #333e47;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}


blockquote {
	margin: 2.0rem 0 2.0rem 0; 
	padding: 0 16.666% 0 2.0rem;
	border-left: 5px solid #9ba4ae;
	text-align: left;
	color: #333e47;
	font-size: 1.4625rem;
	line-height: 1.725rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	}

	
strong {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 700;
	font-style: normal;
	}


h1 {
 	text-align: center;
	font-size: 3.0rem;
	line-height: 3.4rem;
	color: #ffffff;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	}
h1 a:link, h1 a:visited {
	color:#ffffff;
	text-decoration: none;    
	}	
h1 a:active, h1 a:hover {
	color:#36004a;
	text-decoration: none;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
@media screen and (max-width: 960px) {
	h1 {
	font-size: 2.7rem;
	line-height: 3.1rem;
	}	
}


h2 {
	text-align: left;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h2 a:link, h2 a:visited {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h2 a:active, h2 a:hover {
	color:#ce3c9e;
	background-size: 100% 1px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}

	
h3 {
	text-align: left;
	font-size: 1.55rem;
	line-height: 1.85rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h3 a:link, h3 a:visited {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 3px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h3 a:active, h3 a:hover {
	color:#ce3c9e;
	background-size: 100% 3px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



h4 {
	text-align: left;
	font-size: 1.15rem;
	line-height: 1.55rem;
	color: #36004a !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h4 a:link, h4 a:visited {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h4 a:active, h4 a:hover {
	color:#ce3c9e;
	background-size: 100% 1px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



h5 {
	text-align: left;
	font-size: 1.1rem;
	line-height: 1.4rem;
	color: #412158;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0;
	padding: 0;
    text-transform: uppercase;
	}
h5 a:link, h5 a:visited {
	color:#412158;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h5 a:active, h5 a:hover {
	color:#412158;
	background-size: 100% 1px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}


 
::-moz-selection { 
	background: #ce3c9e;
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #ce3c9e;
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	


.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
 


 


.floatleft { float: left; }
.floatright { float: right; }








/********************************************************************************************* 

3. Homepage -------------------------  index.php

*********************************************************************************************/   

#main {
    padding: 0;
	margin: 0;
	}

	
.home_widgets .widget { 
   	margin: 0 0 1.3rem 0;
	}
	
.part-block {    
    margin-bottom:30px;
	}

.home_widgets .widget_container,  
.fullwidth_col .widget_container { 
	width:100%;
	font-size: 1.0rem;
	line-height: 1.3rem;	
    margin: 1.6rem 0;
	}
 
h3.title {
	text-align: left;
	font-size: 1.55rem;
	line-height: 1.85rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h3.title a:link, h3.title a:visited {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 3px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h3.title a:active, h3.title a:hover {
	color:#ce3c9e;
	background-size: 100% 3px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}






/* Recent Posts */

.recent-post {
	margin: 0 0 2.0rem 0;
	padding: 0 0 2.0rem 0;
	border-bottom: #eaeaea solid 1px;
	color: #111821; 
	text-align: left !important;
	}


.recent-post .post-meta {
	text-align: left;
	color: #111821;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}
.recent-post .post-meta a:link, .recent-post .post-meta a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.recent-post .post-meta a:active, .recent-post .post-meta a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.recent-post .post-content {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.recent-post .post-content a:link, .recent-post .post-content a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.recent-post .post-content a:active, .recent-post .post-content a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.recent-post .post-thumb {
	margin: 0;
	}


.recent-post .post-content h2 {
	text-align: left;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
.recent-post .post-content h2 a {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.recent-post .post-content h2 a:hover {
	color:#ce3c9e;
	background-size: 100% 1px;	
	ffont-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}









/********************************************************************************************* 

5. Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/   

.post {
 	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1.3rem 0; 
	}

.post_header {
	position:relative;
	margin: 1.6rem 0;
	}

h1.title {
 	text-align: center;
	font-size: 3.0rem;
	line-height: 3.4rem;
	color: #36004a;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	}
h1.title a {
	color:#36004a;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}	
h1.title a:hover {
	color:#36004a;
	background-size: 100% 1px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
@media screen and (max-width: 960px) {
	h1.title {
	font-size: 2.7rem;
	line-height: 3.1rem;
	}	
}



.header_meta {
	text-align: center;
	color: #111821;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}
.header_meta a:link, .header_meta a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.header_meta a:active, .header_meta a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}




.post h2 a {
	text-align: left;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
.post h2 a:link, .post h2 a:visited {
	color:#ce3c9e;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.post h2 a:active, .post h2 a:hover {
	color:#ce3c9e;
	background-size: 100% 1px;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}
 	


.post .thumbnail {
	margin: 0 auto; 
	}

.post .heading {
    font-size: 1.25rem;
	line-height: 1.65rem;		
	padding: 0;
	color:#111821;
	}
.post .heading a {
    color: #111821;
	}
.post .heading a:hover {
    text-decoration: none;
	border-bottom: #eaeaea solid 1px;
	}

.post .postcontent {
	color: #111821;
    font-size: 1.05rem !important;
	line-height: 1.35rem !important;	
	padding: 0 0 1.35rem 0;
	}






/********************************************************************************************* 

6. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   
 
.entry { 	
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 	margin: 0 0 1.0rem 0; 
	color: #415364 !important;
	}


.entry p {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.entry a:link, .entry a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.entry a:active, .entry a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.entry img {
	margin: 0 0 2.0rem 0;
	width: 100% !important;
	height: auto;	
	}



.entry ul, .entry ol { margin: 0 auto 15px auto; width: 90%; }
.entry li ul, .entry li ol { margin-bottom: 0; }



.entry {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}

.entry ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.entry li {
	margin: 0 0 0.4rem 1.0rem;
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	padding-left: 1.6rem; 
    text-indent: -1.0em;
	}
.entry li:before {
    background-color: #adadad;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.0rem;
	right: 0.6rem;
    margin-left: 0;
    }
.entry a:link, .entry a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}
.entry a:active, .entry a:hover  {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.entry blockquote {
	margin: 2.0rem 0 2.0rem 0; 
	padding: 0 16.666% 0 2.0rem;
	border-left: 5px solid #eaeaea;
	text-align: left;
	color: #ce3c9e;
	font-size: 1.4625rem;
	line-height: 1.725rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	}

.side-left .post {
	float: right;
	display: inline;
 	margin: 0 0 0.85rem 0.85rem; 
	}	
.side-left #sidebar {
	float:left;
	}
.side-left .header_meta {
	left:0;
	}
.side-left h1.title {
	float:right;
	}
.full-width .post {
	margin-right: 0;
	width: 100%;
}
.full-width .entry, .page .entry {
	float: none;
	display: block;
 	padding-right: 0;
	}
.full-width .entry img {
	max-width: 100%;
	margin: 0 0 2.0rem 0;
	}




/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }


/* POSTS PAGINATION */
.navigation { margin: 15px 0 10px 0;  }
.navigation .previous { float: left;  }
.navigation .previous a { text-align:left;  }
.navigation .next a { text-align:left; }
.navigation .next { float: right; }
.navigation a { padding: 0; }
.navigation span { font-size:1.0em; padding:3px 3px; overflow:hidden; }
.navigation .previous span { float:left; font-size:1.0rem; }
.navigation .next span { float:right; font-size:1.0rem;}







/********************************************************************************************* 

7. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

*********************************************************************************************/   

#sidebar {
	width: 100% !important;
	margin: 0;
	overflow: hidden;
	}

#sidebar h3.title {
	text-align: left;
	font-size: 1.55rem;
	line-height: 1.85rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}


#sidebar .widget {
	margin: 1.0rem 0;
	padding: 1.0rem 0;
	}

#sidebar .widget .widget_content {
    padding: 0.85rem;
	}	


#sidebar .tags {
	text-align: left;
	color: #111821;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}
#sidebar .tags a:link, #sidebar .tags a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
#sidebar .tags a:active, #sidebar .tags a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



#sidebar .widget a:hover { 
	text-decoration: none; 
	border-bottom: 1px solid #eaeaea;
	}



#sidebar .author img { 
	margin: 0 0.65rem 0.3rem 0; 
	float: left; 
	}

#sidebar .author p { 
	text-align: left;
	color: #111821;
	font-size: 0.9rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}

#sidebar .author_info {
	overflow: hidden;
	}




.widget {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.widget ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.widget li {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.widget li i {
	margin: 0;
	padding: 0 0.7rem 0 0;
	color: #ce3c9e;
	}
.widget a:link, .widget a:visited {
	color:#111821;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}
.widget a:active, .widget a:hover  {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}