@import url("styles/screen.css");

/***************************************/
/* GENERAL STYLES SITEWIDE */
/***************************************/
body {
	max-width: 100%;
	overflow-x: hidden !important;
}

.container {
	width:100%;
	background:transparent;
	z-index:49
}

.container-inner {
	width:100%; 
	margin:0 auto;
}

.container-fluid {
  	margin-right: auto;
  	margin-left: auto;
  	max-width: 1200px; 
}

/*********************/
/* ALL SITE COLORS */
/*********************/
body {
	color: #383838 !important;
	background-color: #F0F0F0;
}

p, ol, table, ul {
	color: #383838 !important;
}

a {
	color: #2A5DB0;
}

a:hover, a:focus {
	color: #5f899f !important;
}

h1 { color: #fff; }

h2,h3,h4,h5,h6, .homepage-title, .sidebar-title {
	color:#383838 !important; 
}

#top-bar {
	background-color: #4e6172;
}

#social-media, .tgrt-section-wide, .tgrt-travel-wide, .microsite-nav, .homepage-section, .mobileNav {
	background-color: #4e6172;
}

.header-top {
	background-color: rgba(78,97,114,.8);
}

#footer {
	color: #493829;
}

#footer-links {
	background-color: #493829;	
}

#footer-links p, #footer-copyright {
	color: #F0F0F0 !important;
}

#footer-social-media {
	background-color: #493829;
}

#footer-copyright {
	background-color: #493829;
}

#footer p {
	color: #F0F0F0;
}

#footer-links a {
	color: #F0F0F0;
}

.newsletter-middle {
	background-color: #7795b0;
}

.large-title, .large-title a, .large-category a, .large-category, .large-excerpt p, .large-byline {
	color: #FFF !important;
}

.small-title, .small-title a, .small-category a, .small-byline {
	color: #383838 !important;
}

.small-title-inverse, .small-title-inverse a {
	color: #fff;
}

.single-post .title, .single-post .byline, .single-post .categories a {
	color: #FFF !important;
}

.single-page .title {
	color: #FFF !important;
}

.single-page .title-inverse {
	color: #000 !important;
}

.ajax-title a {
	color: #FFF !important;
}

.homepage-section-title {
	color: #fff;
}

/***************/
/* FONT STYLES */
/***************/
p, ol, table, ul {
	font-family: Helvetica; 
	font-size: 20px; 
	line-height: 155%;
	font-weight: 100 !important;
	margin-bottom: 0px;
}

b, bold, strong {
		font-weight: 500 !important;
}

/* ONLY USED FOR POST AND PAGE TITLES */
h1 { 	
	font-family: Helvetica !important;
	font-size: 60px;
	font-weight: 100 !important;
	text-align: center;
	line-height: 90%;
	text-transform: uppercase;
	width: 70%;
	vertical-align: middle; 
}


h2 { font-size: 36px !important; }
h3 { font-size: 30px !important; }
h4 { font-size: 24px !important; }
h5 { font-size: 18px !important; }

h2,h3,h4,h5,h6 {
	font-family: Helvetica !important; 
	margin: 0;
	margin-top: 50px !important; 
	font-weight: 300 !important;
}

h1.sub {
	font-family: Helvetica;
	margin: 0 0 10px 0; 
	padding: 0 0 5px 0; 
	font-size: 2.4em; 
	font-weight: bold; 
	line-height: 1em; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	color: #383838; 
	border-bottom: 1px solid #383838;
}

h2.sub {
	font-family: Helvetica;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #383838;
	width: 50%;
	border-bottom: 1px solid #a1a1a1;
}

h3.sub {
	font-family: Helvetica;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #383838;
	border-bottom: 1px solid #383838;
}

h6.top {
	font-family: Helvetica;
	color:#383838;
}

/*****************/
/* HEADER STYLES */
/*****************/
#header {
	height:100%;

}

#header img {
	max-height: 100px;
	z-index: 2;
	padding-left: 20px; 
	padding-right: 20px;

}


/*****************/
/* FOOTER STYLES */
/*****************/

#footer {
	text-align: center;
	padding-top: 15px;
}

#footer-social-media {
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer-social-media img {
	height: 50px;
	width: 50px;
}

#footer-links {
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer-copyright {
	padding-top: 40px;
	padding-bottom: 40px;
	font-weight: 200 !important;
	font-size: 16px;
}

