/*
Theme Name: Caribbean Journal 2016
Theme URI: http://www.caribjournal.com/
Author: The Rebel Idea
Author URI: http://www.therebelidea.com
Version: 1.0
*/



html {
  position: relative;
  min-height: 100%;
}

body { 
	font-family: 'Lato', sans-serif;
}

body main p { 
	font-size: 17px;
	font-family: 'questaregular', Georgia, serif;
	line-height: 1.5;
} 

body main p b, body main p strong  { 
	font-family: 'questabold', Georgia, serif;
} 

body main p i, body main p em  { 
	font-family: 'questaitalic', Georgia, serif;
} 

h1, h2, h5 { 
	font-family: Times;
}



p { 
	font-family: 'questaregular', Georgia, serif
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: 300;
}

header{ 
	padding-top: 10px;
}


.navbar, .navbar-default, .navbar-fixed-top{ 
	background-color: rgba(0,0,0,0);
	border: 0;
}

.navbar .container { 
	background-color: #fff;
	border-radius:0;
	z-index: 200000;
}

#whereto{
	background-color: #1cbbb4 !important;
}

#whereto div.row {
	padding: 2px;
} 

#whereto div.row div {
	min-height: 35px;
}

#whereto > div.row > div:first-child{
	background: rgba(255,255,255,0.25);
	text-align: center;
	color:#fff;
	font-size:12px;
	font-weight: 300;
	padding-top: 8px;
}

#whereto > div.row > div:first-child i {
	font-weight: 100;
} 
 

#whereto > div.row > div:nth-child(2) { 
	background-color: #fff;
	border-left: 2px solid #1cbbb4;
	padding: 2px;
	position: relative;
}

#locationplaceholder {
	position: absolute;
	color:#888;
	font-size: 18px;
	font-weight: 300;	
	top:4px;
	left: 12px;
}

.typed-cursor{
	display: none;
}


#wheretoinput { 
	border: 0;
	width: 80%;
	height: 30px;
	color:#888;
	font-weight: 300;
	font-size: 18px;
	padding-left: 10px;
}




#wheretobutton { 
	float: right;
	background-color: #1cbbb4 !important;
	border-radius: 4px;
	color:#fff !important;
	border:0;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
	margin-right: 6px;
	margin-top: 2px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.navbar-brand { 
	padding-top: 10px;
	padding-bottom: 10px;
}

.ad-block-header { 
	text-align: right;
}

.ad-block-header img { 
	margin-left: auto;
}

.ad-block { 
	text-align: right;
	margin-bottom: 15px;
}

.ad-block img { 
	margin-left: auto;
	margin-right: auto;
} 


a.advertising { 
	font-size: 10px;
	color: #333;
	text-align: right;
	float: right;
	clear: both;
}

.logo-banner { 
	padding-bottom: 5px;
	padding-top: 5px;
}

main { 
	margin-top: 5px;
}

.carousel-control { 
	background-image: none !important;
	z-index: 500;
}

.carousel-control .glyphicon { 
	background-color: rgb(255,255,255,0.5) !important;
	color:#000;
}

.carousel-control a { 
	background-color: rgb(255,255,255,0.5) !important;
}

.carousel-caption { 
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-align: left;
	margin-left: 10px;
	padding-bottom: 0 !important;
	z-index: 1500;	
}

.carousel-caption h1 {
	margin: 0;
	line-height: 16px !important;
}

.carousel-caption a { 
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300px;
	font-size:18px;
	line-height: 16px !important;
	z-index: 3000
}

.carousel-indicators { 
		position: absolute !important;
		right: 0 !important;
		border: 0 !important;
		float: right;
		margin: 0 !important;
		background-color: blue !important;
		text-align: right;
		display: inline;
}

.carousel-archive{ 
	margin-bottom: 15px;
}

.carousel-inner>.item>a>img {
    margin-left: -50% !important;
    height: 300px !important; 
    max-height: 300px !important;
    width: auto !important;
	max-width: none !important;
     
}


.background-gradient-botton { 
	position: absolute;
	bottom: 0;
	min-height: 120px;
	width: 100%;
	z-index: 100;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.85)), color-stop(100%, rgba(0,0,0,0.72)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

}

