/*
Theme Name: Mastery Theme
Description: A Theme Framework with just the basics
Version: 1.0
Author: Mike Hoff

/*
Dark Blue: #06255e
Light Blue: #45ace0
Gold: #dd9933
*/


* {
	padding: 0;
	margin: 0;
	}

body {
	font-family: 'Nunito', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 135%;
	color: #333333;
	background-color: #ffffff;
	}

body, html {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	}

:hover {
    -webkit-transition:  all 0.35s ease-in-out;
    	-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}

*, html {
	box-sizing: border-box;
	}

*, *:before, *:after {
	box-sizing: inherit;
	}


/* this sets up our ratio boxes */
[style*="--aspect-ratio"] > :first-child {
	width: 100%;
	}

[style*="--aspect-ratio"] > img {  
	height: auto;
	}
	 
@supports (--custom:property) {
 	[style*="--aspect-ratio"] {
		position: relative;
  		}

	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
		} 
		 
	[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		}  
	}

/* fly in divs */
.fly {
	opacity: 0;
	transition: all 600ms ease-in-out;
	transform: translateY(100px) scale(1) translate3d(0, 0, 0);
	-webkit-transition: all 600ms ease-in-out;
	-webkit-transform: translateY(100px) scale(1) translate3d(0, 0, 0);	
	}

.show-block {
	opacity: 1;
	transform: translateY(0) scale(1) translate3d(0, 0, 0);
	-webkit-transform: translateY(0) scale(1) translate3d(0, 0, 0);
	}	

/* universal styles */

p {
	line-height: 150%;
	margin-bottom: 20px;
	}	

small {
    line-height: 135%;
    display: inherit;
	}

:focus {
    outline: none !Important;
	}

a {
	color: #06255e;
	text-decoration: underline;
    -webkit-transition:  all 0.35s ease-in-out;
		-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}	

a:hover {
	color: #45ace0;
	text-decoration: underline;
    -webkit-transition:  all 0.35s ease-in-out;
    	-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}

/*fade images in*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

img {
	border: none;
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1; 
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
	-webkit-animation-duration:.5s;
		-moz-animation-duration:.5s;
		animation-duration:.5s;
	-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
/* end fade images in*/

img {
	max-width: 100%;
	height: auto;
	}

h1, h2, h3, h4 {
	color: #333;
    font-weight: 300;
	line-height: 135%;
	margin-bottom:5px;
	}

h1 {
	font-size: 28px;
	}

h2 {
	font-size: 24px;
	}

h3 {
	font-size: 20px;
	}

h4 {
	font-size: 16px;
	}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	}

hr {
    margin: 40px auto;
    width: 80%;
	}

/* Recommended by http://codex.wordpress.org/CSS */

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.alignleft, .alignright {
	max-width: 55%;
	}

.alignright img, img.alignright {
    margin: 0 0 10px 10px;
	}

.alignleft img, img.alignleft {
    margin: 0 10px 10px 0 ;
	}

.alignright img, img.alignright, .alignleft img, img.alignleft {
	max-width: 100%;
	height: auto;
	}

.wp-caption {
	max-width: 100%;
	font-style: italic;
  	text-align: left;
 	padding-top: 4px;
  	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
	 }

.wp-caption p.wp-caption-text {
  	font-size: 12px;
  	line-height: 115%;
  	padding: 0 4px 5px 0;
  	margin: 0;
	color: #666666;
 	}

blockquote {
	background: #efefef;
	border: 1px solid #cccccc;
	padding: 20px;
	margin: 20px 10px;
	display: flex;
	}

blockquote .cite {
	text-align: right;
	font-style: italic;
	margin: 0px;
	}

/* lists */

#content ol {
	margin: 10px 0 10px 20px;
	margin-left: 30px;
	}

#content ul {
    margin-bottom: 25px;
	}

#content ol li {
	margin-bottom: 10px;
	}
	
#content ul li {
	list-style-type: disc;
	margin: 0 0 10px 30px;
	padding-left: 5px;
	}	