/**********************/
/* SOCIAL MEDIA ICONS */
/**********************/
.social-media-icons {
	padding-left: 20px;
}

.social-media-icons i {
	color: #F0F0F0;
	font-size: 20px;
	padding-left: 6px;
	padding-top: 8px;
}

/***************/
/* LINK STYLES */
/***************/
a, a:hover {
	text-decoration: none !important;
}

/**************************/
/* UNKOWN STYLES */
/**************************/
#list {
	margin-left: 100px; 
	margin-right: 100px;
}

#top {
	width:1000px; 
	margin-left: auto; 
	margin-right: auto; 
	height:46px; 
	position:relative;
	z-index:30; 
	background: #fff;
}

#travel-photography-list {
	text-align: center;
}

#travel-photography-list img {
	width: 100%;
}

#travel-photography-title {
	text-align: center;
}

#latest-travel-stories img {
	width: 100%;
}

#previous-page {
	float: left;
}

#next-page {
	float: right;
}

#archive-title {
	text-align: center;
}

.latest-blog-photo {
	margin-bottom: 10px;
}

/* HOMEPAGE SOCIAL MEDIA BUTTONS */
.homepage-social-media-buttons {
	margin-top: 100px; 
	margin-left: 20px; 
	margin-right: 20px;
}

.homepage-social-media-buttons .fa {
	font-size: 40px;
	height: 60px;
	width: 60px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 50%;
	margin-left: 10px;
	margin-right: 10px;
}

.fa-facebook{	
	background: #3B5998;
  	color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-500px {
  background: #000000;
  color: white;
}

/**********************/
/* SINGLE POST STYLES */
/**********************/
.content {
	display:block;
	clear:both;
}

.post {
	display:block;
	clear:both;
}

.single-post .title {
	font-size: 44px;
	font-weight: 300;
	line-height: 100%;
	text-align: center;
}

.single-post iframe {
	width: 100%;
}

.single-post a {
	font-weight: 400;
	position: relative;
	text-decoration: none;
}

.single-post a:hover {
	color: #4e6172;
}

.single-post img {
	width: 100%;
	height: auto;
}

.single-post p, .single-page p {
	padding-top: 10px;
	padding-bottom: 10px;
}

#post-content-content h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

#post-content-content ul {
  	list-style-type: none;
}

#post-content-content ul li:before {
	content: "- ";
}

.readmore {
	width: 100%;
	border-top: 1px solid #a3adb8;
	border-bottom: 1px solid #a3adb8; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.readmore .title {
	text-align: center;
	font-family: helvetica;
	color: #383838 !important;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 10px;
	font-style: italic;
}

.readmore .content {
	text-align: center;
	font-family: helvetica;
	font-size: 18px;
	line-height: 155%;
	font-weight: 100;	
}

.section {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	width: 100%;
}

.section-number {
	font-family: Tahoma;
	font-size: 100px;
	color:#4e6172; 
	font-weight: 400; 
	display: inline-block;
	opacity: .3;
}

.section-title {
	display: inline-block;
	font-size: 36px; 
	color:#3d3d3d !important;
	position: absolute;
	left: 60px;
	bottom: 0;
	margin-bottom: 24px;
	font-weight: 400;
	line-height: 90%;
}

.dyk {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: arial; 
	font-size: 1.25em; 
	color:#2f2f2f;
	line-height: 155%;
	background-color: #f3f3f3;
	border-left: 5px solid green;	
}

.dyk .title {
	font-size: 20px;
	font-weight: strong !important;
}

.story-type {
	color: #fff !important;
}

/* TABLE OF CONTENTS */
.toc {
	border-style: solid; 
	border-width: 1px; 
	display: inline-block; 
	padding: 10px;
	margin-bottom: 20px;
}

.toc-title {
	font-family: Tahoma; 
	font-size: 22px; 
	font-weight: 100 !important;	
	display: inline-block;
}

.toccontent {
	font-family: Tahoma; 
	font-size: 22px; 
	line-height: 155%;
	font-weight: 100 !important;	

}

.tocheader {
	cursor: pointer;
	display: inline-block;
}

/*****************/
/* SIDEBAR STYLE */
/*****************/
.sidebar {
	margin-top: 30px;
}

