/*
Theme Name: Flat Bootstrap
Theme URI: http://xtremelysocial.com/wordpress/flat/
Author: XtremelySocial
Author URI: http://xtremelysocial.com
Description: Flat Bootstrap by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both users and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/. PLEASE NOTE: Version 1.9 has had a major "spring cleaning" of the functions, templates, and CSS. Please be sure to test it out on your site.
Version: 1.9
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background

Flat Bootstrap WordPress theme, Copyright (C) 2014 XtremelySocial
Flat Bootstrap WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/


.colgrey {
	color: #8b98a6;
}

.para ol { 
	counter-reset: list;
}

.para ol > li {
  list-style: none;
}

.para ol > li:before {
    content: counter(list, lower-alpha) " )  ";
    counter-increment: list;
	margin: 0px 5px 10px -30px;
	padding: 0px 5px 10px 0px;
}


ol.v {
	list-style-type: none;
}

.nopara ol { 
	counter-reset: list;
}

.nopara ol > li {
  list-style: none;
}

.nopara ol > li:before {
    content: counter(list, decimal) " )";
    counter-increment: list;
	margin: 0px 11px 10px -35px;
	padding-left: 5px;
}


.hangingindent {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	padding-left: 28px;
	text-indent: -28px;
	margin: 10px 0px 0px 0px;
} 


.rightbold {
	text-align: center;
	font-weight: 600;
	margin: -10px 20px 20px 0px;
}



/* -- GREEN HR LINE -------------------------*/

.strike {
  	font-size: 9px;
	color: #abb7c4;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.strike:hover {
	color: #C9D2DB;
}

.strike span a {
  	font-size: 14px;
	color: #abb7c4;
}