/*********** Forms Buttons and Inputs *************/

form {

	}
	
input, select, textarea {

	}

input, select, textarea {
    border: 1px solid #ccc;
    color: #000;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 16px;
    max-width: 100%;
	}

input.button { 
	font-size: 22px;
	padding: 10px 15px; 
	color: #fff;
	background: #666666;
	}

input.button:hover { 

	}

a.button {
    border: 1px solid #000;
    text-decoration: none;
    padding: .5em 1em;
    text-transform: uppercase;
    color: #000;
	display: inline-block;
	margin: 1em 0;
	}
	
a.button.light {
    border: 1px solid #fff;
    color: #fff;
	}

a.button:hover {
    background: #45ace0;
    color: #fff;
	}
	
a.button.light:hover {
    background: #efefef;
    color: #000;
	}	

a.button.center {
    display: table;
    margin: 1em auto;
    text-align: center;
	}	
	
/******************** Tables ***************** */

table {
	border-collapse: collapse;
	}

tr { }

tr.altrow { 
	/*background: #F9F9F9;	*/
	}
	
th, td {
	text-align: left;	
	}

th {
	padding: 10px 5px;	
	}

td {
	padding: 10px 5px;		
	}

/* PAGE LAYOUT */

#wrap {
	width: 100%;
	margin-bottom: 0;
	background-color: transparent;
	min-height: calc(100vh - 20em);
	}

.contentWrap {
	position: relative;
	}

#content {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	padding: 2em;
	}
	
#content.twoCol {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
	}
	
	
/* sidebar */

section.leftCol {
    width: 65%;
	}
	
#sidebar {
	width: 30%;
	}	

.search {
    display: initial;
	}	

/* header */

.importante {
    background: #45ace0;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-weight: bold;
    font-size: 1.2em;
	}

.importante a {
    color: #fff;
	}

.importante a:hover {
    color: #000;
	}

/* search forms */
.search { }

#searchform {
	padding: 0;
	margin: 0;
	text-align:right;
	}

#searchform input {
	outline: 0;
	padding: 4px;
	margin: 0;
	}	

#searchform #s {
	width: 170px;
	}	

#searchsubmit {
	padding: 0;
	background: none;
	width: 15px;
	}

/* navigation */

.nav-wrap {
	width: 100%;
	background-color: #000000;
	padding: 10px 0;
	}

#header-wrap {
    width: 100%;
    background-color: #06255e;
	position: relative;
	}

div#header-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #06255e, #000000);
    opacity: 1;
	}	

#header {
	width: 100%;
	margin: 0 auto;
	padding: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}

#header #social {
    flex-basis: 100%;
    text-align: right;
    margin-top: -25px;
	}

#header #social a {
    color: #fff !important;
	}

#header #social a:hover {
    color: #cf3e2e !important;
	}		
	
/* top nav */

.topNav {
	width: 100%;
	margin: 0 auto;
	padding: 0 2em;
	font-size: 12px;
    display: flex;
    justify-content: flex-end;
    text-align: left;
    align-items: center;
	}

.topNav a {
    color: #06255e !important;
	}

.topNav a:hover {
    color: #45ace0 !important;
	}
	
.topNav ul {
    list-style-type: none;
	}

.topNav ul li  {
	display: inline-block; 
	padding-left: 10px;
	}


.topNav a {
	/*color: #ffffff;*/
	text-decoration: none;
	margin-right:5px;
	padding-right: 5px;
	}

.topNav a:last-child {
	border-right: none;
	}

.topNav a:hover {
	/*color: orange;*/
	text-decoration:none;
	}
	
.nav-wrap.top {
    background-color: #efefef;
	overflow: hidden;
	position: inherit;
    z-index: 100;
	}

i.fas.fa-search {
    font-style: normal;
	}

.fa-search:before {
	font-family: 'Font Awesome 5 Free' !important;
    margin-right: 5px;
	font-weight: 900;
	}

/* ajax search plugin stuff */