.sidebar-content {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

.sidebar-title {
	font-family: helvetica !important; 
	font-size: 18px;
	margin-bottom: 20px !important; 
	font-weight: 500 !important;
	text-transform: uppercase;
	text-align: center;
}

.sidebar-box a {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.sidebar-bottom-entry i {
	font-size: 30px;
	display: block;
}

.sidebar-bottom-entry {
	margin-bottom: 10px;
	display: flex;
}

.hike-title, .location-title {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

.hike-detail, .location-detail {
	font-size: 20px;
	display: block;
}

.sidebar-icon {
	float: left;
	min-width: 50px;
}

.popular-posts ul {
	list-style: none;
	font-size: 18px;
}

.popular-posts li {
	padding-bottom: 10px;
}

.sidebar-left {
	margin-top: 30px;
	margin-left: 20px !important;
}

.sidebar-left-title {
	font-family: Helvetica;
	font-weight: 100;
	font-size: 14px;
	color: #9b9b9b;
}

.sidebar-left-content {
	font-family: Helvetica;
	font-weight: 400;
	font-size: 14px;
	color: #383838;
	margin-bottom: 20px;
}

.mobile-sidebar-left {
	text-align: center; 
}



/****************/
/* SINGLE PAGES */
/****************/

.single-page .title, .single-page .title-inverse {
	font-size: 44px;
	font-weight: 300;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase; 
	margin-top: 40px;
	margin-bottom: 40px;
}

.single-page p, .single-page div, .single-page iframe {
	margin-left: auto;
	margin-right: auto;
}

.single-page ul {
	hyphens: none;
}

.single-page img {
	width: 100%;
	height: auto;
}

.pintro {
	width: 70% !important;
	margin-right: auto;
	margin-left: auto;
}



/********************/
/* EMBEDDED OBJECTS */
/********************/
embed {
        padding: 5px;
        background: #fff !important;
        margin: 0 20px 20px 0 !important;
        -moz-box-shadow: 2px 2px 4px #888888;
        -webkit-box-shadow: 2px 2px 4px #888888;
        box-shadow: 7px 7px 4px #888888;
        border: 1px solid #ccc;
}




/****************************/
/* CHECK-BOX UNORDERED LIST */
/****************************/
#checkbox ul li { 
    	list-style-image: url('http://www.southeasterntraveler.com/wp-content/uploads/2014/09/checkbox.png'); 
    	list-style-position: inside;
}






/*******************/
/* NAVIGATION MENU */
/*******************/
.navigation-menu-item {
	z-index: 2;
	display:inline-block; 
	color: #000 !important;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial;
	font-size: 16px;
	font-weight: 200 !important;
	text-align: right;
}

.navigation-submenu-item {
	z-index: 2;
	display:block; 
	color: #3d3d3d;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 4px;
	font-family: arial;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	white-space: nowrap; 
}

.navigation-menu-item a {
	color:#fff;
	display:inline-block;
	margin:0px;
	padding:0px 10px;
	text-align:right;
	text-decoration:none;
}

.navigation-menu-item a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#sticky-nav {
	background-color:#4e6172;
	text-align: center;
}

#sticky-nav.stick {
	margin-top: 0 !important;
	position: fixed;
	top: 0;
	z-index: 10000;
}

.desktop-nav-content {
	position: relative; 
	display: inline-block; 
}

.desktop-nav-item {
	display: none; 
	position: absolute;
	background-color: #fff;
	z-index: 1;
	padding-top: 4px;

}

.desktop-nav-content:hover .desktop-nav-item {
	display: block;
}

.navbar {
	height: auto !important; 
}


/*****************************/
/* TOP BAR ADVERTISING SPACE */
/*****************************/
#top-bar {
	font-family: arial; 
	font-size: 16px; 
	color:#ebebeb;
	line-height: 155%;
	font-weight: 100;
}








/***********************/
/* TOP NAVIGATION MENU */
/***********************/
.navigation-menu-top {
	float: right;
	z-index: 2;
	display:inline-block; 
}

