/* Styles for the template-blog.php pages */
.alignright { margin-right:40px; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
.arve-inner { cursor:pointer; }
/* Basic Page Styles */
hr { background-color:#716d6d; color:#716d6d; height:1px; border:0; width:100%; }
header#basic-page-header { display:block; margin:0 auto; width:100%; height:auto; max-width:1920px; max-height:970px; position:relative; overflow:hidden; }
header#basic-page-header > img { width:100%; height:auto; position:relative; z-index:-1; }
#basic-title { position:absolute; bottom:0; padding-left:50px; box-sizing:border-box; font-size:250%; text-transform:uppercase; z-index:2; height:92px; line-height:92px; vertical-align:middle; width:100%; }
div#basic-content-wrapper { width:100%; max-width:1920px; margin:0 auto; display:block; position:relative; padding:65px 0 100px 0; }
section.basic-main { width:75%; max-width:1440px; display:inline-block; padding:0 20px 0 50px; box-sizing:border-box; float:left; }
div.left-content { width:100%; color:#000 !important; }
div.basic-section { margin:0; padding:17px 0; width:100%; display:block; clear:both; }
div.basic-section.divider { padding:17px 0; border-top:1px solid #848080; }
div.basic-section img { max-width:100%; height:auto; display:block; }
div.basic-section a { text-decoration:none; }
div.basic-section a:hover { color:#023531; }
div.basic-section h1 { font-size:350%; margin-bottom:20px; }
div.basic-section h1.post-title { text-align:center; font-weight:bold; margin-bottom:40px; }
div.basic-section h2 { font-size:250%; margin-bottom:20px; }
div.basic-section h3 { font-size:180%; text-transform:uppercase; }
div.basic-section h4 { font-size:150%; }
div.basic-section p { font-size:135%; margin:5px 0; padding:5px 0; line-height:150%; }
div.basic-section ol { list-style:decimal; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section ol ol { font-size:100%; }
div.basic-section ul { list-style:disc; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section li { padding:5px 0; line-height:125%; list-style-position:outside; }
div.basic-section ul ul { list-style:circle; font-size:100%; }
#breadcrumbs { font-size:125%; position:absolute; top:20px; left:50px; color:#000; }
#breadcrumbs a { color:#898989; }
#breadcrumbs a:hover { color:#023531; }

/* Blog */
/* Color Section */
.blog-bg { background-color:rgba(26,119,111,.8); }
div.basic-section.blog-text h2, div.basic-section.blog-text a, div.basic-section.blog-text h3, div.basic-section.blog-text h4 { color:#1a776f; }
div.basic-section.blog-text a:hover { color:#023531; }
.col12 { width:50%; display:inline-block; float:left; position:relative; }
#blog-area { display:block; position:relative; }
#blog-area:after { clear:both; content:''; display:block; }
#blog-area .article { padding:3%; box-sizing:border-box; }
#blog-area .article:nth-child(odd) { clear:left; }
#blog-area .article h3 { padding:1% 0; }
#blog-area .article a { width:100%; overflow:hidden; }
#blog-area .article h3 a { color:#000; }
#blog-area .article-meta { display:block; line-height:115%; }
#blog-area .article-meta, #blog-area .article-meta a { color:#898989; }
#blog-area .article-meta a:hover { color:#023531; }
#blog-area .blog-sidebar { padding-right:5%; box-sizing:border-box; }
.loadmoreblog, .loadmoretag { display:block; padding:10px 20px; background-color:#53889e; color:white; width:100px; margin:20px auto; text-align:center; }
.loadmoreblog:hover, .loadmoretag:hover { cursor:pointer; }
.article-thumbnail { display:block; width:100%; height:0; margin-bottom:7px; }
.article-thumbnail:after { display:block; clear:both; content:""; }
.article-thumbnail img { max-width:100%; max-height:100%; object-fit:cover; position:absolute; }
.aligncenter { max-width:100%; }

.blog-text p.article-meta { text-align:center; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.basic-sidebar { width:25%; display:inline-block; padding:0 30px; box-sizing:border-box; float:left; }
.sidebar-title { font-size:200%; font-weight:bold; color:#1a776f; }
div.sidebar-content div ul > li { line-height:26px; margin:12px 0 12px 10px; }
div.sidebar-content div ul li a { padding:4px 0; margin:0; font-size:180%; text-decoration:none; color:#000; text-transform:uppercase; }
div.sidebar-content div ul li a:hover { color:#1a776f; }
div.sidebar-content div ul li.current-menu-item a { font-weight:600; color:#1a776f; }
div.sidebar-content div ul li ul li:before { content:"-"; text-indent:-5px; font-size:180%; }
div.sidebar-content div ul li ul li { }


div.sidebar-widget { color:#000; padding:30px 0; }

/* jcarousel styles */
.jcarousel-wrapper { margin: 20px auto; position: relative; width: 80%; }
.jcarousel-wrapper p { font-size:150%; margin-bottom:20px; font-weight:400; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; width: auto; height: 200px; margin-right: 13px; }
.jcarousel img { width:100%; height:auto; min-height:200px; object-fit:cover; object-position:50% 25%; }
.jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }

/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 125px; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }
.jcarousel-control-prev { left: -50px; } 
.jcarousel-control-next { right: -50px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; }


@media only screen and (max-width:1700px) {
	.jcarousel-wrapper { width:628px; height:auto; }
}
@media only screen and (max-width:1280px) {
	.jcarousel-wrapper { width:314px; }
}
@media only screen and (max-width:1024px) {
	section.basic-main { width:60%; }
	section.basic-sidebar {width:40%; }	
}
@media only screen and (max-width:768px) {
  /* For general iPad layouts */
	header#basic-page-header > img { display:block; }
	#basic-page-header-category { display:none; }
	#basic-title { height:62px; line-height:62px;  position:relative; }
	div#basic-content-wrapper { padding-top:25px; }
	section.basic-main { width:100%; padding:0 20px; }
	section.basic-sidebar {width:100%; max-width:400px; padding:0 20px; }
	.jcarousel-control-prev { left: -35px; } 
	.jcarousel-control-next { right: -35px; }
	.jcarousel-wrapper { width:508px; }
	.jcarousel li { width:240px; height:162px; }
	.jcarousel img { width:100%; height:auto; min-height:162px; }
	.jcarousel-control-prev,.jcarousel-control-next { top: 80px; }
}
@media only screen and (max-width:415px) {
	.jcarousel-wrapper { width:254px; margin-left:10px; }
	.col12 { width:100%; }
	#breadcrumbs { position:relative; top:auto; left:auto; }
}