@CHARSET "ISO-8859-1";

/** ADMIN STYLES **/
#admin_login {
	margin-top: 20px;
	margin-left: 55px;
	padding: 10px;
	width: 290px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 12px;
}

#admin_login table {
	width: 100%;
}

#admin_login table thead th {
	font-size: 20px;
	font-weight: 500;
}

#admin_login table tbody td {
	padding: 2.5px;
}

#admin_login table tbody td[colspan="2"] {
	text-align: right;
}

#admin_login input[type=text], #admin_login input[type=password] {
	width: 200px;
}

#admin_login_msg {
	display: none;
}

TABLE.admin td#admin_content {
	/*border: 1px solid green;*/
	padding: 20px;
	padding-top: 5px;
	vertical-align: top;
}

TABLE.admin td#admin_content h1 {
	font-size: 20px;
}

TABLE.admin td#admin_menu {
	/*border: 1px solid red;*/
	border-right: 1px solid #ddd;
	padding-top: 5px;
	width: 250px;
	vertical-align: top;
}

TABLE.admin {
	width: 100%;
	min-height: 400px;
	border: 1px solid #ddd;
}

.right {
	float: right;
}

.rss_news_items {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.rss_news_items li {
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
}

.rss_news_items li span {
	pointer-events:none;
}

.news_item_options_div {
	margin-top: 10px;
}

.news_item_options_div a {
	z-index: 10;
}

TABLE.edit {
	width: 100%;
	font-size: 14px;
}

TABLE.edit TH {
	font-size: 16px;
}

TABLE.edit TD {
	padding: 2.5px;
}

TABLE.edit TD.label {
	width: 150px;
	padding-right: 5px;
}

TABLE.edit INPUT[type=text] {
	width: 100%;
}

TABLE.edit TEXTAREA {
	width: 100%;
	height: 200px;
}

TD.help:hover {
	color: orange;
	font-weight: 600;
}

/* Login Page */
.admin_login {
	margin-left: 55px !important;
}

.admin_login td {
	padding: 10px;
}

/* Index Page */
.admin_page {
	padding-left: 40px;	
}

.admin_side_menu {
	vertical-align: top;
}

.admin_side_menu ul { 
	list-style-type: none;
}

.admin_side_menu li {
	list-style-position:inside;
	padding: 20px;
	margin-bottom: 10px;
    border: 1px solid black;
    text-align: center;
    font-weight: bold;
}

.admin_side_menu li:hover { 
	background-color: #000000;
	cursor: pointer;
	color: #ffffff;
}

.admin_content {
	padding-left: 40px;	
    vertical-align:  top;
    padding-top: 15px;	
}

/* Default Page */
.admin_default_content {	
    font-size:  24px;
    margin-top:  20px;
    width:  640px;	
}

.blog_main_table {
	width: 90vw;	
}

/* Posts */
.admin_items {
	width: 100%;	
}

.posts_name_column {
	width: 25%;
}

.posts_category_column {
	width: 10%;
}

.posts_published_column {
	width: 3%;
}

.posts_published_date_column {
	width: 10%;
}

.blog_form_input {
	width: 100%;	
}

.blog_choose_file_input {
	display: none;
}

.blog_add_file, .blog_remove_file {
	cursor: pointer;
}

.blog_add_file {
	margin-right: 40px;
}

.blog_remove_file {
	float: right;
}

.blog_image {
	border-radius: 4px;	
}

.blog_image_display {
	max-width: 800px;
}

/* Categories */
.categories_name_column {
	width: 65%;
}

.categories_created_date_column {
	width: 35%;
}

/* Users */
.users_name_column {
	width: 60%;
}

.users_enabled_column {
	width: 10%;
}

.users_created_column {
	width: 30%;
}

.admin_items td {
	border: solid 1px black;
	padding: 10px;
}

.admin_items th {
	

}

.item_form td {
	padding: 10px;
	vertical-align: top;
}

.item_form textarea {
	width: 500px;
	height: 150px;
}

.blog_form_button_container {
	padding-right: 400px !important;	
}

.blog__user_form_button_container {
	padding-right: 60px !important;
}

.save_button {
	float: right;
}

.preview_button {
	float: right;
	margin-right: 10px;
}

.cancel_button {
	float: right;
	margin-right: 10px;
}

.delete_button {
	float: left;
}

.blog_user_display {
	float: right;
	margin-right: 250px;	
}

.pagination {
	margin-top: 20px;
    margin-bottom: 20px;
}

.item_featured {
	background-color: rgb(0, 174, 219);	
}

.section {
	width: 71vw;
	margin: 0px auto;
	position: relative;
	padding-top: 75px;
	max-width: 1330px;
}
/** END ADMIN STYLES **/

/** CLIENT-FACING STYLES **/

/* --- Blog Post Preview Page -- */
.blog_post_preview_title {
	margin-top: 20px;
	margin-bottom: -40px;	
}
/* ----------------------------- */

/* --- Blog Postings ----------------------------------------------------------------------------- */
.psb_top_main {
	max-width: 100%;	
}

.blog_main_content {
	margin-bottom: 60px;	
}

.blog_section_top {
	padding-bottom: 100px;
    margin: 0px auto;	
    padding-top: 135px;	
}

.blog_all_main {
	margin: 0px auto;	
    padding-top: 140px;
    max-width: 1200px;
}

.blog_subhead_main {
    margin-top: 60px;
	max-width: 1200px;
	width: -webkit-fill-available;
	width: -moz-fill-available;
	width: fill-available;	
}

.blog_subhead_main_left {
	width: 76%;
}

.blog_posting_container {
	padding: 20px;
	max-width: 750px;
	min-width: 750px;
	position: relative;
	margin: 0px auto;
}

.blog_top_article_main {
	margin-bottom: 60px;
    /*padding-top: 40px;*/	
}

.blog_top_article_image_cont {
	width: 30vw;
}

.blog_top_article_image_cont img {
	width: 100%;
	object-fit: cover;
}

.blog_article_content {
    padding: 10px 60px 40px 60px;	
}

.blog_cat_cont {
    font-size: 13px;
    letter-spacing: .4px;
    line-height: 16px;
}

.blog_article_cateagory {    
    text-align: center;  
    display: inline-block;
    color: var(--blue-med);
}

.blog_article_cateagory a {
	color: var(--blue-med);
}

.blog_article_title {
	margin-top: 2%;
    font-size: 34px;
    line-height: 1.3em;
}

.blog_article_all_title {
    margin-bottom: 18px;
    font-size: 42px;
    line-height: 1.25em;
}

.blog_article_body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.blog_article_author {	
    font-size: 16px;
}

.blog_article_pubdate {	
}

.blog_image_container, .blog_video_container {
	margin-top: 10px;
}

.blog_image_display {
	max-width: 350px;
}

.blog_category_container {
	font-size: 13px;
	padding-top: 25px;
    padding-bottom: 10px;
}

.blog_category_container a {
	font-weight: bold;
	color: #0088cc;	
}

.blog_category_container a:hover {
	color: #2fafd6;
}
	
.blog_share_container {
	position: absolute;
    right: 20px;
    width: 45%;
}

.jssocials-share-link {
	width: 111px;	
}

.blog_bottom_content_container {
	margin-top: 20px;	
}

.blog_title_container, .blog_post_content_container {
	width: 90%;
}

.blog_title_container {
	font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.blog_title_container a {
	color: #000;
	font-family: "Euclid-Circular-B-Regular", sans-serif;
}

.blog_date_time_container {
}

.blog_post_content_container {
	vertical-align: top;
    padding-top: 20px;
}

.blog_post_body_container {
	font-size: 14px;
    line-height: 1.6em;
}

.blog_readmore_container a {
	font-weight: bold;
	color: #0088cc;
}

.blog_readmore_container a:hover {
	color: #2fafd6;
}

.blog_items_row {
	max-width: 1200px;
}

.blog_item_cont {
	width: 30vw;
	margin: 15px;
	cursor: pointer;	
}

.blog_item_cont:hover {
    transform: translate(0, -3px);
}

.blog_latest_title {
	font-family: "Euclid-Circular-B-Regular", sans-serif;
	font-size: 26px;
	font-weight: 500;
    width: 68%;
}

/* Blog Post Page */
.blog_section {
	margin: 0px auto 40px auto;
	position: relative;
    width: 80vw;
    max-width: 1200px;
}

.blog_section_home {
	padding-top: 20px;	
}

.blog_section_article {
	padding-top: 100px;
}

.blog_back_cont {
	width: 72px;
	padding-bottom: 4px;
}

.blog_back_cont:hover {
	border-bottom: 1px solid var(--blue-med);
}

.blog_back_arrow {
	margin-right: 8px;	
}

.blog_pp_title_container {
	font-size: 50px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-right: 20px;
	padding-bottom: 10px;
}

.blog_pp_body_content {
	margin-top: 20px;
}

.pagination {
	text-align: center;	
}

.pagination a {
	color: #000;
}
	
.separator {
	/*border-top: 1px solid #A0A0A0;*/
}

.blog_pager_button {
	height: 40px;
	width: 40px;
	border: 1px solid var(--blue-dark);
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin-left: 20px;
    margin-right: 20px;
    color: var(--white);
    background-color: var(--blue-med);    
}

.blog_pager_button:hover { 
	color: #000;
	background-color: #fff;
}

.blog_pager_button_active {
	height: 40px;
	width: 40px;
	border: 1px solid var(--blue-dark);
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin-left: 20px;
    margin-right: 20px;
	color: #000;
	background-color: var(--white);	
}

.blog_pager_button, .blog_pager_button_active span {
	line-height: 40px;
}

.blog_button_container {
	margin-left: 20px;
	margin-top: 20px;
}

a.blog.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: "museo-sans-rounded", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #000;
	padding: 8px 20px;
	border-radius: 4px;
}
a.blog.button:active {
	top: 2px;
}
a.blog.button:hover {
	background: #B2B2B2;
}

.blog_section_article_top {
    padding-bottom: 30px;
}

.blog_section_article_bottom {
	width: 55vw;
    padding-bottom: 60px;
    margin: 0px auto;
}

.blog_header_main {
    width: 97%;
    margin: 0px auto;
    padding-bottom: 25px;
}

.blog_header_social_main {
	margin-left: auto;
}

.blog_header_social_cont .flex_sub_container {
	padding-left: 20px;
}

.blog_header_social_main img {
	max-height: 32px;
}

.blog_header_social_main img:hover {   
    opacity: 0.5;
    text-shadow: none;
}

.blog_article_main {
	margin: 0px auto;
}

.blog_article_image_cont {    
    margin: 0px auto;
    text-align: center;
}

.blog_article_image_cont img {
	max-width: 1200px;
	border-radius: 20px;
}

.blog_article_bottom_body {
    line-height: 1.7em;
}

.blog_article_bottom_back {
	margin-bottom: 40px;
}

.blog_featured_image {
	max-width: 650px;
}

.psb_inner {	
	padding-top: 45px;
}

.psb_desc {
	padding-right: 20px;
}

.psb_inner {
	background-color: var(--slate-gray-light);
	padding-top: 165px;
}

.psb_item_content {
	padding: 75px 65px 65px 75px;
	width: 40vw;
}

.psb_image_cont {
	width: 60vw;
    overflow: hidden;
    position: relative;
}

.psb_image_cont img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   	max-height: 630px;
    height: 50vw;
}