.navigation-menu-top-item {
	float: left;
	font-family: arial; 	
	color: #ebebeb;
	padding-left: 3px;
	padding-right: 3px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

.navigation-menu-top a {
	color:#ebebeb;
	display:inline-block;
	font-weight:normal;
	line-height: 40px;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
}

.navigation-menu-top a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/*********************/
/* SEARCH BOX STYLES */
/*********************/
.search-container{
	text-align: center;
  	width: 100%;
  	vertical-align: middle;
  	white-space: nowrap;
  	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

.search-container input#search {
 	width: 80%;
  	height: 30px;
  	background: #FFFFFF;
  	border: 1px solid #999999;
  	font-size: 12pt;
  	color: #63717f;
  	padding-left: 40px;
}

.search-container .search-icon {
	position: absolute;
	top: 10%;
	margin-left: 10px;
	margin-top: 0px;
	z-index: 1;
	color: #63717f;
}






/*************************/
/* MAILCHIMP SIGNUP FORM */
/*************************/
#mc_embed_signup {
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	width:100%;
	text-align: center;
  	width: 100%;
  	vertical-align: middle;
  	white-space: nowrap;
  	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

#mc_embed_signup input#mce-FNAME, #mc_embed_signup input#mce-LNAME, #mc_embed_signup input#mce-EMAIL {
  	width: 20%;
  	height: 30px;
  	background: #FFFFFF;
  	border: 1px solid #999999;
  	font-size: 12pt;
  	color: #63717f;
  	padding-left: 40px;
}

.mce-SUBMIT {
	height: 30px;
	color: #63717f;

}

/*********************/
/* NEWSLETTER STYLES */
/*********************/

.newsletter-middle {
	margin-top: 80px;
	margin-bottom: 10px;
	padding-bottom: 50px;
}

.newsletter-middle h2, .newsletter-middle p {
	color: #F0F0F0 !important;
	text-align: center;
}









/* SITE TITLE STYLES NEEDS UPDATING */

#single-post-title, #single-post-byline {
	text-align: center;
}

#single-post-tags {
	text-align: right;
}

#story-tags a, #story-category a {
	color:#2A5DB0;	
}

#story-tags a:hover, #story-category a:hover {
	color:#009cff;
}




/* MOBILE STYLES */

@media ( max-width: 1200px ) {
	
}

/* CELLPHONE SCREENS */
@media (max-width: 800px ) {
	#story-category, #story-tags {
		text-align: center!important;
	}
	#nav li {
		padding-left: 0px;
		padding-right: 0px;
	}

	.homepage-story-title {	
		font-size: 24px !important;
		margin-top: 20px !important;
		text-transform: uppercase;
	}

	.homepage-title {
		font-size: 24px !important;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
}

@media only screen and (max-width: 1200px) {
	.single-post-grand-title {
		font-size: 40px;
	}

	.single-post-grand-byline  {
		font-size: 24px;
	}

	.single-post-grand-categories {
		font-size: 20px;
	}

	.home-page-mobile-grand-title, .mobile-single-post-grand-title {
		font-size: 26px;
	}

	.home-page-mobile-grand-byline, .mobile-single-post-grand-byline {
		font-size: 16px;
	}

	.home-page-mobile-grand-categories, .mobile-single-post-grand-categories {
		font-size: 14px;
	}

    	
  }


@media (max-width: 1050px) {

}














/* FONT SIZE FOR MOBILE DEVICES */
#post-content-content {
	-webkit-text-size-adjust: 110%;
}













/**********************************/
/* PAGINATION STYLE ON BLOG INDEX */
/**********************************/

.pagination {
	clear:both;
	position:relative;
	font-size:20px;
	line-height:30px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}
 
.pagination a:hover{
	color:#fff;
	background: #3279BB;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #3279BB;
	color:#fff;
}










/*****************/
/* PHOTO CAPTION */
/*****************/

#caption, .caption {
	font-style: italic;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px !important;
	margin-bottom: 20px;
	font-family: helvetica; 
	font-size: 18px !important; 
	color:#3d3d3d;
	font-weight: 100;
}







/* FEATURED IMAGE AND TITLE STYLES NEEDS UPDATING */
.image-gradient {
  position: relative;
  display:inline-block;
	margin-bottom: 10px;
}

.image-gradient-source {
  position:relative;
  z-index:-2;
  display:block;
  width: 100%;
  height: auto;
}

.image-gradient-title {
  position: absolute;
  bottom: 0px;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
}

.single-post-grand-title {
  color: #383838 !important;
  width: 100%;
  font-size: 60px;
  display: block;
  font-weight: 400;
  line-height: 90%;
}



.latest-blog-title {
  color: #383838!important;
  width: 100%!important;
  font-size: 24px!important;
  display: block!important;
  font-weight: 150!important;
  line-height: 90%!important;
}