.strike span a:hover {
	color: #C9D2DB;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 40%;
    width: 200%;
    height: 1px;
    background: #fff;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
  	background-image: -webkit-linear-gradient(right, #abb7c4, #f0f0f0);
 	background-image: -moz-linear-gradient(right, #abb7c4, #f0f0f0);
  	background-image: -ms-linear-gradient(right, #abb7c4, #f0f0f0);
 	background-image: -o-linear-gradient(right, #abb7c4, #f0f0f0);
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
  	background-image: -webkit-linear-gradient(left, #abb7c4, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #abb7c4, #f0f0f0);
 	background-image: -ms-linear-gradient(left, #abb7c4, #f0f0f0);
  	background-image: -o-linear-gradient(left, #abb7c4, #f0f0f0);
}




/*--------------------------------------------------------------
>>> http://www.color-hex.com/color/
---------------------------------------------------------------*/

/*	
	#808b96;  HEADINGS
	#666666;  MAIN TEXT
	#525F6B;  STRAPLINE COLOUR
	#62707F;  SIDEBAR (incl base) HEADINGS
	#525F6B;  ALL HEADING COLOUR
	#abb7c4;  ALL HEADING HOVER COLOUR
*/


/** TABLE MASTER ***/
table, th, td {
    border-collapse: collapse;
}
th, td {
  font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}



code2 {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #6a7e95;

  padding: 0px 0px;
  font-size: 100%;
  background-color: #000000;  /* rgb(0,0,0,0.0); */
  border-radius: 0px;
}




p.page {
}

.h3 { 
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 26px;
	line-height: 1.3em;
    	font-weight: 600;
	color: #525F6B;
    	margin: 20px 0px 5px 0px;
    	padding: 0px 0px 0px 0px;
}

.h4 { 
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	
	color: #525F6B;
	font-size: 21px;

	line-height: 1.3em;
    	font-weight: 600;
    	margin: 10px 0px 10px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-h5 { 
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	
	color: #525F6B;
	font-size: 18px;

	font-weight: 600;
    	margin: 0px 0px 5px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-h6 { 
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	
	color: #525F6B;
	font-size: 16px;
	font-weight: 600;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 5px 0px;
	font-style: italic;
}






/* Whatever your defaults are */
ol {
  /* list-style-type:upper-alpha; */
 /* position:relative; */
}

/* Targets only .customListBox's first level child ol elements */

.customListBox > ol { 
    counter-increment: lists;
    counter-reset: items;
    list-style-type: none;
}

 /* Targets only the first level child li elements of the first ol's in .customListBox*/

.customListBox > ol > li::before {
    content: counters(lists, "", decimal) "." counters(items, "", decimal) " ";
    counter-increment: items;
    position: absolute;
    left: 17px;
}

.customListBox small { 
   	font-size: 95%;
	font-weight: 500;
    	color: #8b98a6;;
	margin: 0px 0px 35px 0px;
}

.customListBox small:hover {
	color: #abb7c4; 		
}






p.main {
	margin-left: 45px;
}


.indent {
	margin-left: 20px;
}

.indent-extra {
	margin-left: 40px;
}


.wpcf7-form {
	margin-left: 25px; 
	margin-right: 25px;
	margin-top: 25px;
}

sup { 
  	font-weight: 800;
}

hr.a { 
	border: 0;
	width: 60%;
} 

hr.style12 {
	width: 100%;
	 border: 0;
	content: '\002665'; 
  height: 1px; 
  background-image: -moz-linear-gradient(left, rgb(0,0,0,0.0), #8c8b8b, rgb(0,0,0,0.0));
 
	/*
	 * background-image: -moz-linear-gradient(left, rgb(0,0,0,0.0), #8c8b8b, rgb(0,0,0,0.0));
  background-image: -moz-linear-gradient(left, rgb(0,0,0,0.0), #8c8b8b, rgb(0,0,0,0.0));
  background-image: -moz-linear-gradient(left, rgb(0,0,0,0.0), #8c8b8b, rgb(0,0,0,0.0));
  background-image: -moz-linear-gradient(left, rgb(0,0,0,0.0), #8c8b8b, rgb(0,0,0,0.0));
	*/
}


hr.style13 {
	 border: 0;
	content: '\002665'; 
	width: 60%;
  height: 1px; 
}


top {
  	font-size: 13px;
	color: #6F7A86;
    	font-weight: 800;
	background-color: #fff;
}

hr.style-eight {
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}

hr.style-eight:after {
	content: "TOP";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

.councils a {
	color: #6F7A86;
}

.bloghome {
    	padding-left: 0px;
    	padding-right: 0px;
}


.bloghome p {
  	font-size: 16px;
	line-height: 1.5em;
  	color: #808b96;
    	font-weight: 300;
    	padding-left: 0px;
    	padding-right: 0px;
}

.bloghome a {
    	text-align: right;
  	font-size: 16px;
	line-height: 0em;
  	color: #808b96;
    	font-weight: 300;
    	padding: 0px 0px 10px 0px;
    	margin: 0px 0px 10px 0px;
}

.bloghome a:hover {
    	color: #abb7c4;

}

.bloghome blog {
  	font-size: 40px;
	color: #808b96;  /* #6F7A86; */
    	font-weight: 400;
}


download {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #5D6C7A;
}


download:hover {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #abb7c4;
}

medium {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #6a7e95;
}

medium:hover {
	color: #abb7c4; 		
}

medium.a {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	padding: 20px 0px 0px 0px;
    	margin: 20px 0px 0px 0px;
}

medium small {
   	font-size: 100%;
	font-weight: 300;
    	color: #8B98A6;
}

medium small:hover {
	color: #abb7c4; 		
}


.heading {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #666666;
}

medium:hover {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #abb7c4;
}

.postclass {
    	padding-top: 20px;
    	padding-bottom: 0px;
    	margin: 10px 0px 0px -5px;
}

.posttag a {
  	font-size: 23px;
	line-height: 1.5em;
  	color: WHITE;
    	font-weight: 400;
    	padding-bottom: 0px;
    	margin: 0px 0px 0px -5px;
}

.glyphicon-italic:before {
  content: "\e049";
}

dfn {
  font-style: normal;
}


.fn {
  	color: #525F6B;
  font-style: normal;
}

.posted-on {  /********* POSTED ON see content-post-header.php *********/
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
    	font-weight: 300;
    	color: #525F6B;
}

.entry-content {  /********* ALTERS POST TEXT *********/
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
} 

.page-widgethead {
	color: #5D6C7A;
	font-weight: 500; 		
	font-size: 29px;
	margin: 0px 0px -15px 0px;
}

.page-widget {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
    	margin: 15px 0px 40px 0px;
    	/* padding: 0px 0px 35px 0px; */
	/* border-top: .5px solid #ccc; */
}

.page-widget h4 {
	color: #7F8D9B;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin: 0px 0px 5px 0px;
}

.page-widget h4:hover {
	color: #abb7c4; 		
}

.page-widget small { 
   	font-size: 110%;
	font-weight: 300;
    	color: #abb7c4;
	margin: 0px 0px 35px 0px;
}

.page-widget small:hover {
	color: #abb7c4; 		
}

.lead { 
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
    	font-weight: 600;
    	color: #525F6B;
    	margin: 0px 0px 10px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-header { 
    	margin: 10px 0px 10px 0px;
    	padding: 0px 0px 10px 0px;
}

.page-headerplus { 
    	margin: 10px 0px 25px 0px;
    	padding: 0px 0px 0px 0px;
  	border-bottom: 1px solid #CED7DF;
}

.page-head { 

	font-size: 46px;

    	margin: 10px 0px 25px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-head h5 {

	font-size: 46px;
 
    	margin: 10px 0px 25px -220px;
    	padding: 0px 0px 0px 0px;
  	border-bottom: 0px none;
}



.page-header h2 { 
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
}

.page-header h4 { 
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
}

.page-header h5 { 
    	margin: 50px 0px 20px 0px;
    	padding: 0px 0px 10px 0px;
}

.page-headersingle { 
    	margin: 10px 0px 5px 0px;
    	padding: 0px 0px 0px 0px;
  	border-bottom: 1px solid #CED7DF;
}

.page-headersingle h4 {
        font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    	color: #525F6B;  /* ALL HEADING COLOUR */
	    line-height: 20px;
}

.page-headernew { 
	border-bottom: 1px solid #CED7DF;
    	margin: -10px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-headerguide { 
   	margin: -40px 0px -20px 0px;
    	padding: 0px 0px 0px 0px;
}

.page-headerguide h4:hover { 
   	color: #abb7c4;
}

.page-headerguide small { 
   	font-size: 85%;
    	color: #8B98A6;
}

.page-headerguide small:hover { 
   	font-size: 85%;
    	color: #abb7c4;
}

.page-header small { 
   	font-size: 80%;
    	color: #abb7c4;
}

.page-headernew h6 {    /* Heading 6 */
    font-size: 18px;
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
}

.page-headernew h5 {    /* Heading 6 */
    font-size: 18px;
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
}

.page-headernew small { 
   	font-size: 90%;
    	color: #abb7c4;
}

.page-header_guide small { 
   	font-size: 80%;
    	color: #8B98A6;
}

.guide a {
	font-size: 14px; 
	font-weight: 500; 
    	color: #89979C;
    	margin: -40px 0px 0px 0px;
    	padding: -40px 0px 0px 0px;
}

.front {
	font-size: 66px;
	border: 1px solid #ccc;
	margin: 100px 150px 0px 150px;
	padding: 100px 150px 0px 150px;
}



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms and Buttons
# Navigation
	## Links
	## Menus
# Content
	## Header
	## Footer
	## Posts and pages
	## Comments
# Media
	## Captions and Galleries
# Widgets & Plugins
	## Widgets
	## Plugins

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

/*
 * Note that most styles are handled already in our custom bootstrap.css, theme-base.css,
 * and theme-flat.css files. 
 *
 * We have put comments next to some of the styles to show what our custom bootstrap.css
 * defaults to in case we (or anyone) wants to put these into custom bootstrap.css
 * instead. 
*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
 * The cool thing about Lato and Raleway fonts is that they look great at light (300) and
 * regular (500) font weight. So we only use bold (700) sparingly.
*/

body {  /******************* FEATURED BOX TEXT *******************/
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
    	font-weight: 400;
    	color: #333941;
}

a {  /********* alters  Leave a comment / Read me / edit etc *********/
	color: #525F6B;
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 10px 0px 0px 0px;
	word-wrap: normal;
	margin: 0px 0px 0px 0px;
}

p {   /******************* MAIN TEXT *******************/
	color: #666666;
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	padding: 0px 0px 10px 0px;
	word-wrap: normal;
	margin: 0 0 0 0;
}

.site-header h1 {   /************** TOP IMAGE HEADING ***************/
	color: #ffffff;
	font-size: 40px;
    	text-shadow: 3px 3px 10px #000000;
    	font-family: 'Open Sans', Arial, 'Helvetica Neue', sans-serif;
   	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

.site-description {   /************** TAGLINE TEXT ***************/
	color: #7D858E;
	font-size: 20px;
    	font-family: 'Open Sans', Arial, 'Helvetica Neue', sans-serif;
   	font-weight: 600;
	line-height: 1.3em;
	text-align: center;
  	background-color: #f8f8f8;  /* #E8E8E8;  */
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
    	/* text-shadow: 2px 2px 10px #000000; */
}

h1 a:hover {
	color: #abb7c4;
}


strong {   /************** BOLD TEXT ***************/
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #525F6B;
}

.site-main h1 a { /************** HOME/COUNCIL PAGE headings **************/
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	color:  #525F6B;   /* ALL HEADING COLOUR */
    	font-weight: 300;
	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
}

.site-main h1 a:hover {
	color: #abb7c4;  /* ALL HEADING HOVER COLOUR */
}

.entry-summary {  /******************* HOMEPAGE MAIN TEXT *******************/
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
    	margin: 0px 0px -10px 0px;
    	padding: 0px 0px 0px 0px;
  	/* border-bottom: 1px dotted #93A0AD; */
}



 /************** PAGE headings **************/
 
.site-main h1 {  /* Heading 1 */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    font-size: 40px;
    color: #525F6B;     /* ALL HEADING COLOUR */
    font-weight: 800;
    margin: 0px 0px 10px 0px;
}

.site-main h2 {    /* Main Heading in The Good Councillors Guide */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    font-size: 35px;
   	line-height: 42px;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
    margin: 0px 0px 10px 0px;
}

.site-main h3 { /* Leave a Reply */
    font-size: 30px;
    line-height: 38px;
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
    margin: 0px 0px 10px 0px;
}

.site-main h4 {    /* Heading 4 */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    font-size: 25px;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
    margin: 30px 0px 15px 0px;
}

.site-main h5 {    /* Heading 5 */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #525F6B;  /* ALL HEADING COLOUR */
    font-weight: 800;
    margin: 15px 0px 8px 0px;
}

.site-main h6 {    /* Heading 6 */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B; /* ALL HEADING COLOUR */
    font-size: 16px;
    font-weight: 800;
    margin: 10px 0px 5px 0px;
}

h1 a {
	color: #787f85;
    	font-weight: 800;
    	margin: 0px 0px 0px 0px;
	font-size: 30px;
}

h2 {  /* UNKNOWN */
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B; /* ALL HEADING COLOUR */
    font-weight: 400;
    margin: 0px 0px 0px 0px;
}


/*Lighten the h1-h3 headings so you can use <b> tags to have certain words stand out */
 
h3 {
    font-weight: 400;
    color: #525F6B;  /* ALL HEADING COLOUR */
}

h4 {
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
	line-height: 32px;
}

h4.a {
	color: #525F6B;
    	font-weight: 800;
    	margin: 0px 0px 0px 0px;
	font-size: 30px;
	line-height: 37px;
}



.site-page h6 {    /* Heading 6 */
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	color: #525F6B; /* ALL HEADING COLOUR */
	font-size: 18px;
        line-height: 24px;
	font-weight: 800;
	margin: 10px 0px 5px 0px;
}



h5 {
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
}

h6 {
    font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
    color: #525F6B;  /* ALL HEADING COLOUR */
}  




.site-map h3 {    /* Heading 6 */
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	color: #525F6B;  /* ALL HEADING COLOUR */
	font-size: 30px;
   	line-height: 38px;
  	font-weight: 800;
    	margin: 10px 0px 10px 0px;
}

.site-map2 h3 {    /* Heading 6 */
	font-family: "Open Sans", Arial, "Helvetica Neue", sans-serif;
	color: #525F6B;  /* ALL HEADING COLOUR */
	font-size: 30px;
   	line-height: 38px;
	font-weight: 800;
	margin: 0px 0px -20px 0px;
}


 


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Increase font size on article "lead" (usually for an "intro" paragraph */
.lead {
	font-size: 16px; /*18px, but goes to 24px @768 browser width */
}

/* Style code tag like pre tag
code {
    color: #2f2f2f;
    background-color: none; Moved to bootstrap.css
    border: 0px solid #ccc;
    background-color: #fff;
}*/




code {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #6a7e95;

  padding: 0px 0px;
  font-size: 100%;
  background-color: rgb(0,0,0,0.0);
  border-radius: 0px;
}

code:hover {
	color: #abb7c4; 		
}

code.a {
	font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	padding: 20px 0px 0px 0px;
    	margin: 20px 0px 0px 0px;
}



/* Remove a bit of margin since Bootstrap h1-h3 tags already have 22px top margin */
hr {
    margin: 16px 0px; /*22px 0;*/
}

hr.space {
    margin: 10px 0px 10px 0px;
}


hr.frontpage {
width: 150px;
margin-left: auto;
margin-right: auto;
}

hr.faded {
  clear: both;
  float: none;
width: 150px;
  height: 1px;
  border: none;
  margin: 1.4em 0;
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}


/*
 * Override margins on jumbotron in case someone uses it like a colored "section" from
 * this theme. Note: Moved here from theme-base.css.
*/

.jumbotron {
	margin-bottom: 50px;
}

 
/*
Set block quote footer (author) to larger font size. BS quote is 20px, but footer is only 14px for some reason. 
*/

blockquote footer {
	font-size: 18px;
}

blockquote {
   	font-weight: 500;
  	border-left: 5px solid #c5d3d6;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
}

blockquote p {
	line-height: 1.8em;
   	font-weight: 500;
}



blockquoteq2 {
font-family: Georgia, serif;
	font-size: 22px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: GREY;
}

blockquoteq2 b {
	font-family: Times, serif;
	font-size: 22px;
   	font-weight: normal;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: GREY;
}

blockquoteq2:before {
	display: block;
	content: "\201C";
	font-size: 150px;
	font-weight: bold;
	position: absolute;
	left: -10px;
	top: -20px;
	color: #E8ECF0; /* dee2e5;*/
}

blockquoteq2 cite {
	color: #999999;
	font-size: 24px;
	display: block;
	margin-top: 5px;
}
 
blockquoteq2 cite:before {
	content: "";
}






blockquoteq {
font-family: Georgia, serif;
	font-size: 22px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: GREY;
}

blockquoteq b {
	font-family: Times, serif;
	font-size: 22px;
   	font-weight: normal;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: GREY;
}

blockquoteq:before {
	display: block;
	content: "\201C";
	font-size: 250px;
	font-weight: bold;
	position: absolute;
	left: -20px;
	top: -60px;
	color: #E8ECF0; /* dee2e5;*/
}

blockquoteq cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquoteq cite:before {
	content: "";
}

blockquoteh {
	font-family: Georgia, serif;
	font-size: 22px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	text-align: center;
	color: GREY;
}

blockquoteh d {
	font-family: Times, serif;
	font-size: 22px;
   	font-weight: normal;
	margin: 0.25em 0;
	padding: 0.25em 20px;
	line-height: 1.2;
	position: relative;
text-align: center;
	color: GREY;
}

blockquoteh:before {
	display: block;
	content: "\201C";
	font-size: 160px;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: -20px;
	color: #dee2e5;
}




blockquoteg {
font-family: Georgia, serif;
line-height:2;
position: relative;   /* IMPORTANT */
text-align: left;
}

blockquoteg d {
font-family: Times, serif;
font-size: 22px;
    font-weight: normal;
color: GREY;
margin: 0.25em 40;
padding: 0.25em 20px;
}

blockquoteg:before {
display: block;
content: "\201C";
font-size: 50px;
font-weight: bold;
position: absolute;
left: 22px;
top: -10px;
color: #abb7c4;
}





/* Color the collapsible panel hover color to match the link hover color */
.panel-title>a:hover, 
.panel-title>small:hover, 
.panel-title>.small:hover, 
.panel-title>small>a:hover, 
.panel-title>.small>a:hover {
	color: #abb7c4;  /* ALL HEADING HOVER COLOUR */
}



/*--------------------------------------------------------------
# Forms and Buttons
--------------------------------------------------------------*/

/* Tone down field labels on forms, comments section, etc. */
label {
	font-weight: 400;
}

/* Match the default font color */
.form-control {
    color: #a1a1a1;
    
}

.form-controls {
    display: block;
    width: 98%;
    height: 36px;
    padding: 0px 0px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}




/* 
 * Generically set input buttons to look like Bootstrap, but set colors below that to make
 * it easier for users to override. Match Bootstrap btn-primary styles.
 */

.btn-link {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-weight: 300;
    	color: #666666;
	margin: 0 0px 0px 0em;
	padding: 0px 0px 0px 0px;
 }

.btn-link:hover { 
    	color: #abb7c4;
	text-decoration: none;
}


button,
html input[type="button"],
input[type="submit"] {
    background-image: none;
	font-size: 14px;
	line-height: 22px;
	padding: 6px 12px;
    border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    outline: 0;

    background-color: #d6dbdf;  /* POST COMMENT BUTTON */
}

button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    outline: 0;
	text-decoration: none;
}

/* Set colors for input buttons (Search, Reply). Change these in your child theme. */

button,
html input[type="button"],
input[type="submit"] {
    color: #5d6d7e;   /* POST COMMENT BUTTON */
    background-color: #d6dbdf;  /* POST COMMENT BUTTON */
    border-color: #5d6d7e;
}

button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: WHITE;   /* WHITE;  POST COMMENT BUTTON */
    background-color: #d6dbdf;  /* POST COMMENT BUTTON */
    border-color: #5d6d7e;
	text-decoration: none;
}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
*/

.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
	color: BLACK;   /* #5d6d7e;  POST COMMENT BUTTON */
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: WHITE;
    background-color: #d6dbdf;
    border-color: #d6dbdf;
}

/* Force search field to not be rounded on iOS devices */

input.search-field {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*
 * Generically style the links here. Set colors below to make it easier for users to 
 * override.
*/

a {
    word-wrap: break-word;
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    color: #abb7c4;  /* ALL HEADING HOVER COLOUR */
}

a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
    color: #abb7c4;  /* ALL HEADING HOVER COLOUR */
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Since we lightened the body font, make the site title regular font weight */

.navbar-brand {
	font-weight: 500;
	/*height: 50px; BS already 50px*/ /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* 
 * Line up the navbar with the header and page content (it's in a container, but not a
 * row) 
 */
div.navbar-collapse.collapse {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
    	color: #525F6B; /* ALL HEADING COLOUR */
    	font-weight: 700;
	text-transform: normal;
	margin: 6px -15px 0px -15px;
}

/* Since we lightened the body font, increase font weight on active tab */
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: inherit;
	font-weight: 500;	
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* Set content (page title) header to midnight blue */


/************************ STRAPLINE ************************/

.content-header {
	background-color: #525F6B;  /*  STRAPLINE COLOUR  */
	color: #fff;
	margin-bottom: 0px;
    	padding-top: 0px;
    	padding-bottom: 10px;
}


header.content-header {
	min-height: 100px;
}

.content-header i {
    	font-size: 45px;
    	text-align: center;
}

.content-header h1 {
	color: WHITE;
} 

.content-header h1 small {
	font-size: 85%;
	font-weight: 500;
    	color: #d6dbdf;
	margin: 0px 0px 35px 0px;
}

.content-header h2 {
    	font-size: 45px;
	color: #495561;
}
 
.content-header h3 {
	color: WHITE;
}

.content-header h6 {
	color: WHITE;
}



/************************ SPACE BETWEEN STRAPLINE & HOME button ************************/
.site-branding {
	padding-top: 0px;
	padding-bottom: 0px;
}

.site-branding-text h1 a {
	font-size: 64px;
	font-weight: 800;
	color: WHITE;
	margin-top: 10px;
	padding-bottom: 0px;
}

.site-branding h1 {  /* Main heading */
	font-size: 44px;
	color: #495561;
	font-weight: 800;
	margin-top: 20px;
	padding-bottom: 0px;
}

.site-branding h2 {  /* Main heading */
	font-size: 44px;
	color: #495561;
	font-weight: 800;
	margin-top: 0px;
	padding-bottom: 0px;
}

.site-title {
	font-size: 64px;
	color: #495561;
	margin-top: 25px;
}



/*--------------------------------------------------------------
## List
--------------------------------------------------------------*/


ul {   /* Link buttons at top */
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 16px;
    	color: #666666;
	margin: 0px 0px 5px 5px;
	padding: 0px;
}

ul.a {
        list-style-type: circle;
}


ul.a space {
        list-style-type: circle;
	margin: 25px;
}


ul.b {
	list-style-type: disc;
}

ul.square {
	list-style-type: square;
}



ol {  /* List text */
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 16px;
    	color: #666666;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 10px 0px;
}



ol.c {
    	list-style-type: square;
}

ol.d {
	list-style-type: lower-alpha;
}

ol.r {
	list-style-type: upper-alpha;
}

ol.q {
	list-style-type: lower-roman;
}

ol.n {list-style-type: lower-alpha;}


ol.v {
	list-style-type: none;
}




ul.dashed {
    list-style: none;
    padding-left: 0;
}

ul.dashed > li {
    margin-left: 18px;  
}

ul.dashed > li::before {
    content:"\2013""\2007";
    margin-left: -18px;
}






.entry-content ul.a {  /* List text */
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	margin: 0 10px 5px -1.5em;
	padding: 0 10px 0 10px;
}

.entry-content li {  /* List text */
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-weight: 400;
    	color: #666666;
	margin: 0 0px 0px 1em;
	padding: 0px 0px 5px 10px;
}

li > ul,
li > ol {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 0em 0em;
}


li bold {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-weight: 800;
	font-size: 16px;
	margin: 0 0 0em 0em;
}










dl {
	margin: 0;
}

dt {
	font-weight: 600;
	margin-bottom: 0.5em;
}

dd {
	margin: 0 0 1.5em 1.5em;
}



/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/* Set bottom footer */
.sidebar-footer {
	background-color: #d6dbdf;  /* Footer background */
	color: #62707F;  /* SIDEBAR (incl base) HEADINGS */
	padding-top: 0px;
}

.sidebar-footer h2 {  /* Sidebar heading */
	font-size: 22px;
	color: #62707F; /* Footer SIDEBAR (incl base) HEADINGS */
	font-weight: 800;
	margin-top: 30px;
	padding-bottom: 0px;
}

.sidebar-footer a {  /* Footer List below heading */
	color: #566573;
	font-size: 16px;
   	line-height: 0;
}


/* After footer */

.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
/*.after-footer a:not(.btn) {*/
}

.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn), 
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
/*.after-footer a:hover:not(.btn),
.after-footer a:focus:not(.btn) {*/
	color: WHITE;
}

.sidebar-footer h1 {
	font-size: 18px;
	color: #566676;
}

.sidebar-footer h3 {
	font-size: 18px;
	color: #566676;
}

/* Set our "after footer" (footer nav menu and site credits) to "not quite" black */
.after-footer {
	background: #525F6B;  /*  STRAPLINE COLOUR  */
	color: WHITE;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.after-footer a {
	color: WHITE;
	font-size: 16px;
	font-weight: 800;
}

.after-footer a:hover {
	color: #abb7c4;  /* ALL HEADING HOVER COLOUR */
}

.widget-area h2 {  /*  SIDEBAR HEADING  */
	font-family: 'Open Sans', serif;
	color: #808b96;
    	font-weight: 600;
    	font-size: 22px;
   	line-height: 26px;
   	border-top: 1px solid #d5d8dc;
	margin: -5px 0px 0px 0px;
   	padding: 20px 0px 0px 0px;
}

.widget-area a {  /*  SIDEBAR TEXT  */
	font-family: 'Open Sans', serif;
	color: #808b96; /* WIDGET TITLE COLOR */
    	font-weight: 300;
    	font-size: 16px;
   	line-height: 18px;
   	padding: 0px 0px 0px 0px;
   	margin: 0px 0px -5px 0px;
}

.widget-area a:hover {
	color: #d8dfe6;  /* ALL HEADING HOVER COLOUR - LIGHT */
}


.decent-comments .comment-body {
	display: block; 
	font-size: 16px; 
}

.decent-comments .comment-excerpt {    /* SIDEBAR TEXT COMMENT TEXT Cormorant Garamond */
    font-family: 'Halant', serif;
	display: block; 
	font-size: 18px;
    	font-weight: 300; 
	line-height: 1.2;
	color:    BLACK;  /* #525F6B; */

   	border-left: 5px solid   #eaecee;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
}

.decent-comments a {  /*  SIDEBAR TEXT COMMENT HEADING  */
    display: block;
 /*   &::before */
      content: attr(data-text);
      padding: 1px 8px;

    font-family: 'Halant', serif;
    color:  #808b96; /*  WIDGET TITLE COLOR */
    font-size: 18px;
    	font-weight: 600; 
    margin: 3px 0px 3px 0px;
}

.decent-comments p { 
   font-family: 'Halant', serif;
    color:  #808b96;  /* WIDGET TITLE COLOR */
    font-size: 18px;
    	font-weight: 300; 
    margin: 3px 0px 3px 0px;
}

.decent-comments .comment {   /*  SIDEBAR DATE  */
    color:  #808b96;
    font-size: 13px;
}







/* Set link colors to off white and text to gray for footer and after footer */
.sidebar-footer,
/*.after-footer {*/
.footer-nav-menu {
	color: #95a5a6;
}


/* For main sidebar, add some whitespace */
#secondary {
	padding-bottom: 35px;
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/* Reduce the size of post entry meta (date, author) */
.entry-meta {
	font-size: 16px;
}

/* Color "sticky" (featured) posts */
.sticky .entry-title:after {
	background-color: WHITE;   /* Featured Box */
	color: #2c3e50;
}


/****************** ALTERS TEXT IN FEATURE BOX *****************/

.bg-midnightblue {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #dee2e5;
	color: #2c3e50;
	margin: 10px 0px 30px 0px;
   	padding: 15px 20px 10px 20px;
}

.bg-midnightblueg {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #e7eaec;
	color: #2c3e50;
	margin: 10px 0px 30px 0px;
   	padding: 15px 20px 10px 20px;
}


/****************** ALTERS TEXT IN FULL WIDTH BOX *****************/
.bg-gray {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
   	line-height: 24px;
	color: #000000;
	font-weight: 400;
	margin: 10px 0px 24px 0px;
	background-color: #e7e7e7;
   	padding: 10px 15px 13px 15px;
}

.bg-graylight {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
   	line-height: 24px;
	color: #000000;
	font-weight: 400;
	margin: 5px 0px 30px 0px;
	background-color: #F2F2F2;
   	padding: 10px 15px 8px 15px;
}

.color-gray {
	color: #e7e7e7;
}

.color-midnightblue {
	color: #2c3e50;
}

.bg-grayplain {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
   	line-height: 24px;
	color: #000000;
	font-weight: 400;
	margin: 10px 0px 24px 0px;
	background-color: #e7e7e7;
   	padding: 10px 15px 0px 15px;
}

.bg-graylighter {
	font-family: 'Open Sans', Arial, "Helvetica Neue", sans-serif;
	font-size: 16px;
   	line-height: 24px;
	color: #000000;
	font-weight: 400;
	margin: 10px 0px 24px 0px;
	background-color: #e7e7e7;
   	padding: 10px 15px 0px 15px;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/* Reduce the size of comment edit link */

.comments-link {  /* COMMENTS NAV */
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
}

.comment-edit-link {  /* COMMENTS NAV */
	font-size: 26px;
	font-weight: 800;
	color: #292B2E;
}

.comment-edit-link:hover {
	color: #292B2E;
}

.comments-title h2 {  /* ??????? UNKOWN ??????? */
	font-size: 24px;
	color: #00000;
	font-weight: 800;
	margin-top: 0px;
   	line-height: .5px;
   	padding: 20px 0px 0px 30px;
}

/************************** ALTERS COMMENT HEADING **************************/
.comments-area h2 {    
	color: GREY;  /* #00000; */
	font-size: 20px;
	font-weight: 800;
	margin: 30px 0px 40px 0px;
   	line-height: 70px;
	/* margin-left: 0px;

        border-top: 1px solid GREY;
   	padding: 10px 0px 10px 0px; */


	 border: 0;
	content: '\002665'; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}



/************************** ALTERS LEAVE A REPLY **************************/
.comments-area h3 { 
	color: #525F6B;    
	font-size: 24px;
	font-weight: 800;
	margin-top: -30px;
   	padding: 15px 0px 20px 0px;
   	border-top: 1px solid #d6dbdf;
}

/********* ALTERS Comment SECTION top and below all comments *********/
.comment-list {
   	padding: 20px 0px 50px 0px;
}

/************************** ALTERS DATE & EDIT  **************************/
.comment-list a {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
   	line-height: 5px;
	font-weight: 400;
	color: #8b98a6;
   	margin: 20px 0px 26px 0px;
}

.comments-area ul {
	font-style: normal;
	color: #333941;
	font-weight: 500; 
}

/************************** ALTERS COMMENT TEXT  **************************/
.comment-list p {
	font-family: 'Halant', 'Times', serif;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 300;
	color: #333941;
	padding: 4px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

/************************** ALTERS COMMENT AUTHOR  **************************/

.comment-author {
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	color: #7A8B8B;
	
	background-color: #dce9e1;
	
	padding: 3px 0px 4px 15px;
	margin: 0px 0px 5px 0px;
}



.comment-list li {
	/* font-family: 'Varela Round', 'Helvetica Neue', Arial, sans-serif; */
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	color: #7A8B8B;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Captions and Galleries
--------------------------------------------------------------*/

/* Color and style the Bootstrap carousel captions */
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
	font-weight: bold;
}

.carousel-caption {
	text-shadow: none;
	background-color: #d6dbdf;
	color: #fff;
	opacity: .75;
	font-weight: bold;
}

.carousel-caption a {
	color: #fff;
	text-decoration: underline;
}

.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #abb7c4;  /* #abb7c4;  ALL HEADING HOVER COLOUR */
}


/*--------------------------------------------------------------
# Widgets and Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

/* Get Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}


/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/

/* Format Jetpack contact form with Bootstrap's form-control tag. */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}




/********************************/
/*       MOBILE AND TABLET      */
/********************************/


@-ms-viewport{
  width: device-width;
}



/**--- iPHONE PORTRAIT ----------------------------**/

@media only screen 
   and (max-width : 750px) 
   and (max-height : 1334px)
   and (orientation : portrait) {

p {
text-align:justify;
}


}



/**--- iPHONE LANDSCAPE ---------------------------**/

@media only screen 
   and (max-width : 750px) 
   and (max-height : 1334px)
   and (orientation : landscape) {

}



/**--- iPAD PORTRAIT ------------------------------**/

@media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : portrait) {

p {
text-align:justify;
}

}



/**--- iPAD LANDSCAPE -----------------------------**/

@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) { 

}