/*
Theme Name: ClickPly
Theme URI: http://clicknathan.com/web-design/wply
Author: ClickNathan.com
Author URI: http://clicknathan.com/
Description: An immensely basic, responsive, HTML5 and CSS3 theme framework for ClickNathan client site development.
Version: 2.6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* CSS by Nathan Swartz | design@clicknathan.com
   based on the Ply Framework | http://clicknathan.com/web-design/ply-responsive-framework/  */

/* press Reset */

*,*:before,*:after {box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
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,font,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,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
img,fieldset {border:none;}
a {outline:none;}
img, embed, iframe, audio, video, table {max-width:100%;}
.fb_iframe_widget iframe {max-width:none;}
img {height:auto;}

/* the Basics */

@font-face {font-family: 'Icons';
src:url('fonts/icons.eot'); src:url('fonts/icons.eot?#iefix') format('embedded-opentype'), url('fonts/icons.woff') format('woff'),
url('fonts/icons.ttf') format('truetype'), url('fonts/icons.svg#icomoon') format('svg');
font-weight: normal; font-style: normal;}

body {text-align:center;
	  font: 16px/150% 'Open Sans', sans-serif;
	  color:#080d50;
	  background:url(img/bg.jpg) repeat;
	 }

#f, #prime, #sidebar, .panel {padding:20px;}
.slider-panel.panel {padding:20px; border:0; height:310px;}

#nav ul, #h #logo, .social, .ticket-sales {position:absolute;}
#nav ul li, blockquote, sub, sup, #h .container, #f .container, #schedule-push {position:relative;}
#h:after, #nav:after, form:after, #content:after, .gallery:after, #h nav:after, #f:after, .social ul:after, .page-nav:after {content:""; display:table; clear:both;}
#nav ul, #nav li, #nav, #h form, #h input, #h button, #prime, #sidebar, .panel, .social ul {float:left;}
#nav ul li a {display:block;}
#h ul, #f ul {list-style:none;}
#prime, #sidebar, .panel {overflow:hidden;}

/* Layout */

#h, #f {background:rgba(9,29,91,0.26);} /* transparent purple */

.container {margin:0 auto; text-align:left; width:970px;}

#h {height:70px;}
#h #logo {top:5px; left:0;}
#h nav {float:right;}
#nav {margin:9px 0;}
#nav ul {left:-999em;}
#nav li {float:left; margin:0 10px;}
#nav li a {padding:5px;}
#nav li a:hover {border-bottom:5px solid #081c5b;}
#nav li a:after {content:".";}
#nav ul li {float:none;}
#nav ul li a {display:block;}
#nav li:hover > ul {left:auto; width:250px; background:white; z-index:420;}
#nav li:hover > ul > li:hover > ul {left:200px; top:0;}
#h nav form {width:25%;}

#menu-toggle {display:none;}

#content {margin:70px 0;}

#prime, #sidebar, .panel, #nav ul, .single-tribe_events #content #tribe-events-content form.cart {background:white; box-shadow:inset 0 0 100px 0 rgba(88,220,217,0.3), 0 0 15px 0 rgba(6,0,61,0.3); border:15px solid white;}

#nav ul {background:#eaeaea;}

#prime {width:65%; min-height:400px;}
.page-id-39 #prime {width:100%;}

.panel {width:65%; height:340px; margin-bottom:10px;}

.panel h1, .panel p, .panel li {text-align:center; line-height:140%}
#the-slider .panel h1, #the-slider .panel p, #the-slider .panel li {text-align:left;}
#main h1 {float:left; width:55%;}
#main img {float:right; width:40%; margin-top:15px;}

#photo-slider {padding:0; border:0;}
.slider-photo-panel {padding:0;}

#navigation-panel {padding:0;}
#content #navigation-panel ul {padding:0; list-style:none;}
#content #navigation-panel li {padding:0; font-size:56px;}
#navigation-panel li a {display:block;}
#navigation-panel li:first-of-type {background:#d1c0d9;}
#navigation-panel li:nth-of-type(2) {background:#59e7e9;}
#navigation-panel li:nth-of-type(3) {background:#ffffff;}
#navigation-panel li:nth-of-type(4) {background:#0a0c47;}
#navigation-panel li:hover {background:white; box-shadow:inset 0 0 100px 0 rgba(88,220,217,0.3);}

#age-navigation {margin-left:0; margin-right:1%;}
#age-navigation p {line-height:115%;}
.panel.short-panel.column-panel {width:34%; margin-right:1%; margin-left:0;}
.panel#social-media-links {width:30%; margin-right:0;}

#schedule-push img {position: absolute; bottom: 15px; left:45px;}
#month-name {position:absolute; color:white; left:50%; margin-left:-20%; top:95px;}
#link-to-schedule {position:absolute; top:190px; left:50%; margin-left:-16%;}

#content #social-media-links p {font-size:40px; text-align:left;}
#social-media-links p:before {padding-right:20px;}

#sidebar section {margin-bottom:20px;}
#sidebar section:last-of-type {margin-bottom:0;}
.panel.short-panel, #sidebar {width:34%; margin-left:1%;}
.widget {margin-bottom:30px;}

/* The Slider */

#the-slider {padding:0;}

#content #the-slider h1 {padding-bottom:0; margin-bottom:-10px; margin-top:-10px; line-height:90%; font-size:100px;}
#content #the-slider p {line-height:100%;}

#the-slider img {float:right; max-height: 290px; margin: -80px 20px 0 20px;}


.blog article.post, .archive article.post {margin-bottom:50px;}

img.aligncenter, div.aligncenter {display:block; margin:30px auto; clear:both;}
img.alignright, div.alignright {float:right; margin:10px 0 30px 30px;}
p img.alignright {margin-top:0;}
img.alignleft, div.alignleft {float:left; margin:10px 30px 30px 0;}
p img.alignleft {margin-top:0;}

.gallery {display:inline-block; clear:both; margin:30px auto;}
.gallery-item {float:left; margin:5px;}
.gallery-item img {height:auto;}
.gallery br {display:none;}

.social {clear:both; margin:0px 0; right:0; top:90px;}
#f .social {top:-60px;}
.social ul {width:100%;}
#h .social li {width:50%;}
.social li {width:33%; float:left; list-style:none; padding-left:15px;}
iframe.fb_iframe_widget_lift {max-width:5000em;}

#f small {display:block;}
#f ul, #f li {display:inline;}
#credit {display:inline-block; float:right;}
#credit:after {margin-left:7px;}

.post-edit-link {position:fixed; bottom:0; left:0; padding:5px 15px; background:black; color:white; text-decoration:none;}

.fb-like {position:relative;}
.twitter-share-button {max-width:76px;}

.page-nav p {width:33%; float:left; background:#ced0d4; padding:0 10px; margin:20px 0;}
.page-nav p:nth-of-type(2) {text-align:right; float:right;}
.page-nav p a {padding:10px; display:inline-block;}

/* Tribe Calendar */

.events-archive #prime {width:100%;}
#prime .tribe-bar-filters-inner {background:#effafb !important; color:#2597a7 !important;}
#prime .tribe-bar-views-inner, #prime li.tribe-bar-views-option a {background:#cdeff4 !important; color:#2597a7 !important;}
#prime #tribe-bar-views {background:white;}

h1.tribe-events-page-title {text-align:center; margin-bottom:20px;}

#content h2.tribe-events-page-title {padding:0; width:30%; margin: 0 auto -35px; font-size:20px;}
.tribe-events-day #content h2.tribe-events-page-title {width:100%; margin:0 auto 20px 0;}

#content .single-tribe_events .tribe-events-event-meta {border:1px solid #59e7e9 !important;}

.tribe-events-meta-group.vcard:nth-of-type(2) {display:none;}

#content .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] {background:#1a749d;}
#content tr:nth-of-type(odd) {background:white;}
#content .tribe-events-calendar th {background:#666; color:white;}
#content #tribe-bar-form .tribe-bar-submit input[type=submit] {background:#2597a7;}
#content #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {background:#ececec;}
#content #tribe-events-content .tribe-events-calendar td.tribe-events-past > div:first-of-type {background:#e0e0e0;}
#content #tribe-events-content .tribe-events-calendar td.tribe-events-future > div:first-of-type {background:#b2b2b2;}
#content .tribe-events-calendar div[id*="tribe-events-daynum-"] a {background:none; color:white;}
#content .tribe-events-calendar a:hover {text-shadow:1px 1px 0 #ccc;}

.events-single form.cart {position:fixed; right:5%; top:110px; width:30%;}

#content .tribe-events-tooltip .tribe-events-event-body {display:block; margin:0 15px;}
#content #tribe-events-content .tribe-events-tooltip h4 {margin:15px; background-color:#f9f9f9; padding:0;}

span.tickets_price {background:#59e7e9; color:#0b225f; font-weight: bold; font-size: 35px; padding: 10px; border-radius: 50px; display: inline-block; width: 100px; height: 100px; line-height: 230%;}
.events-single .quantity.buttons_added {position:absolute; top:35px; left:120px;}
.ticket-sales button.button {position:absolute; background:#081c5b; color:white; font-weight:bold; font-size:20px; left:180px; border:none; top:32px; padding: 5px 16px;}
.ticket-sales {width:90%;}
.ticket-sales p {display:inline;}
input.minus, input.plus {display:none;}
.quantity input.input-text.qty {width:40px;}
 
.tribe-events-cal-links .tribe-events-button {padding:10px; background:#0c114b; color:white;}


/* Woocommerce */

.single-tribe_events #content #tribe-events-content form.cart {padding:0 20px; height:250px;}
.single-tribe_events #content #tribe-events-content form.cart h2 {padding:0; margin-bottom:10px;}

#content .woocommerce-info:before {position:absolute; left:-9999em; background-color: none !important; content:'' !important; font-family: Times, Georgia, serif; font-style: italic;}

form.checkout .col-1 h3 {display:none;}

#payment_method_paypal {margin:23px 10px !important;}
ul.payment_methods methods label {display:inline;}
input#terms {position:absolute; left:30px; margin:0;}
.form-row.terms label {float:left; margin:-6px 0 0 16px;}

.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {left:-9999em !important;}
#content .woocommerce-message, #content .woocommerce-info {border:0; border-radius:0; background:#2597a7; color:white; text-shadow: 1px 1px 0 black;}
#content .woocommerce-error {border:0; border-radius:0; background:#ca1d1d; color:white; text-shadow:1px 1px 0 black;}
#content .woocommerce-message a, #content .woocommerce-info a {color:white;}

.cart-collaterals .cart_totals table {float:right;}
.cart-collaterals .cart_totals small {display:none;}

#content p.woocommerce-info {padding:10px;}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {font-family: 'Amatic SC', cursive !important; font-size:26px !important; background:#59e7e9 !important; border:none !important; color:#081c5b !important;}

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {background:#081c5b !important; color:white !important;}

#content #coupon_code {height:38px;}

.lost_reset_password .form-row {width:47%;}

/* Icons */

#h button:after, #credit:after, .icon:before {font-family:'Icons'; speak:none; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased;}

.icon-brush:before {content:"\70";}
.icon-iphone:before {content:"\6d";}
.icon-twitter:before {content:"\74";}
.icon-instagram:before {content:"\69";}
.icon-google-plus:before {content:"\67";}
.icon-star:before {content:"\2a";}
.icon-heart:before, #credit:after {content:"\68";}
.icon-brush-2:before {content:"\50";}
.icon-paint-format:before {content:"\72";}
.icon-video:before {content:"\76";}
.icon-picture:before {content:"\49";}
.icon-time:before {content:"\63";}
.icon-facebook:before {content:"\66";}
.icon-two-hearts:before {content:"\48";}
.icon-cole-townsend-pencil:before {content:"\77";}
.icon-scissors:before {content:"\78";}
.icon-calendar:before {content:"\43";}
.icon-search:before {content:"\73";}
.icon-feather:before {content:"\62";}
.icon-quill:before {content:"\46";}
.icon-pencil:before {content:"\6c";}
.icon-scissors-2:before {content:"\56";}
.icon-mail:before {content:"\65";}
.icon-feed:before {content:"\52";}
.icon-gift:before {content:"\34";}


/* Typography */

h1, #nav, #f p, .panel, h2.tribe-events-tickets-title, #content #tribe-events-content .tribe-events-tooltip h4, #menu-toggle, blockquote, blockquote p, blockquote:before, blockquote:after, #prime h2, #prime h3, #prime h4 {font-family: 'Amatic SC', cursive;}
input, button, textarea {font-family: 'Open Sans', sans-serif;}

#nav a, #f a:hover, #navigation-panel li:last-of-type a, #content #the-slider, #content #the-slider a {color:white;}
#nav ul a, #f p, #f a, #navigation-panel li a, #content .panel h1 a, #content #classes-push a, #social-media-links p a, #social-media-links a:visited, #content #the-slider .link-up-change a, #content #tribe-events-content .tribe-events-tooltip h4 {color:#080d50;} /* Dark Blue, default color */
#content a, #social-media-links p.icon-twitter:before {color:#17a3a5;} /* Teal Blue */
#content a:visited, #social-media-links p.icon-instagram:before, #navigation-panel a:hover, #navigation-panel li:last-of-type a:hover, #content #classes-push a:hover, #social-media-links a:hover {color:#a71dc4;} /* Purple */


.panel h1, .panel p, .panel li, #content .panel p {font-size:60px;}
h1, #nav, #content h2.tribe-events-tickets-title {font-size:50px;}
h2, #sidebar h1, #f p, #content p#link-to-schedule, #content #classes-push p {font-size:40px;}
h3, #sidebar h2 {font-size:35px;}
h4, #sidebar h3, #credit:after, #content #tribe-events-content .tribe-events-tooltip h4 {font-size:30px;}
h5, #sidebar h4 {font-size:25px;}
h6, #sidebar h5 {font-size:20px;}
#content p, #sidebar h6 {font-size:16px;} /* Default Size */
small, #content p.wp-caption-text, .gallery-caption {font-size:12px;}

#nav a, #f a:hover {text-shadow:2px 2px 0 #103068;}
#nav ul a {text-shadow:2px 2px 0 white;}

#content a:hover {text-shadow:1px 1px 0 black;}

#content p, #content ul, #content ol, #content li, #content dl {padding:5px 0;}
#content h1 {padding:50px 0 10px 0;}
#content h2 {padding:40px 0 10px 0;}
#content h3 {padding:30px 0 10px 0;}
#content h4 {padding:20px 0 10px 0;}
#content h5 {padding:10px 0 10px 0;}
#content h6 {padding:10px 0 10px 0;}
#content h1:first-of-type {padding-top:0;}

#content ul, #content ol, #content dd {padding-left:35px;}
#content ul {list-style:disc;}

blockquote {margin:20px 0; padding:0 50px;}
#prime blockquote p {font-size:150%;}
blockquote:before, blockquote:after {position:absolute; font-size:100px;}
blockquote:before {content:"open-quote"; left:0; top:30px;}
blockquote:after {content:"close-quote"; right:0; bottom:0;}

h1,h2,h3,h4,h5,h6,blockquote,#nav li {line-height:100%;}
.wp-caption-text {line-height:125%;}

.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter, .wp-caption-text {text-align:center;}
.wp-caption {max-width:100%;}

a {text-decoration:none;}

#content dt {font-weight:bold;}
h1 strong {font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

sub, sup {font-size:75%; line-height:0; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom: -0.25em;}

/* Tables */

table {margin:30px 0;}
th {font-weight:bold; background:black; color:white;}
tr:nth-of-type(odd) {background:#e4e4e4;}
form.cart table.tribe-events-tickets tr:nth-of-type(odd) {background:transparent;}
#content table.tribe-events-tickets td {border:0;}
form.cart .tickets_name, form.cart .tickets_description {display:none;}

th, td {padding:5px;}



/* Animations,Transitions */

#navigation-panel li a:hover {transition:color 50ms;}
#navigation-panel li:hover {transition:background 250ms;}



/* Gradients,Shadows */




/* Tables */

th {font-weight:bold; background:black; color:white;}
th, td {padding:5px 15px;}


/* Forms */

#h form {position:relative;}
#h button, #h button:after {position:absolute;}
#h input {width:100%; padding-right:20px;}
#h button {text-indent:-999em; top:0; right:0; width:20px; height:20px; border:0; background:none; font-size:25px;}
#h button:after {content:"\73"; left:0; text-indent:0;}

form {margin:15px 0; width:100%;}

label {display:block; padding-left:5px; margin-top:15px;}
input {width:70%; clear:right; padding:5px;}
input[type="radio"], input[type="checkbox"] {float:left; width:auto; margin-right:5px; clear:none;}
textarea {width:100%; padding:15px;}
input[type="submit"], button, .button {width:auto; clear:both; float:right;}

button:hover, input[type="submit"]:hover {cursor:pointer;}

#content input.checkout-button {margin:20px 0 !important;}

/* Media Queries */

@media all and (min-width:1200px) {
  .container {width:1150px;}
  #schedule-push img {left:70px;}
}

@media all and (max-width:1199px) {
  #content #classes-push h1 {padding-bottom:0; margin-bottom:-25px;}
  
}

@media all and (max-width:1085px) {
	.single-tribe_events #content #tribe-events-content form.cart {position:relative; width:112%; top:10px;}
}


@media all and (max-width:1000px) {
  .container {width:950px;}
  
}

@media all and (max-width:640px) {

	.social {right:10px;}
	.panel, .panel.short-panel, .panel.short-panel.column-panel, .panel#social-media-links {width:100%; margin-left:0;}
	#main {height:200px;}
	#main h1 {font-size:30px; line-height:110%;}
	#the-slider {display:none;}
	#f p {line-height:100%; font-size:30px;}
	#credit {float:none;}
	#content ul.tribe-events-sub-nav {padding-left:0;}
	#tribe-events-content {overflow:scroll;}
	.tribe-events-calendar {max-width:720px; width:720px;}

  .container, #sidebar, #prime {float:none; width:100%;}
  #h {text-align:center;}
  #nav {width:100%; float:none; position:absolute; z-index:9999; background:#0c2661; left:0; top:60px; padding:15px 25px;}
  #h nav form {width:80%; margin:0 auto; display:block; float:none;}
  #sidebar {margin-left:0; margin-top:-15px;}
  img.alignright, div.alignright, img.alignleft, div.alignleft {margin:30px auto; display:block; float:none;}
  .gallery-item {max-width:45%;}
  

  #menu-toggle {display:none;}
  #menu-toggle {display:block; width:100px; padding:15px; text-align:center; color:white; text-shadow:2px 2px 0 #0a205d; font-size:50px; position:absolute; top:3px; right:15px;}
  #nav li {margin:20px 0;}
  #nav li a {display:block;}
  
  #content h2.tribe-events-page-title {width:100%; margin:0 auto;}

  #nav, #nav li ul, #h nav form#searchform {display:none;}
  #nav li {display:block; float:none;}
  #nav li a {border:none; padding:15px 0;}
  #nav li a:hover, #nav li.current-menu-item a {border:none; background:#59e7e9;}
	
  * {-webkit-appearance:none;}
  
}

@media all and (min-width:501px) {
	#menu-toggle {display:none;}
}