.related-posts-title {
  color: #fff!important;
  width: 100%!important;
  font-size: 24px!important;
  display: block!important;
  font-weight: 200!important;
  line-height: 90%!important;
}

.destination-page-story-title {
  color: #fff !important;
  width: 100%;
  font-size: 2.2em;
  display: block;
  font-weight: 200;
  line-height: 90%;
}

.single-post-grand-title a, .home-page-story-title a, .home-page-mobile-grand-title a, .mobile-single-post-grand-title a {
  color: #383838 !important;
}

.large-byline {
  color: #383838;
  font-size: 40px;
  font-weight: 200;
  display: block;
}



.latest-blog-byline {
  color: #383838;
  font-size: 16px;
  font-weight: 200;
  display: block;
}

.single-post .categories { 
  color: #383838;
  font-size: 18px;
  font-weight: 200;
}














/********************/
/* HOME PAGE STYLES */
/********************/

#home-page-blog h5 {
    	display: inline-block;
    	padding-bottom: 5px;
    	position: relative;
}

#home-page-blog h5:before {
    	content: "";
    	position: absolute;
    	width: 50%;
    	height: 1px;
    	bottom: 0;
    	left: 25%;
    	border-bottom: 1px solid #a1a1a1;
}

.sub-title h5:before {
    	content: "";
    	position: absolute;
    	width: 50%;
    	height: 1px;
    	bottom: 0;
    	left: 25%;
    	border-bottom: 1px solid #a1a1a1;
}

.homepage-title, .homepage-section-title {
	font-size: 34px;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.narrow {
	margin-left: 20px;
	margin-right: 20px;
}

.fancy-subtitle, .fancy-subtitle-white {
  	display: inline-block;
  	padding: 0 15px;
  	position: relative;
}

.fancy-subtitle:before, .fancy-subtitle:after {
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 300%;
}

.fancy-subtitle:before, .fancy-subtitle:after {
  	background: #ddd;
}

.fancy-subtitle-white:before, .fancy-subtitle-white:after {
	background: #000;
}

.fancy-subtitle:before, .fancy-subtitle-white:before {
  	right: 100%;
	margin-right: 10px;
}

.fancy-subtitle:after, .fancy-subtitle-white:after {
  	left: 100%;
	margin-left: 10px;
}

.homepage-entry {
	margin-bottom: 20px;
}

.homepage-main-entry {
	margin-bottom: 20px;
}

.large-title {
	font-size: 60px !important;
	font-weight: 200;
	text-align: center;
	line-height: 90%;
	text-transform: uppercase;
	width: 70%;
	vertical-align: middle;
}

.large-title a {
	text-align: center;
}

.large-category {
	text-align: center;
	font-size: 26px;
	font-weight: 200;
	text-transform: uppercase;
	margin-top: 10px;
}

.large-excerpt {
	width: 70%;
}

.small-title, .small-title-inverse {
	font-size: 26px;
	text-align: center;
	line-height: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 300;
	text-transform: uppercase;
}

.small-category {
	text-align: center;
	font-size: 16px !important;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 10px;
}

.homepage-btn {
	padding: 14px 36px;
	border: 0 none;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #4e6172;
	color: #ffffff;
	border-radius: 0;
}

.homepage-section {
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 50px;
	padding-bottom: 50px;

}

.homepage-section .row {
	width: 80%;
}

















/* HOME PAGE CUSTOM MAP STYLES */
#whereaminow-map { 
	height: 500px;
	width: 1400px; 
	margin-left: auto;
	margin-right: auto;
	border-right-width: 2px;
	border-right-color: #ffffff;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-color: #ffffff;
	border-left-style: solid;
}












/********************************/
/* GALLERY LINK BUTTON ON POSTS */
/********************************/

#gallery-button {
	margin-left: auto;
	margin-right: auto;
    	background-color: #555555; 
    	border: none;
    	color: white;
    	padding: 15px 32px;
    	text-align: center;
    	text-decoration: none;
    	display: inline-block;
    	font-size: 24px;
}















/******************/
/* TRAVEL TIP BOX */
/******************/

#travel-tip {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: arial; 
	font-size: 1.25em; 
	color:#2f2f2f;
	line-height: 155%;
	background-color: #f3f3f3;
	border-left: 5px solid #7e8eb0;
}

/*****************/
/* PHOTO TIP BOX */
/*****************/

