/*
	Theme Name: TiCr/Buttons of Widgetaria Child - Genesis
	Theme URI: http://TiCr.us
	Description: Titanium Creative/Buttons of Widgetaria child theme for Genesis framework by Studio Press. This theme provides support for HTML 5. 
	Author: Bryan Taylor
	Author URI: http://TiCr.us
	Template: genesis
	Template Version: 2.0
	Version: 14.4.19.01
	
	Style Guide
	
	Font:
	
	Dark Blue: rgba(17,48,132,1)
	Dark Med Blue: rgba(4,66,191,1)
	Light Med Blue: rgba(8,79,220,1)
	Med BlueGreen: rgba(10,93,166,1)
	Yellow: rgba(244,231,64,1)
	Beige: rgba(277,210,129,1)
	Parchment: rgba(255,240,200,1)
	Med Red: rgba(157,70,78,1)
	Dark Orange: rgba(217,83,35,1)
	Light Orange: rgba(242,155,48,1)
*/

@import url("../genesis/style.css");


body { font-size:16px; background-color:black; color:#555555; }
body > div { font-size:1.2rem; }
.site-container { max-width:1200px; margin:auto; }

.serif, h1, h2, h3, h4, h5, h6, p, ul, li { font-family:'Crimson Text', serif; }

h2 { font-size:1.5rem; }
h3 { font-size:1.3rem; }
h4 { font-size:1.1rem; }
h5 { font-size:1rem; }
h6 { font-size:.8rem; }

p { font-weight:400; }
a { text-decoration:none; }

input, select, textarea { font-size:1.3rem; padding:.3rem; color:rgba(25,25,100,1.00); }

button, input[type="button"], input[type="reset"], input[type="submit"], .button { font-size:1.3rem; }

#wpadminbar { border-bottom:1px solid rgba(242,155,48,1.00); background-color:rgba(84,36,36,1.00); box-shadow:rgba(242,155,48,.90) 0px 3px 3px;  }
#wp-admin-bar-wp-logo { display:none; }
#wpadminbar .menupop .ab-sub-wrapper { background-color:rgba(157,70,78,.95); }
#wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon, #wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a   { color:rgba(242,155,48,1); }

.site-headerX { background-color:rgba(173,216,230,1.00); background-image:url("img/header-background-01.jpg"); background-size:cover; padding: 0 10px; }
.site-header { min-height:inherit; background-color:black; border-bottom:none; }
.site-header .wrap { padding:0; }
.title-area { width:45%; min-width:300px; }
.site-title a { color:white; text-shadow: 3px 3px 7px #333333; }
.site-title a:hover { color:white; }
.site-description { color:rgba(242,155,48,1); font-size:20px; font-weight:300; }

.header-image .site-header .wrap { background-image:none; margin: 0 auto; border-radius: 7px; width: 90%; padding: 10px 10px; }
.header-image .title-area { width:360px; max-width:100%; margin:auto; float:none; height:auto; min-height:45px; min-width:160px; }
.header-image .site-title { display:block; }
.header-image .site-title a { width:360px; max-width:100%; height:98px; min-height:inherit; background-image:url(../../../wp-content/uploads/2015/06/Buttons-of-Widgetaria-LOGO-360px.png); background-repeat:no-repeat; background-size:contain; }
.header-image .site-description { display:block; clear:both; text-indent:0; text-align:center; }

.header-image .site-header .widget-area  { padding:1.5rem 0; }

.nav-primary { background-color:rgba(173,216,230,1.00); border-bottom:2px solid rgba(25,100,25,1.00); border-radius:3px; box-shadow:rgba(0,0,0,.5) 0px 3px 2px; }
.nav-primary .genesis-nav-menu a { padding:5px 15px; color:rgba(25,100,25,1.0); }
.nav-primary .genesis-nav-menu .sub-menu { box-shadow:2px 2px 5px #333333; }
.nav-primary .genesis-nav-menu .sub-menu a { background-color:rgba(181,238,181,.95); padding:5px 15px; text-transform:uppercase; }
.nav-primary .genesis-nav-menu .sub-menu a:hover { background-color:rgba(144,238,144,1.00); }
.nav-primary .genesis-nav-menu .current_page_ancestor > a, .nav-primary .genesis-nav-menu .current_page_item > a { color:rgba(25,100,25,1.00); }
.nav-primary .genesis-nav-menu .current_page_ancestor > a:hover, .nav-primary .genesis-nav-menu .current_page_item > a:hover { color:white; }

.site-header .widget-area { width:45%; }

.site-inner { background-color:transparent; padding-top:0; padding-bottom:20px; margin-top: 0; margin-bottom:40px; max-width:100%; }

.sidebar-primary { background-color:rgba(84,36,36,1); padding-top:15px; }

.sidebar .widget { padding:0; }

.sidebar-primary .widget { width:300px; }
.sidebar-primary .text-widget {  }

section { margin:auto; line-height:1; }

.content { background-color:rgba(255,240,200,1); }
.content .entry { background-color:transparent; }

.entry-title { font-size:2rem; text-align:center; }
.entry { background-color:transparent; padding:10px; margin-bottom:1rem; }
.entry-footer .entry-meta { display:none; }

.site-footer { background-color:rgba(84,36,36,1.00); padding:0; position:fixed; left:0px; bottom:0; width:100%; border-top:2px solid rgba(217,83,35,1.00); box-shadow:rgba(217,83,35,.25) 0px -3px 3px; }
.site-footer p.footer-copyright { margin:3px 0 5px; font-size:.6em; font-weight:200; color:rgba(242,155,48,1.00); }
.site-footer p.footer-copyright a { color:rgba(242,155,48,1.00); }

.fine-print { font-size:10px; font-weight:200; text-align:justify; padding-top:15px; border-top:1px solid gray; }
.fine-print em { font-style:normal; font-weight:400; }

.mejs-container.svg.mejs-audio { width:100% !important; max-width:400px !important; }

code, kbd, pre, samp { font-size:.9em; }

/********************************************/

/*	INSET STYLES							*/

/********************************************/

.entry ul.inset, .entry div.inset { display:block; width:85%; margin:auto; padding:10px; background-color:rgba(255,255,255,.25); border:1px solid gray; border-radius:5px; }
.entry ul.inset ul { margin-left:20px; }
.entry ul.inset li { list-style:none; line-height:1.2; margin:.6em; }
.entry ul.inset li b { font-size:1.1em; }

.entry .callout { width:95%; margin:0 auto 20px; padding:10px; background-color:rgba(17,48,132,1); border:1px solid gold; border-radius:5px; }
.entry .callout p { margin:0; color:white; font-size:1.1rem; line-height:1.1; }


/********************************************/

/*	COMMENT STYLES							*/

/********************************************/

.comment-respond, .entry-comments, .entry-pings { background-color:transparent; }
.comment-form p.form-submit { display:inline-block; background:url('/wp-content/uploads/2015/06/Buttons-of-Widgetaria-panel.png') no-repeat; background-size:100% 100%; width:300px; margin:auto; padding:15px; }
.comment-form p.form-submit input[type="submit"] { display:table-cell; background-color:transparent; color:white; text-align:center; width:100%; }
.comment-form p.form-submit input[type="submit"]:hover { background-color:rgba(255,255,255,0.15); }

/********************************************/

/*	RESPONSIVE STYLES						*/

/********************************************/

@media only screen and (max-width: 1023px)
{
	.site-inner { padding-left:10px; padding-right:10px; }
	.content { width:65% !important; }
	.sidebar-primary { width:300px; }
	.entryX { padding:0; }
}

@media only screen and (max-width: 960px)
{
	.content { width:100% !important; }
	.sidebar { width:100%; text-align:center; }
	.sidebar .widget { display:inline-block; margin:0 5px;  vertical-align:middle; }
}

@media only screen and (max-width: 890px)
{
	.content, .sidebar-primary { width:100% !important; }
}

@media only screen and (max-width: 800px)
{
	.wrap { padding:0; }
	.header-image .site-header .wrap { width:100%; padding:0 5%; }
}

@media only screen and (max-width: 640px)
{
	.site-inner { padding-left:5px; padding-right:5px; }
	
	.nav-primary { border-radius:0; }
	.nav-primary a { padding:3px 10px; }
	
	.entry ul.inset { width:95%; }
	.entry .callout { width:100%; }
	.entry ul.inset ul { margin-left:10px; }

}

@media only screen and (max-width: 360px)
{
	.header-image .site-header .widget-area { width:100%; }
}