/*
Theme Name: Mokan
	Theme URI: 
	Description: Mokan Theme
	Version: 1.0
	Author: Robby Kyser
	Author URI: http://broodinteractive.com
	Tags: Mokan
	Not intended for public use
*/

@import url(https://cdn.linearicons.com/free/1.0.0/icon-font.min.css);
@import url(https:////cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);

	
/*

Green: #39CA74
Red: #CC3300
Blue: #2A4690
DK-Gray: #222222
lt-Gray: #EDEDED
Md-Gray: #CCCCCC 

*/

/* TAGS */
* {padding: 0; margin: 0;}
html,body {font-size: 16px; color: #222222; height: 100%; margin: 0; font-family: 'Work Sans', sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;}
body.body-dark {background-color: #222222;}
body.body-light {background-color: #EDEDED;}
a, a:active, a:focus, a:hover {outline: none; cursor: pointer; color: #CC3300;}
ul {list-style: square; }
ul {list-style: outside; list-style-type: square; margin-left: 16px;}
h1 { font-size: 2.063em;}
h2 { font-size: 1.625em;}
h3 { font-size: 1.250em;}
h4 { font-size: 1.125em;}
h1,h2,h3,h4,h5,h6 {color: #2A4690; font-weight: 300;}
h1 {font-weight: 200;}
h1,h2,h3 {margin-bottom: 22px; margin-top: 0px; }
strong {font-weight: 500;}
h4,h5,h6,p,ul,ol,pre {margin-bottom: 15px; margin-top: 15px;}
p,ul,ol,pre {font-size: 1em !important; line-height: 1.65em;}
blockquote {font-size: 1.65em; font-weight: normal; line-height: .75em;}
label {font-weight: 300; font-style:italic;}
textarea{resize: none !important;}
::selection {background-color:#00B259;}
::-web-kit-selection {background-color:#00B259;}
::-moz-selection {background-color:#00B259;}


/* LOADER */

#killIt {color: #666;}

/* NAV */
#nav-bar {width: 100%; line-height: 0; z-index: 10000; position:fixed; background-color: #222; border-bottom: 5px solid #2A4690;}
.nav-inner { margin: 0 auto;}
.nav-logo {float:left; }

.nav-logo #logo {width: 153px; height: 59px; background-image: url(images/logo-txwa-nav.png); background-repeat: no-repeat;}
.nav-icon {font-size: 1.5em;}
#nav-collapse {float: right; padding-right: 22px; }
#nav-collapse a {color: white; display: block; padding: 12px 0 0;}
#nav-collapse > .on {color:  rgba(255,255,255,.5);}

/* wordpress primary menu name = #menu-main-menu && primary menu container = #nav-main (header.php)  */
.menu-main-menu-container {display: none;clear: both; text-align: center; font-size: 1em; font-weight: 200; }
#menu-main-menu {list-style: none; padding: 0; margin: 0 !important; border-top: 1px #333 solid;}
#menu-main-menu a:hover, #menu-main-menu a:active, #menu-main-menu a:focus  {background-color: rgba(255,255,255,.05); text-decoration: none !important; }
#menu-main-menu li {border-bottom: 1px #333 solid}
#menu-main-menu li a {color: white; display: block; padding: 15px 0; letter-spacing: .08em; line-height: 1em;}
#menu-main-menu li a i.fa {line-height: 0;} /* font-awesome - fix */
#menu-main-menu .sub-menu {display: none; list-style: none; margin-top: 0px; background-color: #222222; margin-left: 0 !important;}
#menu-main-menu .sub-menu li, #menu-main-menu .sub-menu li:first-child {border-top-width: 1px; border-top-color: #333 !important; border-top-style: solid; border-bottom: none;}


/* HOME */ 

.stuff-icon i {font-size: 50px; color: #2A4690; font-weight: normal;} 
.home-bdr:last-child {display: none;}
#home-cal {width: 100%;}
#home-cal td {vertical-align: top; padding: 8px;}
#home-cal td p {margin: 0;}
.cal {border: #2A4690 2px solid; border-radius: 0px; }
.cal-month {background: #2A4690; text-align: center;font-size: 1em;font-weight: 200;color: white; text-transform: uppercase; padding: 0 .5em;}
.cal-day {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: center;font-weight: 300;font-size: 1.25em; color: #2A4690 !important; padding: 0 .5em;}
#home-events {background: #DDD; padding: 15px 22px;} 
#home-events h1 {font-size: 3em; font-weight: 200 !important; color: #222;}

/* PAGE */
#wrapper {background: white;} 
#featured-img-container {text-align: center; overflow: hidden; text-align: center; height: 30%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#header-container h1 { font-weight: 200; font-size: 3em; letter-spacing: .025em; padding: 8px 0 10px; margin-top: 22px;}
.content {min-height: 400px;}


/*EVENT POST*/

#event-details tr td {padding: 4px}
#event-details i {font-size: 30px; color: #2A4690}
#event-sponsorship {width: 100%; }
.sponsor-box {vertical-align: top; border-right: none; width: 100%; margin-bottom: 15px;display: block; }
.sponsor-box:last-child {border: none;}
.sponsor-box table {width: 100%;}
.sponsor-title {text-align: center; vertical-align:middle; padding: 10px; color: white; line-height: 1em; height: 100px;}
.sponsor-title p {color: white; line-height: 1em; font-weight: bold;}
.sponsor-price {text-align: center; vertical-align:middle; padding: 0 10px; background: white; }
.sponsor-price h1 {font-weight: bold;}
.sponsor-description {padding: 0 10px; background: #EDEDED; vertical-align: top; text-align: center; font-size: 1em;}
.sponsor-description ul, .sponsor-description ol {list-style-type: none;}
.sponsor-purchase {padding: 10px; background: #EDEDED; text-align: center;} 
.sponsor-purchase {border-radius: 0 0 16px 16px;}
.location-instructions p, .purchase-tickets {margin-top: 0; margin-bottom: 0;}

/* if button is wide or narrow change this */
.sponsor-button {width: 100px; margin: 0 auto;}


/* FOOTER */
#footer {color: #444; }
#footer h1 { font-family: Roboto Slab, sans-serif !important; color: #444 !important; font-size: 2.5em; line-height: .85em;}
#footer #logo {max-width: 292px; height: auto;}
#footer-blog {color: #444;}
#footer a {color: #444; text-decoration: none; }



/* -------------------------------------------------------------------------------------------------------------- */

/* Blockquote */
blockquote  {border-left: none;}
blockquote {font-style: italic; line-height: 1.5em; font-weight: 200;}
blockquote p:before {content: "\f10d"; font-family: FontAwesome; margin-right: 10px; color: #CCCCCC ; font-size: 1.3em;}
blockquote p:after {content: "\f10e"; font-family: FontAwesome; margin-left: 10px; color: #CCCCCC ; font-size: 1.3em; }


/* WIDGETS & SIDE BARS */


.the-side-bar {border-top: #EDEDED 15px solid; padding-top: 15px;}


/* WORD PRESS IMAGES */
.content img {display: block; max-width: 100%; height: auto; clear: both;}
.alignright {float: right; margin: 0 0 15px 22px;}
.alignleft {float: left; margin: 0 22px 15px 0;}
.aligncenter {margin: 0 auto;}
.img-pad-top {margin-top: 15px;}




/* SEARCH, SEARCH RESULTS, BLOG DISPLAY, BLOG FORMAT */

#result-search-bar {padding: 22px 0 8px; background-color: #EDEDED;}
.search-input {background: #FFF;}
#paginate-links {text-align: center;}
ul.page-numbers {list-style: none;  border-top: #CCC 1px dotted; margin-top: 20px; padding: 22px;}
ul.page-numbers li {display: inline;}
.post-date, .post-author {margin-top: 4px; margin-bottom: 4px;}
.post-date {font-size: .75em !important; font-weight: bold;}
.results-rule {border-top: #EDEDED 1px solid; height: 15px; margin-top: 20px;}
.results-rule:first-child {display: none;}
.post-the-thumbnail img {float: left; margin: 5px 10px 10px 0;}
#blog-side-bar h1, #blog-side-bar h2, #blog-side-bar h3, #blog-side-bar h4, #blog-side-bar h5, #blog-side-bar h6, #blog-side-bar p, #blog-side-bar ul, #blog-side-bar ol, #blog-side-bar pre, #blog-side-bar blockquote {margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
#blog-side-bar ul {list-style: outside; list-style-type: square; margin-left: 0px;}
#wrapper.blog-pages {background: #EDEDED; }
#wrapper.blog-pages #inner-wrapper {background: #FFF;}
#blog-side-bar ul {list-style: none;}
#blog-side-bar h3 {margin-top: 30px !important; font-weight: bold;}
#inner-wrapper #header-container {padding-left: 0px; padding-right: 0px;}



/* -------------------------------------------------------------------------------------------------------------- */
/* COLORS */
.white {color: white;}
.green {color: #39CA74 !important;}
.blue {color: #2A4690 !important;}
.red {color: #CC3300 !important;}
.black {color: #222 !important;}
.lt-gray {color: #EDEDED !important;}
.md-gray {color: #CCCCCC !important;}


/* CUSTOM */
#push {height: 59px;}
.space {height: 80px;}
.small-button {padding: 24px 40px !important;}


/* UTILITY */
.clr {clear: both;}
.no-pad { padding: 0;}
.no-mar {margin: 0;}
.pad { padding: 15px;}
.inline {display: inline !important;}
.block {display: block;}
.pad-right {margin: 15px 15px 15px 0;}
.pad-left {margin: 15px 0 15px 15px;}
.seperator {border-top: #EAEAEA 1px dotted; height: 20px; margin-top: 20px; clear: both;}
.fade-over:hover {opacity: .5}
.table-collapse tr td{display: block; border-top: none !important; }
.bdr {width: 100%; border-bottom: 1px #EEE solid;}


/* SPACERS */
.sp-5 {height: 5px}
.sp-10 {height: 10px}
.sp-15 {height: 15px}
.sp-22 {height: 22px}
.sp-30 {height: 30px}
.sp-40 {height: 40px}
.sp-50 {height: 50px}
.sp-60 {height: 60px}
.sp-80 {height: 80px}
.sp-100 {height: 100px}

/* -------------------------------------------------------------------------------------------------------------- */


/* CONTACT-7 */

.wpcf7-response-output {display: none !important;}





/* SHOPIFY -- DISPLAY FIXES */

div[data-embed_type] {
    display: inline-block !important;
}

/* center button for sponsorships */

div.secp-embed-product {}