#photo-tip {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: arial; 
	font-size: 1.25em; 
	color:#2f2f2f;
	line-height: 155%;
	background-color: #f3f3f3;
	border-left: 5px solid blue;
}

/*******************/
/* INFORMATION BOX */
/*******************/

#information {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 5px;
	font-family: arial; 
	font-size: 1.25em; 
	color:#2f2f2f;
	line-height: 155%;
	background-color: #f3f3f3;
	border-left: 5px solid yellow;
}











/* The Modal (background) */
.modal {
    	display: none; /* Hidden by default */
    	position: fixed; /* Stay in place */
    	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
    	top: 0;
    	width: 100%; /* Full width */
    	height: 100%; /* Full height */
    	overflow: auto; /* Enable scroll if needed */
   	background-color: rgb(0,0,0); /* Fallback color */
    	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    	position: relative;
    	background-color: #fefefe;
    	margin: auto;
    	padding: 0;
    	border: 1px solid #888;
    	width: 80%;
    	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    	-webkit-animation-name: animatetop;
    	-webkit-animation-duration: 0.4s;
    	animation-name: animatetop;
    	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    	from {top:-300px; opacity:0} 
    	to {top:0; opacity:1}
}

@keyframes animatetop {
    	from {top:-300px; opacity:0}
    	to {top:0; opacity:1}
}

/* The Close Button */
.close {
   	color: red;
   	 float: right;
    	font-size: 38px;
    	font-weight: bold;
}

.close:hover,
.close:focus {
    	color: #000;
    	text-decoration: none;
    	cursor: pointer;
}

.modal-header {
    	padding: 2px 16px;
    	background-color: #4e6172;
    	color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    	padding: 2px 16px;
    	background-color: #5cb85c;
    	color: white;
}














/*****************/
/* NUMBER CIRCLE */
/*****************/
.numberCircle, #numberCircle-gray, #numberCircle-orange, #numberCircle-brown, #numberCircle-blue {
	display: inline-block !important;
   	border-radius: 50%;
    	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
   	width: 36px;
    height: 36px;
   	padding: 2px;
	color: #F0F0F0;
	text-align: center;    
	font: 24px Tahoma, sans-serif;
	margin-bottom: 14px;
}

#numberCircle-gray {
    	background: #4e6172;
}

#numberCircle-orange {
	background: #ff7e00;
}

#numberCircle-brown {
	background: #795548;
}

#numberCircle-blue {
	background: #01579b;
}

#numberHeader {
	display: inline-block !important;
	padding-left: 20px;
	font: 26px Tahoma;
	font-weight: 1000;
}

#numberHeader-time {
	display: inline-block !important;
	padding-left: 20px;
	font: 26px Tahoma;
	font-weight: 1000;
	color: #800000;
}

.road-trip {
	display: inline-block;
	font-family: arial; 
	font-size: 20px; 
	color:#3d3d3d;
	line-height: 155%;
	font-weight: 100;
}

.road-trip-info {
	padding-left: 10px;
	padding-right: 40px;
}

/***************/
/* ICON STYLES */
/***************/
.fa-bed {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 6px;
	background: #ff7e00;
	text-align: center;
}

.fa-map-marker {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 6px;
	background: #097138;
	text-align: center;
	font-size: 44px;
}

.fa-star {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 6px;
	background: #4e6172;
	text-align: center;
}

.fa-stop {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 9px;
	background: #4e6172;
	text-align: center;
}

.fa-camera {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 9px;
	background: #4e6172;
	text-align: center;
}

.glyphicon-cutlery {
	color: #F0F0F0;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 36px;
	height: 36px;
	padding: 9px;
	background: #0097a7;
	text-align: center;
}

#numberCircle-small {
	width: 22px !important;
	height: 22px !important;
	padding: 2px !important;
}

#numberHeader-small {
	display: inline-block !important;
	padding-left: 14px;
	font: 20px Tahoma;
	font-weight: 1000;
}

.small-image {
	text-align: left;
	padding-right: 10px;
	width: 20%;
	display: inline-block;
}



/**********************************/
/* TRAVEL GUIDE/ROAD TRIPS STYLES */
/**********************************/
.tgrt-section-wide, .tgrt-travel-wide {
	margin-top: 50px;
	margin-bottom: 50px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
}

.tgrt-section-title, .tgrt-travel-title {
	text-align: center;
	margin-top: 10px;
}