.psb_lower_outer {
	padding-top: 40px;
    padding-bottom: 40px;
}

.psb_lower_inner {
	width: 80%;
	margin: 0px auto;
	padding: 20px 0px;
}

.psb_recent_main {
	max-width: 1450px;
	margin-bottom: 25px;
}

.prb_item {
	background-color: var(--slate-gray-light);
    max-width: min-content;
    min-height: 475px;
    margin: 12px;
}

.prb_item img {
	max-width: 300px;
}

.prb_item_inner {
	display: flex;
 	padding: 0px 25px;
}

.prb_item_inner h3 {
	font-family: var(--main-font);
	font-weight: 500;
}

.prb_item_adj {
    margin-left: 0px;
}

.prb_body {
 	min-height: 125px;
 	font-family: var(--secondary-font);
 	font-size: 14px;
}

.prb_posttitle {
	text-align: right;
}

.main_title h1 {
    font-size: inherit;
    margin: inherit;
    font-weight: inherit;
}

.main_arrow_link {
    margin-top: 20px;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    color: var(--black);
    padding-bottom: 2px;
    font-weight: 500;
    text-transform: uppercase;
}

.main_arrow_link:hover {
    color: var(--blue-med);
}

.main_arrow {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.main_arrow:before {
    content: '\2192';
    font-size: 24px;
}

/* --- API (paretosystems.com/blog/api/) -------------------- */
.api_section {
	width: 70%;
	margin: 40px auto;
}

.api_banner {
	text-align: center;
	background-image: url('../images/api_background2_1600.jpg');
	background-position: 0px -40px;
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
	width: 100%;
}

.api_banner_text {
	position: absolute;
    top: 115px;
    left: 430px;
    font-size: 48px;
    font-weight: 500;
}

.api_banner_logo {
    position: absolute;
    top: 175px;
    left: 980px;
}

.api_title {
	font-size: 48px;
}

.api_method_container {
	margin: 40px 0px;
}

.api_method_content {
	margin-bottom: 20px;
}

.api_logo_container {
	margin-left: 60px;
}

.api_bottom_banner {
	text-align: center;
	background-image: url('../images/api_background_1600.jpg');
	background-position: 0px 0px;
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
/* ---------------------------------------------------------- */

/* -END CLIENT FACING STYLES -------------------------------- */

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 	 
	
	video {
		width: 300px;
		height: 175px;
	}
	
	.blog_section {		
		width: 100%;
		min-width: 0px;
	}
	
	.blog_header_container {
		width: 90vw;
	}
	
	.blog_header_social_cont {
		flex-flow: row !important;
	}
	
	.blog_posting_container {
		margin-bottom: 40px;
		max-width: 300px;
	}
	
	.blog_details_social_row {
		flex-flow: row !important;
	}
	
	.blog_header_social_cont .flex_sub_container {
	    padding-left: 10px;
	}
	
	.blog_image_display {
	    max-width: 300px;
	}
	
	.blog_article_image_cont img {
	    max-width: 100vw;
	}
	
	.blog_section_article_bottom {
    	width: 85vw;
	}
	
	.jssocials-share-link {
		width: auto;
	}
		
	.blog_posting_container {
		padding: 0px;
		min-width: 0px;
	}
	
	.blog_share_container {
		width: auto;
		right: 0px;
	}
	
	.blog_title_container, .blog_post_content_container {
		display: block;
		width: 100%;
	}
	
	.blog_pager_button, .blog_pager_button_active {
    	width: 20px;
    	margin-left: 5px;
    	margin-right: 5px;
	}
	
	.blog_title_container {
		font-size: 35px;
	}
	
	.blog_category_container {
	    font-size: 20px;
	}
	
	.blog_pp_title_container {
    	font-size: 35px;
	}	
	
	.psb_image_cont img {
		max-height: unset;
    	height: auto;
    	max-width: 100vw;		
	}
	
	.psb_item_content {
	    padding: 45px 25px 65px 25px;
	    width: auto;
	}
	
	.blog_article_bottom_body img {
		max-width: 280px;
		height: 100%;    	
    	width: 100%;
    	object-fit: scale-down;
	}
	
	/* --- API (paretosystems.com/blog/api/) -------------------- */
	.api_section {
		width: 90%;
	}
		
	.api_banner {
		background-size: cover;
		background-position: -540px 0px;
	}
	
	.api_banner_text { 
		width: 100%;
	    font-size: 34px;
	    left: 0px;
	    top: 135px;
	}
	
	.api_banner_logo {
		left: 190px;
		top: 375px;
	}
	
	.api_logo_container {
		margin-left: 0px;
	}
	
	.api_title {
	    font-size: 28px;
	    margin-top: 0px;
	}
	
	.api_method_link {
		word-wrap: break-word;
	}
	
	.api_bottom_banner {
		background-position: -300px 0px;
		background-size: cover;
		margin-bottom: -200px;
	}
	
	.api_br {
		display: none;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (max-device-width: 2568px) and (min-device-width: 320px) and (orientation: portrait) {
	.blog_section {		
		width: 90%;
		min-width: 0px;
	}
	
	.blog_posting_container {
		min-width: 0px;
	}
	
	.blog_image_display {
		max-width: 290px;
	}
}
	
/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
	
	video {
		width: 520px;
		height: 315px;
	}
	
	.blog_section {		
		width: 90%;
		min-width: 0px;
	}
	
	.blog_header_container {
		width: 90vw;
	}
	
	.blog_posting_container {
		margin-bottom: 40px;
		max-width: 510px;
		min-width: 0px;
	}
	
	.blog_image_display {
	    max-width: 520px;
	}
	
	.jssocials-share-link {
		width: auto;
	}
	
	.blog_posting_container {
		padding: 0px;
	}
	
	.blog_share_container {
		width: auto;
		right: -10px;
	}
	
	.blog_title_container, .blog_post_content_container {
		display: block;
		width: 100%;
	}
	
	.blog_pager_button, .blog_pager_button_active {
    	width: 20px;
    	margin-left: 5px;
    	margin-right: 5px;
	}
	
	.blog_title_container {
		font-size: 35px;
	}
	
	.blog_category_container {
	    font-size: 20px;
	}
	
	.blog_pp_title_container {
    	font-size: 35px;
	}
	
	/* --- API (paretosystems.com/blog/api/) -------------------- */
	.api_section {
		width: 90%;
	}
	
	.api_banner {
		background-size: cover;
    	background-position: -285px 0px;
    	height: 600px;
	}
	
	.api_banner_text {
	    left: 35px;
    	font-size: 38px;
    	top: 130px;
	}
	
	.api_banner_logo {
		left: 450px;
	}
	
	.api_logo_container {
		margin-left: 0px;
	}
	
	.api_title {
	    font-size: 28px;
	    margin-top: 0px;
	}
	
	.api_method_link {
		word-wrap: break-word;
	}
	
	.api_bottom_banner {
		background-position: -300px 0px;
		background-size: cover;
		margin-bottom: -200px;
	}
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {		
	.blog_header_container {
		width: 90vw;
	}
	
	.blog_section {
    	width: 100vw;
    	min-width: 0px;
    	margin: 0px auto;
	}
	
	.blog_title_container, .blog_post_content_container {
    	width: 45%;
	}
	
	.blog_posting_container {
		max-width: 700px;
		min-width: 700px;
		padding: 10px;
	}
	
	.blog_title_container {
		font-size: 32px;
	}
	
	.blog_share_container {
		width: 55%;
		right: 0px;		
	}
	
	.blog_header_container .section_text {
    	font-size: 28px;
	}
	
	.blog_video_control {
		height: 360px;
		width: 640px;
	}
	
	.blog_image_display {
	    max-width: 640px;
	}
	
	.blog_article_image_cont img {
	    max-width: 100vw;
	}
	
	.blog_header_social_cont {
		flex-flow: row !important;
	}
	
	.blog_section_article_bottom {
    	width: 85vw;
	}
	
	.psb_image_cont img {
    	max-height: unset;
    	height: auto;
    	width: 100vw;
	}
	
	.psb_item_content {
	    width: 80vw;
	}
	
	.psb_lower_inner {
    	width: 90%;
	}
	
	.psb_recent_main {
		flex-flow: wrap !important;
	}
	
	.blog_article_bottom_body img {
		max-width: 600px;
		height: 100%;    	
    	width: 100%;
    	object-fit: scale-down;
	}
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}