div.asl_w, div.asl_w .probox {
    background-color: transparent;
	}
	
	div[id*='ajaxsearchlite'].wpdreams_asl_container {
	width: initial;
	}

.proinput input {
	width: 5.55em !important;
	transition: width 1s ease-in-out;
	text-align: right;
	}
	
.proinput input:hover, .proinput input:focus {
	width: 25vw !important;
	text-align: left;
	background: #fff;
	}

div[id*='ajaxsearchlite'].wpdreams_asl_container:focus-within, div[id*='ajaxsearchlite'].wpdreams_asl_container:hover {
	background: #fff;
	}	
	
	
		
#social {
    float: none;
	}		

/* main nav */

.nav-wrap.main {
    background-color: #06255e;
	width: 100%;
	padding: 0;
	z-index: 100;
    position: relative;
	}
	
.main-nav {
	max-width: 1170px;
	margin: 0 auto;
	font-size: 15px;	
	text-transform: uppercase;
    font-family: 'Nunito', Helvetica, sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 1em;
	}

.main-nav ul {
	-ms-box-orient: horizontal;
	display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
	display: -moz-flex;
		display: -webkit-flex;
		display: flex;
	justify-content: space-between;
		-webkit-justify-content: space-between;
	}

.menu-main-nav-container {
    width: 100%;
	}
	
.main-nav ul, .main-nav li{ 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	}

.main-nav ul li{ 
	position:relative; 
	display: inline-block;
	}

.main-nav ul li a { 
    display:block; 
    padding:0; 
    margin:0;  
    white-space: nowrap; 
	line-height: 100%;
	color: #ffffff;
	font-weight:normal;
	text-decoration: none;
	}

.main-nav ul li a:hover{ 
	z-index: 1000000;
	color: #45ace0;
	}

.main-nav ul li.current-menu-item a {
    color: #45ace0 !important;
	}	

.main-nav ul ul {
    display: block;
	background: rgb(51,51,51);
	background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	border-radius: 0 0 10px 10px;
	max-height: 0em;
    overflow: hidden;
	transition: max-height .9s ease;
	}

.main-nav ul ul{ 
    position: absolute; 
    top: -99999px; 
    left:0;
    opacity: 0;
	transition: opacity .3s ease-in-out;
    z-index: 497; 
    background: #000000; 
    padding: 10px 15px; 
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.5);
	width: auto;
	}

.main-nav ul li:hover>ul, .main-nav ul li:hover > ul {
    max-height: 600px;
    padding: 10px 15px;
	}	
	
/*SUB SUB Menus*/
.main-nav ul ul ul { 
    position: absolute; 
    top: -99999px; 
    left: 100%; 
    opacity: 0; 
    transition: opacity .5s ease-in-out;
	font-size: 14px;
	font-weight: normal;
	background-color: #000000;
	margin: 0 0 0 75px;
	}

.main-nav ul li:hover>ul, .main-nav ul li:hover > ul { 
	opacity: 1; 
	position: absolute; 
	top: 99%; 
	left: 0; 
	z-index: 1000000;
	}

.main-nav ul ul li:hover>ul{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	opacity: 1; 
	z-index: 1000000;
	background: #333; 
	}

ul.sub-menu {
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 15px;
	}

ul.sub-menu a {
	text-transform: none;
	/*color: #ffffff;*/	
	padding-left: 0;	
	letter-spacing: 0px;
	font-weight: normal;
	}


.main-nav ul.sub-menu a {
	text-transform: none;
	/*color: #ffffff;	*/
	line-height: 100%;	
	}

.main-nav ul.sub-menu a:hover {
	/*color: orange;*/	
	z-index: 100000;	
	}

li.sub-menu {
	float: none;
	margin-bottom: 15px;
	}

.sub-menu li {
	float: none;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 10px;
	}

/* branding and logo */

.logo {
	max-width: 15em;
	z-index: 1;
	}

.logo img {
	max-width: 100%;
	/*filter: drop-shadow(0px 3px 3px rgba(0,0,0,.75));*/
	}

.logo h1 {
	font-size: 50px;
	text-transform: uppercase;
	}