#recent-videos-block { 
	margin-top: 10px;
	margin-bottom: 10px;
}

		
.top-space { 
	margin-top: 10px;
}	

.navbar-brand span,.navbar-brand img { 
	display: inline;
}

.navbar-brand img { 
	width: 30px;
	height: auto;
	display: inline;
}

.navbar-brand p { 
	border-right: 1px solid #fff;
	padding-right: 10px;
}

#discovery-drop-and-down ul { 
	list-style: none;
	margin: 0;
	padding:0;
}

#discovery-drop-and-down ul li { 
	margin: 0;
	padding: 3px 0 3px 8px;
	display: block;
} 

#discovery-drop-and-down ul li a{ 
	padding: 3px 0 3px 8px;
	display: block;
}


#discovery-drop-and-down ul li a:hover {
	background-color: #f5f5f5;
} 

.navbar-default .navbar-nav li a , .navbar-brand p, #discovery-drop-and-down a { 
	color: #485e5d;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

.navbar-default .navbar-nav li >  ul > li > a, #discovery-drop-and-down a{ 
	color: #000;
} 


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { 
	background-color: #fff;
	border-radius: 0;
	color: #0a8882;
	font-weight: bold;
}

#fb-like-menu { 
	padding-top: 15px;
}


.navbar-brand { 
	color: #0a8882 !important;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 18px;
}

.dropdown-menu, .dropdown-menu li {
	background-color: #fff;
}

.footer {
	border-top:1px solid #1cbbb4;
	padding-top: 10px;
}

.footer_widget { 
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;	
}

.copyright { 
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	font-weight: 300;
}

.social-links a { 
	background-color: #000;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
	height: 30px;
	width: 30px;
	margin-left: 10px;
}

.social-links a:hover { 
	background-color:  #1cbbb4;
} 

.social-links { 
	list-style: none;
}

.social-links li { 
	display: inline;
	float: right;
}


.btn-search { 
	background-color: #1cbbb4;
	border: 0;
}


.btn-search:hover { 
	background-color: #1cbbb4;
	color: #fff;
	border: 0;
}
.main-content { 
	margin-top: 10px;
}

.readmore {
	color:  #1cbbb4 !important;
	white-space: nowrap;
}


div.header  { 
	text-align: center;
	margin-top: -8px;
	margin-bottom: 25px;
	position: relative;
	border-bottom: 1px solid #1cbbb4;
}


section div.header h3 { 
	position: relative;
	top:13px;
	margin-top: 0px;
	background-color: #1cbbb4;
	color: #fff;
	width: auto;
	display: inline;
	font-size: 16px;
	padding: 5px 20px 5px 20px;
	text-transform: uppercase;
	white-space: nowrap;		
} 


section div.header h3 a {
	color: #fff;
}  

section h2 a, section p a{
	color: #000;
}


.thumbnail h3 { 
	font-family: Times;
	font-size: 20px;
}


