/*  

Theme Name: Semper Fi Lite

Text Domain: semper-fi-lite

Theme URI: http://schwarttzy.com/product/wordpress-theme-semper-fi/

Author: Schwarttzy

Author URI: http://schwarttzy.com/

Copyright: Semper Fi Lite WordPress Theme, Copyright 2019 Eric J. Schwarz. Semper Fi Lite is distributed under the terms of the GNU GPL

Description: Semper Fi Lite is a handwritten WordPress theme for blogs, businesses, and can also be used as a powerful e-commerce (Woocommerce) solution. Written without JavaScript, just pure HTML5 and CSS3, Semper Fi Lite is free of any possible scripting conflicts with every WordPress Plugin out there. Fully responsive, with a built-in mobile friendly touch screen menu, adaptive font sizing, Woo Commerce integration, page-specific custom backgrounds, and 4k+ resolution ready. All of Semper Fi Lite's options are organized and controlled with WordPress's powerful Customizer for real-time customization. For support with questions, help, or issues use <a href="http://schwarttzy.com/contact-me/" target="_blank">the contact page</a> or head over to <a href="https://wordpress.org/support/theme/semper-fi-lite/" target="_blank">the forums</a>.

Version: 126

License: GNU General Public License, version 3 (AGPLv3)

License URI: http://opensource.org/licenses/AGPL-3.0

Requires PHP: 5.6

Tags: blog, custom-background, custom-colors, custom-header, custom-menu, e-commerce, editor-style, featured-images, footer-widgets, full-width-template, microformats, news, one-column, right-sidebar, sticky-post, theme-options, translation-ready, threaded-comments

Tested up to: 5.8.2

*/

/* REMEMBER, Friends don't let Friends use pixels! */

/* Standard HTML Elements
------------------------------------------------------------------*/
a, abbr, acronym, blockquote, body, cite, dd, del, dfn, dt, h1, h2, h3, h4, h5 ,h6, html, iframe, img, ins, object, ol, p, pre, sub, sup, table, tbody, td, th, tr, ul {
    background: none;
    border: 0;
    font-size: 1em;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
h5,
h6,
th,
var {
    font-style: normal;
    font-weight: normal;
}
    
a {
	transition: color 0.2s ease-in-out;
	color: #c52b30;
	text-decoration: none;
}

a:focus,
a:hover {
    color: #555555;
}

:focus {
    outline: .125em solid #c52b30 !important;
}

article a {
    font-weight: bold;
}

a img {
    border: none;
}

abbr {
    border-bottom: .05em dotted #111;
    cursor: help;
}

acronym {
    border-bottom: .05em dotted #111;
    cursor:help;
}

form:after,
div.gallery:after,
ol#list-comments:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

aside {
    display: block;
}

blockquote {
    background: rgba(0, 0, 0, 0.1);
    border-left: .5em solid #555;
    border-left: .5em solid rgba(0, 0, 0, .6);
    clear: both;
    margin: 1em 2%;
    padding: 1em;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote blockquote {
    background:none;
}

blockquote:after {
    color: #000;
    content: close-quote;
    float: right;
    font-size: 4em;
    line-height: .1em;
    opacity: .25;
    padding: .15em 0 .25em .25em;
    z-index: -1;
}

blockquote:before {
    color: #000;
    content: open-quote;
    float: left;
    font-size: 4em;
    line-height: .1em;
    opacity: .3;
    padding: .25em .25em .25em 0;
}

blockquote p {
    display: inline-block;
    text-align: center;
    width: calc( 100% - 2.5em );
}

blockquote cite,
blockquote p cite {
    display: block;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin: 1em 0 0;
    text-align: right;
	text-transform: uppercase;
}

blockquote cite:before {
    content: "- ";
}

body {
    background: #333333;
    background-attachment: fixed;
    background-image: url(images/semper-fi-lite-top-of-world-H3-hummer-1920x1080.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #333333;
    font: normal 16px 'Open Sans', sans-serif;
    line-height: 32px;
    position: relative;
    scroll-behavior: smooth;
	text-align: center;
    word-wrap: break-word;
    z-index: 1;
}

body.custom-background {
    background-image: none;
}

/* iOS Safari / iPhones don't display background-size: cover; correctly when used with background-attachment: fixed; I hate you Apple */
@media (orientation: portrait) { _::-webkit-full-page-media, _:future, :root body, _::-webkit-full-page-media, _:future, :root body.custom-background { background-attachment: scroll !important; background-size: 200vh !important; } }
@media (orientation: landscape) { _::-webkit-full-page-media, _:future, :root body, _::-webkit-full-page-media, _:future, :root body.custom-background { background-attachment: scroll !important; background-size: 200vw !important; } }

cite {
    font-style: italic;
}

code {
    background: rgba(0,0,0,.05);
    display: block;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    margin: 1em 0;
    padding: 1em;
}

p code {
    display: inline;
    margin: 0;
    padding: .1em .5em;
}

dd {
    margin: 0 5% 1em;
    width: 90%;
}

del {
    text-decoration: line-through;
}

dfn {
    border-bottom: 1px dotted #111;
    cursor: help;
}

dt {
    margin: 0 0 .5em;
    font-weight: bold;
}

footer {
    display: block;
}

form {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Teko', sans-serif;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 2.0em;
}

h3 {
    font-size: 1.875em;
}

h4 {
    font-size: 1.625em;
}

h5 {
    font-size: 1.375em;
}

h6 {
    font-size: 1.25em;
}

header {
}

hgroup {
}

html {
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: 100%;
}

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

#map img {
    max-width: none !important;
}

input,
button {
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
    margin: .25em;
}

input[type="number"],
input[type="submit"],
button[type="submit"] {
    background: #333333;
    border: none;
    color: #ffffff;
    font-weight: bold;
    padding: 1em;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    color: #aaaaaa;
    cursor: pointer;
	transition: color 0.2s ease-in-out;
}

input[type="email"],
input[type="search"],
input[type="text"],
input[type="url"] {
    height: 2em;
    width: 16em;
}

input[type="text"] {
    padding: 0 .25em;
}

input[type="author"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"] {
    border: none;
    padding: .5em;
}

body > foot input[type="search"] {
    padding: 1.5em;
}

input[type="number"] {
    max-width: 4em;
}

ins {
    color:#c52b30;
}

li {
    line-height: 1.5em;
}

p {
    font-family: 'Raleway', sans-serif;
    line-height: 1.5em;
    text-align: justify;
    vertical-align: middle;
}

pre {
    background:rgba(255, 255, 255, 0.6);
    overflow:scroll;
    margin:0;
    padding:.5em 5%;}

sub {
	font-size:.7em;
	height:0;
	line-height:1em;
	position:relative;
    top:.2em;}

sup {
    bottom:.7em;
	font-size:.7em;
	height:0;
	line-height:1em;
	position:relative;}

table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:.9em;
    text-align:left;
    margin:1em 0;
    max-width: 100%;
    padding:1em 0;
    width:100%;}

table.center-up {
    width: 100% !important;
}

table caption {
    color:#c52b30;
    font-size:1.5em;
    margin:0 0 .5em;}

textarea {
    font-size: 1em;
    padding:1em;
    max-width:calc(100% - 2em);}

tbody tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.08);
    border: none;
}