.tgrt-section-title h1, .tgrt-section-title h4, .tgrt-travel-title h1, .tgrt-travel-title h4 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: #F0F0F0 !important;
}

.tgrt-section-content, .tgrt-section-content p {
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 20px !important;
	color: #F0F0F0 !important;
}

.tgrt-travel-content {
	margin-top: 20px !important;
}

.tgrt-travel-content #caption {
	color: white; 
}

.tgrt-travel-content p {	
	color: #F0F0F0 !important;
}

.tgrt-section-content-mobile, .tgrt-section-content-mobile p {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px !important;
	color: #F0F0F0 !important;
}

.tgrt-travel-content-mobile, .tgrt-travel-content-mobile p {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px !important;
	color: #F0F0F0 !important;
}

.tgrt-details {
	background-color: #4e6172;
	text-align: center;
	padding: 10px;
}

.tgrt-details i, .glyphicon-map-marker {
	font-size: 20px;
	color: #F0F0F0;
}

.tgrt-details-title {
	display: block;
	font-family: Tahoma;
	font-size: 24px;
	color: #F0F0F0;
}

.tgrt-details-text {
	font-family: Tahoma;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 20px;
	color: #F0F0F0;
}

/*********************/
/* MICROSITE STYLES  */
/*********************/
.microsite-navigation-outer {
	background-color: #4e6172;
}

.microsite-navigation-inner {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;	
}

.microsite-navigation-item {
	text-align: center; 
	vertical-align: middle; 
}

.microsite-navigation-inner a {
	color: #fff !important;
}

.microsite-explore {
	background-color: #4e6172;	
	margin-top: 50px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.microsite-explore-title {
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase; 
}

.microsite-tourism-info {
	margin-top: 10px;
}

.microsite-tourism-info h1 {
	text-align: center; 
	text-transform: uppercase;
}



.microsite-explore-title h1, .microsite-explore-title h4 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: #F0F0F0 !important;
}

.microsite-explore-info a {
	font-size: 32px;
	margin-bottom: 10px !important; 
	font-weight: 400 !important;
	text-transform: uppercase;
	text-align: center !important;
	color: #FFF !important;
}

.microsite-explore-info {
	text-align: center;
}




.tgrt-section-content, .tgrt-section-content p {
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 20px !important;
	color: #F0F0F0 !important;
}

.tgrt-section-content-mobile, .tgrt-section-content-mobile p {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px !important;
	color: #F0F0F0 !important;
}

.tgrt-details {
	background-color: #4e6172;
	text-align: center;
	padding: 10px;
}

.tgrt-details i, .glyphicon-map-marker {
	font-size: 20px;
	color: #F0F0F0;
}

.tgrt-details-title {
	display: block;
	font-family: Tahoma;
	font-size: 24px;
	color: #F0F0F0;
}

.tgrt-details-text {
	font-family: Tahoma;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 20px;
	color: #F0F0F0;
}



/*********************/
/* GOOGLE MAP STYLES */
/*********************/
.google-map-style {
	height: 500px; 
	width: 100%; 
	max-width: 1400px; 
	display: inline-block; 
	overflow: hidden;
}

.google-map-style iframe {
	position: relative; 
	top: -50px;
	width: 100%;
	height: 500px;
}