.more-news { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.more-news li { 
	border-top:1px solid #ccc;
	padding: 8px 0 8px 0;
	position: relative;
} 
.more-news li { 
	font-size: 14px;
}


.more-news li .fa { 
	color: #1cbbb4;
	position: absolute;
	left: 0;
	top: 9px;
	font-size: 20px;
} 

.more-news li p { 
	padding-left: 20px;
	margin-bottom: 0;
} 

.more-news li p a {
	color: #999;
}  

.thumbnail .caption h3 a, .thumbnail .caption h4 a, .video-box h3 a {
	color: #000;
	font-family: Times;
}


.thumbnail .caption p a {
	color: #000;
}

.video-box h3 a {
	font-size: 20px;
} 

.video-box > div { 
	position: relative;
	text-align: center;
}

.play-video { 
	position: absolute;
	width: 100%;
	top:90px;
	left:0;
	text-align: center;
	color:rgba(0,0,0,0.5);
}

.play-video:active, .play-video:hover { 
	color:red !important; 
} 

h2.center { 
	text-align: center;
	font-size: 22px;
}

.footer_two { 
	background-size: cover;
	min-height: 230px;
	cursor: pointer;
}


.btn-green { 
	background-color: #1cbbb4;
	color: #fff;
	border: 1px solid #0b8983;
	text-align: center;
	width: 100%;
}

.book-now a.btn-extra { 
	width: 100% !important;
	display: block;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	
}


section { 
	margin-bottom: 10px;
}

.sidebar-form { 
	border: 1px solid #ccc;
	margin-bottom: 10px;	
	text-align: center;
	padding-bottom: 10px;
}

.sidebar-form h5 { 
	color: #1cbbb4;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: Times;
	padding: 0 10px 0 10px;
}

.sidebar-form input {
	width: 90% !important;
	margin-left:auto;
	margin-right: auto;
}  

section .screen-reader-text { 
	display: none;
}


article h1 { 
	margin-bottom: 4px;
}

article h1 a { 
	color: #000;
	text-decoration: none;
}

article h1 a:hover { 
	color: #1cbbb4;
} 

article .thumbnail { 
	margin-top: 5px;
}

article .thumbnail em {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
} 

article small.time-author { 
	font-size: 14px;
	color: #666;
	font-weight: 300;
	
}
.print-link, .print-link p, .print-link p a { 
	text-align: right;
	color: #666;
	font-size: 14px;
	font-weight: 300;
}

.post-tags { 
	background-color: #f0f0ee;
	padding: 8px 5px 8px 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.post-tags a { 
	color: #000;
} 

.post-tags a:hover { 
	color: #1cbbb4;
} 

.post-tags .col-sm-7 { 
	text-align: right;
}

article p a { 
	color: #1cbbb4;
}

article p { 
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 15px !important;
	font-family: 'questaregular', Georgia, serif	
}


article p b, article p strong  { 
	font-family: 'questabold', Georgia, serif;
} 

article p i, article p em  { 
	font-family: 'questaitalic', Georgia, serif;
} 

.recommend h5 {
	font-size: 16px;
	padding-bottom: 15px;
} 


.banner { 
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #f0f0ee;
}

.banner iframe, .banner img , .banner table{ 
	margin-left: auto;
	margin-right: auto;
} 

.verbiage, .verbiage a { 
	color: #000;
}

#twitter-widget-0 { 
	float: none !important;
	position: absolute;
	top: 0;
	left: 0;
}

.slider-article-page { 
	border-radius: 4px;
	border: 1px solid #e1e1e8;
	background-color: #f7f7f9;
	margin: 10px 0 10px 0;
	position: relative;
	padding: 8px 0 8px 0;
}
.slider-article-page .bt{ 
	background-color: #8b0212;
	color: #fff;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	font-size: 18px;
	display: inline;
	white-space: nowrap;
}

.counter-slide { 
	text-align: center;
}
.next-slide { 
	text-align: right;
}

article  p { 
	clear: both;
}


.alignnone, .aligncenter, .img-responsive { 
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.alignleft { 
	float: left;
	margin: 5px;
}


.alignright { 
	float: right;
	margin: 5px;
}

.we-recommend a{ 
	color: #000;
}

.trending-top div.top_news { 
	margin: 0;
	font-family: Times;
	font-size: 20px;
	color: #1cbbb4;
}

.trending-top ul { 
	list-style: circle;
	margin-left: 0;
	padding-left: 0;
}

.trending-top ul li a { 
	font-size: 12px;
	color: gray;
} 


.main-content .row { 
	position: relative;
}

.media-object { 
	max-height: 100px;
	width: auto;
}

.media-body h4 { 
	margin-top: 0;
	font-family: Times;
}

.media-body h4 a { 
	color: #000;
} 

.highlight { 
	padding: 0 !important;
	border: 0 !important;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { 
	background-color: #1cbbb4;
	border-color: #1cbbb4;
}
.pagination>li>a, .pagination>li>span  { 
	color:  #1cbbb4;
}


.leaderboard { 
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}

.archive-title { 
	color: #1cbbb4;
	background-color: #f0f0ee;
	padding: 8px 0 8px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

#discovery-drop-and-down { 
    border: 1px solid #ccc;
    border-radius: 2px;
    display: none;
    z-index: 3000;
}

#base-banner { 
	padding-top: 10px;
	padding-bottom: 10px;
}
#base-banner div { 
	text-align: center;
}


.page-title a { 
	color: #000;
	text-decoration: none;
}

.page-title a:hover {
	color: #1cbbb4;
} 

.wp-caption {
	width: 100% !important;
	border: 1px solid #ccc;
	background-color: #f0f0ee;
	border-radius: 4px;
	padding: 5px;
	
}

.wp-caption p{
	font-size: 85%;
	font-style: italic;
	margin-bottom: 0;
} 

aside section { 
	overflow: hidden;
}


.a2a_floating_style { 
	margin-right: 33%;
}


.mobile_banner_placement { 
	padding: 10px 0 10px 0;
	text-align: center;
	display: block;
	
}
.mobile_banner_placement img, .mobile_banner_placement iframe { 
	margin-left: auto;
	margin-right: auto;
} 

#below_post_banner {
	clear: both;
	margin-bottom: 10px;
}