.logo a {
	text-decoration: none;
	}

/* social links */

#social {
	float: right;
	font-size: 24px;
	}

#social a {
	/*color: #fff;*/
	margin-left: 10px;
	}

#social a:hover {
	/*color: orange;*/
	}

/* footer */

#footerWrap {
	width: 100%;
	color: #fff;
	min-height: 20em !important;
	position: relative;
	}

#footerWrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #06255e, #000000);
    opacity: 1;
	z-index: -1;
	}	


#footer {
	max-width: 1170px;
	margin: 20px auto;
	padding: 15px 0;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	}

#footerWrap img {
    filter: none;
    -webkit-filter: none;
	margin: 0 auto;
    display: block;
	max-width: 22em;
	}	
		
#footer {
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 15px;
    color: inherit;
    overflow: initial;
	text-align: center;
	}
		
#footer a {
	/*color: #ffffff;*/
	text-decoration: none;
	}

#footer a:hover {
	/*color: orange;*/
	text-decoration: none;
	}	

#footer a:hover {
    /*color: orange;*/
	}

#footer .left, #footer .right, #footer .middle {
	vertical-align: middle;
	display: inline-block;
	width: 33%
	}

#footer .left b:after {
    content: ' | ';
	}

#footer .middle {
	text-align: center;
	}

#footer .right {
	text-align: right;
	}

/* footer nav */

.footer-nav ul {
    list-style-type: none;
    margin-bottom: 15px;
	}

.footer-nav ul li  {
	display: inline-block;
	margin-right:5px; 
	padding-right: 5px;
	}

.footer-nav ul li:after {
    content: '|';
	}

.footer-nav ul li:last-child:after {
    content: none;
	}

.footer-nav a {
	/*color: #ffffff;*/
	text-decoration: none;
	margin-right:5px;
	padding-right: 5px;
	}


.footer-nav a:hover {
	text-decoration:none;
	}

/* portrait image? this keeps portrait ratio */

.thumb.portrait {
    background: #333;
	}

.thumb.portrait img {
    object-fit: contain;
	}

ul.row li a img:hover {
	/*-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);*/
	}

 

/* archives */

ul.archive {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin: 0;
	padding: 0;
	}

ul.archive li {
	list-style-type: none !important;
	margin: 0 0 50px 0 !important;
	padding: 0 !important;
    width: 30%;
	font-size: 14px;
    line-height: 150%;
	}

ul.archive li .thumb {
   /* background-color: #000;*/
	}
	
ul.archive li img {
    object-fit: cover;
	height: 100%;
	padding-bottom: 15px;
	}

ul.archive li .portrait img {
   /* height: 100% !important;
    width: initial !important;
    display: block !important;
    margin: 0 auto !important;*/
	}

ul.archive li .thumb.nocrop img {
    object-fit: contain;
	}				

ul.archive li span {
    display: block;
    font-size: 12px;
    margin: 5px 0;
	}	

ul.archive li h2 {

	}

ul.archive li a {
    display: block;
	}	
	
#content .excerpt {
	margin: 0 10px 35px 0;
    overflow: hidden;
    vertical-align: top;
	}

#content .excerpt h2 a {
	text-decoration: none;
	}

#content .excerpt .thumb {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	float: right;
    margin: 0 10px 10px 0;
	}

#content .excerpt.thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
	}

#content .excerpt.thumb img.portrait {
	width: 100%;
	height: auto;
	}

/* pagination */

.pagination {
	clear: both;
	padding: 0 0 50px 0;
	position: relative;
	font-size: 12px;
	}

.pagination {
    flex-basis: 100%;
	order: 3;
	}	
	
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	/*color:#666666;*/
	background: #ffffff;
    transition:  all 0.35s ease-in-out;
	}

.pagination a:hover{
	/*color:#000000;*/
	background: #efefef;
    transition:  all 0.35s ease-in-out;
	}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #666666;
	color:#fff;
	}

/* posts */

.date {
	font-size:14px;
	}