/* GOOGLE MATERIAL ICONS */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(http://www.southeasterntraveler.com/wp-content/themes/modularity/MaterialIcons-Regular.woff2) format('woff2'),
    url(http://www.southeasterntraveler.com/wp-content/themes/modularity/MaterialIcons-Regular.woff) format('woff'),
    url(http://www.southeasterntraveler.com/wp-content/themes/modularity/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}









/* PINTEREST IMAGE */
.pinterest img {
	max-width: 400px;
	display: inline;
	float: none;
}

.pinterest h3 {
	display: inline;
	float: none;
}

.pinterest {
	text-align: center;
	display: none;
}





/**********************************/
/* YOUTUBE VIDEO RESPONSIVE WIDTH */
/**********************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 30px;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.title {
	font-size: 44px;
	font-weight: 300;
	line-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/**********************/
/* ITINERARY TIMELINE */
/**********************/
.timeline-item {
  padding: 0em 2em 2em;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid rgba(0, 0, 0, 0.3);
	margin-left: 40px;
}
.timeline-item::after {
  width: 20px;
  height: 20px;
  display: block;
	top: 0px;
  position: absolute;
  left: -10px;
  border-radius: 10px;
  content: "";
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
}

.timeline-item h1 {
	font-size: 20px !important;
	margin-bottom: 10px;
	margin-top: 0px !important;
	font-weight: 400 !important;
}

/**********************/
/* AJAX LOAD MORE     */
/**********************/
.ajax-title {
	text-align: center;
	font-size: 22px;
	font-weight: 100;
	line-height: 100%;
	width: 90% !important;
}

/***********************/
/* POST OVERLAY STYLES */
/***********************/

.post-outer-box {
	position: relative; 
	width: 100%;
	margin-bottom: 30px;
}

.post-inner-box {
	position: absolute; 
    left: 0;
  	top: 50%;
  	transform: translateY(-50%);
	width: 100%;
}

.post-outer-box img {
	filter:brightness(60%);
}

.about-me {
	background-image: url('https://www.southeasterntraveler.com/images/About-Me-Info.jpg'); 
	height: 600px; 
}

.about-me-content {
	margin-top: 10%;
	margin-left: 35%; 
	margin-right: 5%; 
	color: white !important; 
	font-size: 22px !important;
	font-weight: 200 !important; 
}

.about-me-mobile {
}

.about-me-content-mobile {
	position: absolute; 
	left: 0px; 
	top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	height: 100%;
	margin-top: 5%;
	color: white !important; 
	font-size: 18px !important;
	font-weight: 300 !important;

}

.mobile-more-info {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: white;
	background-color: #4e6172;
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: uppercase; 
	z-index: 1;
}

.mobile-more-info a {
	color: white; 
	display: block;
}

/****************/
/* INTRODUCTION */
/****************/

.introduction {
	width: 80%;
	line-height: 110%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: 700 !important;
}

/********************/
/* COMMENTS SECTION */
/********************/
.comment-list, .children {
	list-style: none;
}

.comment-list {
	margin-left: 0px;
}

.children {
	margin-right: 0px;
}

.comment-number {
	font-weight: 600 !important;
	text-transform: uppercase;
	
}

.comment-author {
	font-weight: bold;
}

.comment-date {
	font-style: italic;
	font-size: smaller;
}

.comment-reply {
	text-align: right;
}

.comment-form-title {
	
}

.comment-textarea {
	width: 100%;
}

.comment-form-input {
	width: 50%;
}

.comment-form-submit {
	background: #0066A2;
	color: white;
	padding: 10px;
	font: bold 20px helvetica;
}

/***********************/
/* MEDIA SCREEN STYLES */
/***********************/

@media only screen and (min-width: 1200px) {
	.single-page .title { font-size: 120px;}
	.single-page-content { width: 70%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-page .title { font-size: 86px;}
	.single-page-content { width: 85%;}
	h1 { font-size: 50px; }
	.small-title { font-size: 20px; }
	.large-byline { font-size: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-page .title { font-size: 60px;}
	.single-page-content { width: 95%;}
	h1 { font-size: 38px; }
	.small-title { font-size: 18px; }	
	.large-byline { font-size: 30px; }
	.story-type { font-size: 18px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-page .title { font-size: 48px;}
	.single-page-content { width: 100%;}
	h1 { font-size: 30px; }
	.small-title { font-size: 18px; }
	.large-byline { font-size: 24px; }	
	.story-type { font-size: 14px; }
}

@media only screen and (max-width: 575px) {
	.single-page .title { font-size: 30px;}
	.single-page-content { width: 100%;}
	h1 { font-size: 24px !important; width: 90%; }
	.large-category { font-size: 16px; }
	.small-title { font-size: 20px; font-weight: 400;}
	.large-byline { font-size: 16px; }
	.story-type { font-size: 12px; }
	#post-content-content { margin-left: 0px; margin-right: 0px; }
	.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6{ text-align: center;}
	.homepage-social-media-buttons { margin-top: 25px; }
	.homepage-social-media-buttons .fa {font-size: 25px; height: 45px;width: 45px; padding-top: 10px; padding-bottom: 10px; margin-left: 3px; margin-right: 3px;}
	.homepage-section { margin-top: 25px; margin-bottom: 25px; padding-top: 10px; padding-bottom: 10px;}
	.sidebar-left-title, .sidebar-left-content { font-size: 18px; }
}