.a2a_kit { 
	display: none;
}

.embed-video { 
	margin-bottom: 10px;
}


@media (min-width: 300px) {

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.a2a_kit { 
		display: block;
	}
	.a2a_floating_style { 
		margin-right: 0;
	}
	
	.navbar-brand span { 
		display: none;
	}
	
	.footer_widget {  
		min-height: 200px;
	} 

	
	.navbar-default .navbar-nav li a { 
		font-size: 11px;
		padding-left: 4px;
		padding-right: 4px;
	}	
	
	#search-field { 
		width: 70px;	
	}
	
	.row .recommend div { 
		min-height: 320px;
	}

	#main-logo	{ 
		max-width: 950px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#discovery-drop-and-down { 
		min-width: 520px;
	}
	
	
	.ticker { 
	}
	
	.ticker-wrapper { 
		position: relative;
		height: 75px;
		overflow: hidden;
	}

	.ticker li{
		height: 80px;
		padding: 10px 0 10px 0;
	} 
	
	#whereto > div.row > div:first-child{
		font-size:19px;
		padding-top: 3px;		
	}
	
	#whereto > div.row > div:last-child{
		text-align: center;
		color:#fff;
		font-size:14px;	
		font-weight: 300;
		padding-top: 6px;
	} 

	#whereto > div.row > div:last-child a{
		color: #fff;		
	} 

	#whereto > div.row > div:last-child a:active{
		color: blue;
	} 

	#whereto > div.row > div:last-child i{	
		font-weight: 100;
	} 
	
	#wheretoinput { 
		width: 80%;
	} 
	
	.carousel-caption a, .carousel-caption h1 { 
		font-size: 30px;
		line-height: 33px !important;
	}
	
	.carousel-inner>.item>a>img {
   		 margin-left: 0 !important;
    	height: auto !important; 
    	max-height: none !important;
    	
	    width: 100% !important;
		max-width: none !important;
     
	}		
		
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 



	.navbar-default .navbar-nav li a { 
		font-size: 12px;
		padding-left: 8px;
		padding-right: 8px;
	}	
	
	#search-field { 
		width: 110px;	
	}

	
	.footer_widget {  
		min-height: 210px;
	} 
	
	.trending-top ul { 
		padding-left: 5px;
	} 
	
	
	.pull-md-right  {
		position: absolute;
		right: 0;
	}

	section div.header h3 { 
		font-size: 14px;
	}
	
	aside section { 
		overflow: hidden;
	}
	
	#logo-short { 
		margin-top: 10px;
	}
	
	#header-leaderboard { 
		text-align: right;
		padding-right: 0 !important;
	}
	
	#whereto > div.row > div:last-child{
		font-size: 16px;
		padding-top: 6px;
	} 
	
	#wheretoinput { 
		width: 90%;
	} 	
	
	.carousel-caption a, .carousel-caption h1 { 
		line-height: 33px !important;
	}		
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	
	.navbar-default .navbar-nav li a { 
		font-size: 14px;
		padding-left: 13px;
		padding-right: 13px;
	}		
	
	
	.footer_widget {  
		min-height: 230px;
	} 	
	
	.trending-top ul { 
			padding-left: 0;
	}
	section div.header h3 { 
		font-size: 16px;
	}
	
	#wheretoinput { 
		width: 92%;
	} 		

}