.social-share-box {
	margin: 10px 0;
	}




/* tubepress */
body.home .tubepress-thumbs {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	}

body.home .tubepress-thumb {
	width: 24%;
	padding: 0;
	display: initial;
	margin-right: initial;
	}

/* full width video embed responsive */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 50px;
	}

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

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
	}

/* image galleries */

.gallery-item {
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 25%;
	}

#slb_viewer_wrap img {
	opacity:1;  
	-webkit-animation: none; 
		-moz-animation: none;
		animation: none;
	-webkit-animation-fill-mode: none;
		-moz-animation-fill-mode: none;
		animation-fill-mode: none;
	-webkit-animation-duration: none;
		-moz-animation-duration: none;
		animation-duration: none;
	-webkit-animation-delay: none;
		-moz-animation-delay: none;
		animation-delay: none;
	}


div#comments {
    width: 100%;
	border-top: 1px dashed #ccc;
    padding-top: 2em;
    margin-top: 2em;
	}

h2.commentHead {
    font-size: 1.75em;
    font-family: 'Open Sans';
    font-weight: bold !important;
    text-transform: uppercase;
	}

.comment-body div {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1em;
	}

.comment-author.vcard img, .comment-author.vcard cite, span {
    display: inline-block;
    vertical-align: middle;
	}	

.comment-author.vcard cite {
    font-size: inherit;
    color: inherit;
    font-style: normal;
	}

ul.comment-list li {
    list-style-type: none !important;
    margin-bottom: 4em !important;
	}

span.says {
    display: none;
	}

.comment-meta.commentmetadata {
    font-size: .75em;
	}	

.comment-meta.commentmetadata:before {
    content: '\f086';
    margin: 0 .5em;
    color: #888;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	}	

.comment-meta.commentmetadata a {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
	}

a.comment-reply-link:after {
    content: ' to this comment';
	}	

/* reply box style */

div#respond {
    margin: 0 5em 0 2em;
	}
	
textarea#comment {
    display: block;
    width: 100%;
	}

h2 small {
    font-size: .5em;
    display: inline-block;
    margin-left: 1em;
	}	

p.comment-form-comment label {
    margin-bottom: .5em;
    display: block;
	}

.comment-form-comment label:before {
    content: 'Leave Your ';
	}

.comment-form-comment label:after {
    content: ' Below:';
	}
	
textarea#comment {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: .85em;
    border-radius: 5px;
    padding: 1.5em;
    line-height: 1.5em;
	}
	
#respond input#submit {
    background: #1ba7da;
    padding: 1.2em 2em;
    font-weight: bold;
    color: #fff;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
	font-size: .75em;
	}

#respond input#submit:hover {
	background: #000;
	}	

/* social pug */

.dpsp-shortcode-wrapper {
    margin-bottom: 1.2em;
    margin: 1em 0 0 0;
	}	

.sponsored {
    background: #efefef;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    flex-basis: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 8px;
    margin: 15px 0 25px 0;
    webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.25);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.25);
	}

.sponsored img {
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
	}

.hide {
	display: none !important;
	}

.headerCover {
	max-width: 20%;
    display: flex;
    align-items: center;
	z-index: 1000;
	}

.headerCover img {	
	width: 100px;
	}

.headerCover:hover a {
    box-shadow: 0px 0px 15px #ffffff;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	}

.headerCover a.callout {
    background: #06255e;
    color: #fff;
	text-align: center;
    padding: .5em .75em;
    text-decoration: none;
    font-weight: 800;
    font-size: .9em;
	text-transform: uppercase;
    font-weight: 800;
    line-height: 100%;
    margin: 0;
    border-radius: 5px 0 0 5px;
	}	

.headerCover:hover a.callout {
    background: #45ace0;
	}
	
.headerCover a.callout span {
    display: block;
    font-size: .75em;
    text-transform: none;
    font-style: italic;
	}


/* responsive */

.mobileonly {
	/*hide stuff you only want to see on small screens*/
	display: none !important;
	}

.mobilehide {
	/*unhide stuff you dont want to see on big screens*/
	display: initial !important;
	}

.sub760Hide {
	display: none !important;
	}	

@media only screen and (max-width: 1169px) {

body, #header, #footer, .topNav, #content {
	width: 100%;
	}

#header {
	margin-top: 0;
	text-align: center;
	}

