/*
Theme Name: Obsidian Dawn 4.0 Theme
Theme URI: http://obsidiandawn.com
Author: Stephanie Shimerdla
Author URI: http://stephanieshimerdla.com
Description: Theme for ObsidianDawn.com, 2017.
Version: 4.0
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready

Obsidian Dawn WordPress Theme © 2017 Stephanie Shimerdla
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* Basics */
body {
    background: #3d3d3d;
    color: #3d3d3d;
    font: 16px 'Muli', sans-serif;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.5;
}
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1              { font-size: 160%; margin: 8px 0; padding: 0 0 40px 30px; color: #717171; font-family: 'Lora', serif;}
h2              { font-size: 140%; margin: 12px 0;font-family: 'Muli', sans-serif; }
h3              { font-size: 220%; margin: 14px 0;font-family: 'Niconne', cursive;color:#3d3d3d; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 17px 0 }
h5              { font-size: 140%; margin: 14px 0; font-family: 'Lora', serif; color:#fff;}
h6              { font-size: 90%; margin: 24px 0 }
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 18px }
small, sub, sup { font-size: 15px }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal; }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
h4 {color: #787878;text-transform:uppercase;margin-left: 20px;}
pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;background: #e3fffe;border: #ddd; width: 60%; margin-left: 10%;padding:10px;}
ul {list-style-type: none;}
blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 50%;
    margin: 8px 0;
    padding: 8px 40px;
    line-height: 1.65;
    position: relative;
    color: #383838;
}
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #86e92e;
}
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
 
blockquote cite:before {
    content: "\2014 \2009";
}
code {
    display:block;
    width: 50%;
    margin: 15px  30px;
    padding: 5px 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background: #f7ffff;
    box-shadow: 1px 1px 2px #dbdbdb;
}
code:before {
    display: block;
    font-family: 'FontAwesome';
    content: '\f121';
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #7a7a7a;
}
dt {
	font-weight: bold;
        line-height: 120%;
        color: #86e92e;
}
dd {
	background:none no-repeat left top;
	padding-left: 50px;
        line-height: 120%;
}
dfn {font-style: italic;}
.centerit {text-align:center;}
img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
}