td {
    border-top: 1px solid rgba(19,19,19,.25);
    border-right: 1px solid rgba(19,19,19,.25);
    padding: .4em .4em;
    text-align: center;
}

tfoot tr {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    font-weight: bold;
}

th {border-right:.05em solid rgba(19,19,19,.25); padding:.5em .5em;}

tr td:last-child {border-right:none;}

tr th:last-child {border-right:none;}

select {max-width:100%;}

article video {
    width: 100%;
}

:focus {outline:0;}

::selection {
    background: rgba(70, 70, 70, .9);
    color: #ffffff;
    text-shadow: none !important;
}

/* Code for Firefox */
::-moz-selection {
    background: rgba(70, 70, 70, .9);
    color: #ffffff;
    text-shadow: none !important;
}

a::selection {
    color: #c52b30;
}

/* Code for Firefox */
a::-moz-selection {
    color: #c52b30;
}


/* HTML Elements requiring WordPress Special ID
------------------------------------------------------------------*/

#wp-calendar td,
#wp-calendar th {
    text-align: center;
}

img#wpstats {
    display: none;
}


/* HTML Elements requiring WordPress Special Classes
------------------------------------------------------------------*/

iframe.twitter-timeline {
	height: auto !important;
    min-height: 22em !important;
	width: 100% !important;
}

body article .textaligncenter,
body article h3.textaligncenter {
    text-align: center;
}

.aligncenter,
.alignnone {
    display: block !important;
    margin: 2em auto !important;
    max-width: 100% !important;
    text-align: center !important;
}

.alignfull {
    max-width: 90% !important;
}

.alignleft {
    display: block !important;
    float: left;
    margin: 2em 2em 2em 0 !important;
    max-width: 75.5% !important;
}

.alignright {
    display: block !important;
    float: right;
    margin: 2em 0 2em 2em !important;
    max-width: 75.5% !important;
}

.bypostauthor {
    background: #111111;
}

.img-circle img {
    border-radius: 50%;
    border: .5em solid #ffffff;
}

.height-small img {
    max-height: 4em !important;
    max-width: auto !important;
}

.endleft{
    margin: 0 0 2% 0;
}

.endright{
    margin: 0 0 2% 0;
}