.topNav {
	padding: 10px 100px 10px 25px;
	}

.topNav #ajaxsearchlite1 {
    display: none;
	}
		
.nav-wrap.main {
    display: none !important;
	}

#footer {
	/*padding: 10px 25px;*/
	}

.logo {
    /*max-width: 50%;
    background-size: contain;
    top: 0;
    max-height: 165px;*/
	}

#content {
	padding: 25px;
	}


#content, #header, .main-nav, .topNav, .contentWrap, #footer {
	width: 100% !important;
	}

.nav-wrap.top {
	/*padding: 10px 25px;*/
	}

.menu-top-menu-container {
    display: initial !important;
    margin-left: 4em;
	}	
	
.topNav {
    padding: 0;
	}

.topNav ul {
    margin-top: 2px;
	}		


} /* end of 1170px */


@media only screen and (max-width: 900px) {

.headerCover img {
    display: none;
	}

.headerCover .callout {
    text-align: right !important;
	}
		
.headerCover a.callout span {
    /*display: none;*/
	}

.headerCover a.callout {
    background: none;
    color: #c0c2ce;
    padding: 0;
    text-transform: initial;
    font-weight: 800;
    border-radius: 0;
	font-style: italic;
	}

.headerCover a.callout:after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 600 !important;
	}	
	
} /* 900px */


@media only screen and (max-width: 850px) {



	
} /* end 850px responsive */


@media only screen and (max-width: 768px) {

body {
	min-width: 100%;
	}

.search {
	display: none;
	}

.logo {
	float: none;
	text-align: center;
	}

#content, #main, #header, #footer {
    width: 100%;
    margin: 0;
	}

#header {
	text-align: center;
	/*padding: 1em 0;*/
	}

.headerCover {
    display: none;
	}

.nav-wrap.top {
    min-height: 2.5em;
	}
		
#footer .left, #footer .right, #footer .middle {
	display: block;
	width: 100%;
	text-align: center;
	}

#header img {
    max-width: 85%;
	}

.alignright, .alignleft, .wp-caption.alignright, .wp-caption.alignleft {
    float: none;
	width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	}

.alignright img, .alignleft img {
    width: 100%;
	}

img {
	max-width: 100%;
	height: auto;
	}

/* image galleries */

.gallery-item {
    width: 50%;
	}

.g-1 {
    margin-top: 5px;
	}
		
.g.g-1 div, .g.g-1 a {
    max-width: 100% !important;
	}	

ul.archive li {
    width: 100% !important;
	}


/* social pug */
span.dpsp-network-label-wrapper {
    display: none;
	}

.dpsp-networks-btns-wrapper .dpsp-network-btn .dpsp-network-icon {
    width: 100%;
	}

} /* end of 768px */


@media only screen and (max-width: 650px) {

#header {
    justify-content: center;
	padding: 1em;
	}

		
} /* 650px */

@media only screen and (max-width: 600px) {

.mobileOnly {
	display: initial !important;
	}
	
.topNav {
    display: initial;
	}
	
.nav-wrap.main {
    display: none !important;
	}

.menu-top-menu-container {
	margin-left: 0;
	}
	
.menu-top-menu-container, #social {
    text-align: right !important;
	}	
	
.leftCol {
    width: 100%;
	}

.rightCol {
    width: 70%;
	margin: 0 auto;
	}		


} /* end 600px */

@media only screen and (max-width: 480px) {

.logo {
    margin: 0 auto;
	}	

} /* end 480px responsive */







/* RESPONSIVE Tablet landscape only */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1112px) 
and (orientation : landscape) {




} /* end responsive tablet landscape */

/* RESPONSIVE Tablet portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 834px) 
and (orientation : portrait) {



} /* end responsive tablet portrait */