a, a:link, a:visited {color:#86e92e;text-decoration:none;}
a:hover, a:active {color:#78ff00;text-decoration:none;}

a.nocolorchange, a.nocolorchange:link, a.nocolorchange:visited, a.noocolorchange:hover, a.nocolorchange:active {color: #3d3d3d;}
a.menunav:hover, a.menunav:active {color: #fff;}
a.blacktogreen, a.blacktogreen:link, a.blacktogreen:visited {color:#000;}
a.blacktogreen:hover, a.blacktogreen:active {color: #78ff00;}


/* Header */

#navigationbar {
	z-index: 10;
	top: 0;
	width: 100%;
	background: #353535;
        list-style: none;
}

.makeitgreen {color:#87e92e;}

.admin-bar #navigationbar {top: 32px;}
@media screen and (max-width: 782px) {
  .admin-bar #navigationbar {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
    #wpadminbar {
		position: fixed !important;
	}
}

.searchbtn {font-size:100%;;color:#86e92e;background:#686868;border:0;padding:6px;}
.srchtext {font-size:100%;width:200px;padding:4px 10px;}
#searchthathides {width: 270px; background: #353535; height: 70px; padding-left: 15px; position:fixed; top: 64px; right: 80px;z-index: 9;display:none;}

.admin-bar #searchthathides {top: 96px;}
@media screen and (max-width: 782px) {
  .admin-bar #searchthathides {
    top: 110px;
  }
}

/* Frontpage */

#wrapper {background: #3d3d3d; color:#fff;}
#meetstephanie {
    text-align:left;
    color: #fff;
}

.markerfont {font-family: 'Just Me Again Down Here', cursive;}
.hellothere {color:#86e92e;text-align:center;}
.introtext {font-family: 'Lora', serif; margin: 0 auto;}

.greenbutton {
    padding: 10px 25px;
    background:#86e92e;
    color:#000;
    margin:0 auto;
    text-align:center;
    display:inline-block;
    font: 80% 'Muli', sans-serif;
    border-radius: 3px; }
.greenbutton:hover {background:#78ff00;}

#centerwrap {width: 100%;background:#fff;text-align:center;padding-top:30px;color:#000;font: 100% 'Muli', sans-serif;}
.centersection {text-align:left;}

.braggingrights {display:inline-block;padding: 10px 30px; margin: 0 auto;text-align:center;font-size:60%;color:#949494; max-width: 80%;}

/* Gallery Section */
.gallerythumbs {
    display: inline-block;
    padding: 10px 5px;
    max-width:100%;
}

ul.img-gallery {list-style-type:none;margin:0;padding:0;margin:0 auto;}
ul.img-gallery li {display:inline-block;height:169px;margin:0 10px 10px 0;position:relative;width:250px;}
span.gallery-label {
  color: #3d3d3d;
  height: 169px;
  left: 0;
  position: absolute;
  top: 0;
  width: 250px;
  text-align:left;
}

span.gallery-label span {
  display: inline;
  line-height: 169px;
  vertical-align: bottom;
  text-indent: 10px;
  background-color: white;
  padding: 5px 10px;
  width: 250px;
  font-size:16px;

}

ul.img-gallery li:hover span.gallery-label span {background-color:#d4ffae;}
.galleryimage {height:169px;width:250px;}

/* Info Section */

#infostuff {
    background-image: linear-gradient(bottom, #3d3d3d 50%, #fff 50%);
    background-image: -o-linear-gradient(bottom, #3d3d3d 50%, #fff 50%);
    background-image: -moz-linear-gradient(bottom, #3d3d3d 50%, #fff 50%);
    background-image: -webkit-linear-gradient(bottom, #3d3d3d 50%, #fff 50%);
    background-image: -ms-linear-gradient(bottom, #3d3d3d 50%, #fff 50%);
}


.infosection {height:250px;width:250px;max-width:95%;display:inline-block;margin:15px;padding:10px;background-color:#e7e7e7;}
.infosection:hover {background-color:#86e92e;}

.dashedline {width: 80%;border-bottom: 2px dashed #acacac;margin:0 auto;}


/* Individual Pages */

.whitesection {background: white;width:100%;}

#resourcewrapper {padding-bottom:30px;}

.recommendedbar {text-align:center;background:#ddd;width:100%;padding: 20px 0;}

.tagsection {padding: 0;font-size:55%;margin-bottom:20px;}
.thisisatag {background:#ccc;border: 1px #ddd;padding:5px;display:inline-block;border-radius:5px;margin-right:3px;}
.thisisatag:hover {background: #86e92e;}
.tagsection a:link, .tagsection a:visited, .tagsection a:hover, .tagsection a:active {color: #3d3d3d;}

/* Footer */
#footer {width:100%;text-align:center;margin-top:0;}
.footersection {font-size:130%;padding-bottom: 30px;}
a.footerlink, a.footerlink:link, a.footerlink:visited {color: #e7e7e7;}
a.footerlink:hover, a.footerlink:active {color: #86e92e;}

.social [class*="fa fa-"] {
    background-color: #e7e7e7;
    border-radius: 35px;
    color: #3d3d3d;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: auto 3px;
    width: 35px;
    font-size: 30px;
    text-align: center;
    margin-bottom: 2px;
}

.fa-facebook:hover {background-color: #3c5a9a;color:#fff;}
.fa-twitter:hover {background-color: #00aced;color:#fff;}
.fa-tumblr:hover {background-color: #32506d;color:#fff;}
.fa-pinterest:hover {background-color: #cb2027;color:#fff;}
.fa-youtube:hover {background-color: #fff;color:#bb0000;}
.fa-deviantart:hover {background-color: #4b5b4e;color:#05cc47;}

#mc_embed_signup{clear:left; font-size:16px; }
#mc_embed_signup input.button:hover, a.button:hover, button:hover, input[type="submit"]:hover {background:#86e92e;color:#000;}

/* Pages n Stuff */

.question {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	color:#5ca600;
}

.faqsection {
	text-transform:uppercase;
	font-weight:bold;
	color:black;
	border-bottom: 1px dotted #5aad01;
	margin-bottom:5px;
}

.faqsection2 {
	text-transform:uppercase;
	font-weight:bold;
	color:black;
	border-bottom: 1px dotted #5aad01;
	margin-bottom:5px;
	margin-top:20px;
}


.answer {
	margin-left:15px;
	margin-bottom:30px;
}

.shortversion {background: #e9ffd5;padding: 20px 30px;border: 1px solid #3d3d3d;}

.toustuff li:before {content: '\f071';font-family: 'FontAwesome';display: inline-block; margin-left: -1.3em; width: 1.3em;}

.toustuff, .toustuff li {padding-left:1.3em;line-height:200%;}

table.licensesinfo {width:70%;margin-left:15%;margin-right:15%;}
table.licensesinfo td {border: 1px solid #ddd;padding:15px;}

.gallerymenu {width:250px;float:left;font-size:90%;margin-right:15px;text-align:center;}
table.gallerymenu td {background:#e9ffd5;border: 1px solid #ddd;padding-top: 10px;}
table.gallerymenu td:hover {background:#86e92e;}

.post-edit-link {font-size:80%;}

#largersearchform input[type=text] {font-size:2em;color:#3d3d3d;}
#largersearchform input[type=submit] {font-size:2em;background:#ccc;border-radius:20px;padding: 0 20px;color:#3d3d3d;}

.groupingboxes {
    border: 1px solid #828282;
    border-radius: 7px;
    padding: 5px;
    margin: 10px 0 15px 0;
}
 /* Temporary this one */
.thumbnailgrouping {
	margin: 8px 4px 22px 4px;
	padding: 0 0 20px 0;
	float:left;
	width: 137px;
	height: 170px;
	border: 1px solid #828282;
	border-radius: 5px;
	overflow:hidden;
	box-shadow: 1px 3px 2px #787878;
	background: #fff;
	text-align:center;
	font-weight: bold;
	font-size: 13px;
}

.videooutside {width: 80%;max-width: 640px;margin: 0 auto;}
.videowrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.videowrapper iframe, .videowrapper object, .videowrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.downloadbutton {
    
}

input[type="text"] {font-size:1em;}
input[type="tel"] {font-size: 1em;}
input[type="email"] {font-size: 1em;}
textarea {font-size:1em;}
#coupon_code {width:300px;max-width:50%;}
a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt {
	background: #74ba2a !important;
}