div.gallery,
figure.wp-block-gallery {
    display: flex;
    flex-flow: row wrap;
    margin: 2em auto;
    max-width: 60em;
}

div.gallery-columns-1,
div.gallery-columns-2,
figure.wp-block-gallery.columns-1,
figure.wp-block-gallery.columns-2,
div.gallery-columns-3,
figure.wp-block-gallery.columns-3 {
	max-width: 40em;
}

.gallery-caption {
    color: #666666;
    font-style: italic;
    text-align: center;
}

main#the-article li.blocks-gallery-item {
    margin: .5em 1em;
}

.gallery-columns-1 figure.gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-item {
    width: calc( 100% - 2em ) !important;
}

.gallery-columns-2 figure.gallery-item,
.wp-block-gallery.columns-2 .blocks-gallery-item {
    width: calc( 50% - 2em ) !important;
}

.gallery-columns-3 figure.gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc( 33.33333% - 2em ) !important;
}

.gallery-columns-4 figure.gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc( 25% - 2em ) !important;
}

.gallery-columns-5 figure.gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc( 20% - 2em ) !important;
}

.gallery-columns-6 figure.gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc( 16.66666% - 2em ) !important;
}

.gallery-columns-7 figure.gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc( 14.28571% - 2em ) !important;
}

.gallery-columns-8 figure.gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc( 12.5% - 2em ) !important;
}

.gallery-columns-9 figure.gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-item {
    width: calc( 11.11111% - 2em ) !important;
}

figure.gallery-item {
    flex: auto;
	overflow: hidden;
    margin: .25em;
}

.left {
    float: left;
}

.right {
    float: right;
}

img.size-large {
	max-width: 100% !important;
}

figure.gallery-item .size-thumbnail,
figure.gallery-item .size-medium,
figure.gallery-item .size-full {
    width: 100%;
}

figure.gallery-item img {
    text-align: center;
    margin: auto;
}

figure.wp-block-embed .wp-block-embed__wrapper {
    display: inline-block;
}

.sticky {
    /* I really don't want the End User to know they're on a sticky page... is that so wrong? */
}

#the-article .twitter-tweet {
    margin: 1em auto !important;
}

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption,
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
    display: block !important;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    font-size: .6em;
    padding: 0 !important;
}

.wp-caption {
	color: #666;
	font-style: italic;
}

.wp-caption-text {
    font-size: .9em;
    text-align: center;
}

.wp-video {
    margin: 0 auto;
	max-width: 80vw !important;
	width: 100%;
}

.video-container,
.embed-vimeo,
.embed-youtube {
    box-shadow: 0 0 1em rgba(0,0,0,.5);
	margin: 0 auto 2.5%;
    max-width: 80vw;
	padding: 0 0 45vw;
	position:relative;
	width: 100vw;}

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

.video-player {
    text-align: center;
}

.wpforms-container,
.wpforms-confirmation-container-full {
    margin: 0 auto !important;
    max-width: 50em !important;
}

.ztb-customchatbox-logo,
.ztb-customchatbox-logo::after,
._4fsi:nth-child(5),
._2jjx:nth-of-type(5) {
	display:none !important;
}

/* Responsive CSS Coding
------------------------------------------------------------------*/

@media screen and (max-width:600px){
    
    .admin-bar nav#display-menu {
        
        top:0px;
        
    }
    
}

@media all and (min-width:60em) {
    
    body {
        font: normal 1.13563vw 'Raleway', sans-serif;
        line-height: 1.25em;
    }
    
    

    img.size-large.aligncenter {
        max-width: 60% !important;
        min-width: 40em;
    }
    
    .video-container,
    .embed-vimeo,
    .embed-youtube {
        max-width: 100%;
        padding: 0 0 22.5em;
        width: 40em;
    }
    
    .alignfull .video-container,
    .alignfull .embed-vimeo,
    .alignfull .embed-youtube {
        max-width: 100%;
        padding: 0 0 45em;
        width: 80vw;
    }
    
}

/*

- Northmen guild's code of ethics -

Love what you do, Do what you love,
Begin where you are, Use what you have,
Do what you can, Honour the elders,
Teach the young, Protect and love your family,
Keep your craft and your skills strong,
Learn from your own mistakes, not only from others,
Look for the log in your own eye,
not the splinter in your brothers,
Be loyal to your friends, Voice your opinion,
Stand your ground, Trust your brothers,
Work hard, stay humble, Focus on the detail,
Be brave, Be calm, Be patient,
Wake up early, Temper your body,
Live in nature, Walk in the woods,
Climb the mountains, Find time to be alone,
Hunt when you need food, Rest when you can,
Work when you must, Always leave your mark,
Take charge when others show weakness,
Have more, spend less,
More time, less convenience,
Craft, not business,
Value, not price, Quality, not quantity,
To create, not to produce, Hands, not machines

*/