/*
	Theme Name: Dean Canto
	Theme URI:
	Description: Custom Theme for Dean Canto
	Version: 1.0
	Author: Peter @ Alined Design
	Author URI: http://www.alined.com
	Tags: HTML5, CSS, Theme

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*Fix below for compass*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

@font-face { font-family: 'Montserrat-Light'; src: url("fonts/Montserrat-Light.otf"); }
@font-face { font-family: 'Oswald-Bold'; src: url("fonts/Oswald-Bold.ttf"); }
@font-face { font-family: 'Oswald-RegularItalic'; src: url("fonts/Oswald-RegularItalic.ttf"); }
.container { width: 1024px; margin: 0 auto; max-width: 100%; margin-left: auto; margin-right: auto; }
.container:after { content: " "; display: block; clear: both; }

html { overflow-y: scroll; overflow-x: hidden; }

html, body { height: 100%; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

p, a, span, li { font-family: 'Montserrat-Light'; font-weight: normal; }

a { text-decoration: none; color: #8dc63e; }

h1, h2, h3, h4, h5, h6 { font-family: 'Oswald-Bold'; font-weight: normal; margin-top: 0; }

.wrapper { min-height: 100%; margin: 0 auto -155px; }

.content-wrapper { *zoom: 1; }
.content-wrapper:after { content: ""; display: table; clear: both; }

header { background-color: #000; border-bottom: 4px solid #8dc442; }
header .logo { padding: 5px; width: 40.67797%; float: left; margin-right: 1.69492%; }
@media (min-width: 1000px) { header .logo { padding: 25px 0; } }
header .logo img { height: 35px; }
@media (min-width: 1000px) { header .logo img { height: auto; } }
header .nav { width: 57.62712%; float: right; margin-right: 0; }
header .nav ul { display: none; *zoom: 1; text-align: right; padding: 0; margin-top: 35px; margin-bottom: 0; }
header .nav ul:after { content: ""; display: table; clear: both; }
@media (min-width: 1000px) { header .nav ul { display: block; } }
header .nav ul li { list-style: none; float: left; }
header .nav ul li a { color: #fff; font-family: 'Oswald-Bold'; text-decoration: none; padding: 15px 32px 37px 32px; display: block; text-transform: uppercase; }
header .nav ul li:hover { background-color: #8dc442; }
header .nav ul .current-menu-item { background-color: #8dc442; }

.slicknav_menu { display: block; background-color: #000; padding: 0; }
@media (min-width: 1000px) { .slicknav_menu { display: none; } }

.slicknav_icon-bar { background-color: #8dc442 !important; font-size: 20pt; width: 1.35em !important; height: .15em !important; }

.banner-wrapper { position: relative; }

.banner { *zoom: 1; position: relative; height: 400px; overflow: hidden; z-index: -1; }
.banner:after { content: ""; display: table; clear: both; }
@media (min-width: 800px) { .banner { height: 600px; } }
.banner .banner-image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.timecircles { width: 280px; margin: -125px auto 0 auto; *zoom: 1; }
@media (min-width: 800px) { .timecircles { width: 800px; } }
@media (min-width: 800px) { .timecircles { margin: -200px auto 0 auto; } }
.timecircles:after { content: ""; display: table; clear: both; }
.timecircles h2, .timecircles h4, .timecircles span { color: #fff; text-transform: uppercase; }
.timecircles h2 { font-size: 26pt; margin: 0; color: #8dc442; }
@media (min-width: 800px) { .timecircles h2 { font-size: 30pt; } }

#DateCountdown { width: 125px; float: left; }
@media (min-width: 800px) { #DateCountdown { width: 66.10169%; float: right; margin-right: 0; } }

.time-info { float: left; margin-top: 30px; }
@media (min-width: 800px) { .time-info { width: 32.20339%; float: left; margin-right: 1.69492%; margin-top: 25px; } }
.time-info p { margin: 0; color: #fff; text-transform: uppercase; font-size: 8px; }
@media (min-width: 800px) { .time-info p { font-size: initial; } }

.textDiv_Days h4 { font-size: 16px !important; }

.front-news { text-align: center; }
.front-news h2 { font-size: 36pt; color: #A7A9AC; margin-top: 90px; }

.front-news-items { width: 100%; float: left; margin-left: 0; margin-right: 0; position: relative; }
@media (min-width: 450px) { .front-news-items { width: 49.15254%; float: left; margin-right: 1.69492%; } }
@media (min-width: 725px) { .front-news-items { width: 32.20339%; float: left; margin-right: 1.69492%; } }
.front-news-items h3 { padding: 0 50px; font-size: 20pt; }
.front-news-items img { width: 100%; }
.front-news-items a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.front-news-items .front-date { margin-bottom: 30px; color: #BCBEC0; }

.front-news-items:nth-child(even) { margin-right: 0; }
@media (min-width: 725px) { .front-news-items:nth-child(even) { margin-right: initial; } }

.front-news-items:hover { background-color: #f1f2f2; }

@media (min-width: 725px) { .front-news-items:last-child { width: 32.20339%; float: right; margin-right: 0; } }

.front-news-btn { margin: 50px 0; }
.front-news-btn a { border: 2px solid #8dc442; color: #8dc442; padding: 10px; width: 100%; }
.front-news-btn a:hover { color: #fff; background-color: #8dc442; }

.front-profile { height: 400px; background-image: url("img/dean-canto-image-one.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }

.front-profile-items, .front-gallery-items { position: absolute; right: 10px; top: 200px; }
@media (min-width: 500px) { .front-profile-items, .front-gallery-items { top: 265px; } }
@media (min-width: 1000px) { .front-profile-items, .front-gallery-items { right: 225px; top: 150px; } }
.front-profile-items h3, .front-gallery-items h3 { font-size: 30pt; color: #8dc442; margin: 0; text-transform: uppercase; }
@media (min-width: 500px) { .front-profile-items h3, .front-gallery-items h3 { font-size: 40pt; } }
.front-profile-items img, .front-gallery-items img { height: 25px; padding: 10px; float: left; }
.front-profile-items .f-twi, .front-gallery-items .f-twi { margin-left: 0; }
@media (min-width: 500px) { .front-profile-items .f-twi, .front-gallery-items .f-twi { margin-left: 50px; } }
.front-profile-items a, .front-gallery-items a { border: 1px solid #fff; padding: 10px; color: #fff; margin-top: 2px; margin-left: 5px; float: left; }
.front-profile-items a:hover, .front-gallery-items a:hover { background-color: #fff; color: #8dc442; }

.front-sponsors { padding: 25px 0 15px; background-color: #000; text-align: center; }

.f-sponsors-list { *zoom: 1; margin: 0 auto; display: inline-block; }
.f-sponsors-list:after { content: ""; display: table; clear: both; }

.f-sponsor, .sponsor { display: inline-block; position: relative; float: left; padding: 0 5px; }
@media (min-width: 800px) { .f-sponsor, .sponsor { padding: 0 10px; } }

.f-sponsor img { height: 49px; }

.page-id-13 .content-wrapper { padding-right: 0 !important; margin-right: 0; }
.page-id-13 .content-wrapper h3 { margin-top: 40px; }
.page-id-13 .content-wrapper h3:first-child { margin-top: 0; }
@media (min-width: 800px) { .page-id-13 .content-wrapper { margin-right: 20px; } }

.sponsor { padding: 10px 20px; float: none; height: 35px; }
@media (min-width: 420px) { .sponsor { width: 200px; height: auto; } }
.sponsor img { height: auto; width: 100%; vertical-align: middle; }

.front-gallery { height: 350px; position: relative; background-image: url("img/dean-canto-car.jpg"); background-size: cover; background-position: 30%; }
@media (min-width: 1000px) { .front-gallery { background-position: center; } }

.front-gallery-items { right: initial; left: 20px; top: 125px; }
@media (min-width: 1000px) { .front-gallery-items { left: 110px; top: 125px; } }
@media (min-width: 1100px) { .front-gallery-items { left: 150px; top: 125px; } }

.front-social-items { position: relative; height: 365px; }
.front-social-items > img { display: none; position: absolute; }
@media (min-width: 1000px) { .front-social-items > img { display: block; top: 200px; height: 230px; } }
@media (min-width: 1150px) { .front-social-items > img { display: block; height: 285px; top: 150px; } }

.f-social { width: 280px; position: static; padding: 105px 10px 0px; right: 0px; left: 0px; margin: 0px auto; }
@media (min-width: 1000px) { .f-social { right: 100px; left: auto; position: absolute; } }
@media (min-width: 1200px) { .f-social { right: 200px; } }
.f-social a { display: block; text-align: center; color: #939497; font-size: 16pt; border: 2px solid #939497; padding: 15px; }
.f-social a:last-child { margin-top: 30px; }
.f-social a:hover { background-color: #fff; color: #8dc442; border-color: #8dc442; }

.sidebar-news, .sidebar-gallery { padding: 15px 20px; }

.sidebar-news { background-color: #8dc63e; }
.sidebar-news h3 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 1em; }
.sidebar-news ul { padding: 0; }
.sidebar-news ul li { list-style: none; margin-bottom: 20px; }
.sidebar-news ul li h4 { margin: 0; }
.sidebar-news ul li h4 a { color: #000; text-decoration: none; }
.sidebar-news ul li h4 a:hover { color: #fff; }
.sidebar-news .date { color: #fff; font-size: 12px; }

.sidebar-gallery { background-color: #d1d3d4; *zoom: 1; }
.sidebar-gallery:after { content: ""; display: table; clear: both; }
.sidebar-gallery h3 { border-bottom: 1px solid #000; padding-bottom: 1em; }

.side-image { width: 43.93939%; float: left; margin-right: 6.06061%; max-width: 100%; text-align: center; }
.side-image img { width: auto; }
@media (min-width: 800px) { .side-image img { height: auto; width: 100%; } }

.side-image:last-child { width: 43.93939%; float: right; margin-right: 0; }

main section { *zoom: 1; position: relative; max-width: 100%; }
main section:after { content: ""; display: table; clear: both; }
main section h1 { color: #8dc442; border-bottom: 1px solid #8dc442; text-transform: uppercase; padding: 0; margin: 20px; }
@media (min-width: 1000px) { main section h1 { padding: 1em 0; margin: auto 0 1.5em 0; } }
main section h1 span { color: #000; font-size: 12px; display: block; font-family: 'Oswald-Bold'; }
@media (min-width: 800px) { main section > article { width: 70.33898%; float: left; margin-right: 1.69492%; } }
main section > article .content-wrapper { font-size: 14pt; padding: 0 20px; }
@media (min-width: 800px) { main section > article .content-wrapper { padding-right: 100px; } }
@media (min-width: 1000px) { main section > article .content-wrapper { padding-right: 150px; padding-left: 0; } }
main section > article .content-wrapper p:first-child { margin-top: 0; }
main section > article hr { border-color: #8dc442; }
main section > article img { max-width: 100%; height: auto; }
@media (min-width: 800px) { main section aside { width: 27.9661%; float: right; margin-right: 0; } }
main section article article img { width: 100%; height: auto; padding-right: 25px; }

.articles-wrapper { margin-bottom: 75px; }

.date { color: #8dc442; }

.profile-banner { height: 300px; background-image: url("img/dean-canto-image-one.jpg"); background-position: center; background-size: cover; margin-bottom: 30px; }

.profile-quote img { width: 45px; display: inline-block; vertical-align: top; margin: 5px 0 0 12px; }
.profile-quote p { width: 70%; display: inline-block; padding-left: 10px; margin: 0 0 45px 0; font-family: 'Oswald-RegularItalic'; font-size: 15pt; }
@media (min-width: 800px) { .profile-quote p { margin: 0 0 20px 0; } }

.comments { margin-top: 50px; }
.comments ul { padding: 0; }
.comments ul li { list-style: none; }
.comments input[type="submit"] { border: none; background-color: #8dc442; color: #fff; padding: 10px 15px; }
.comments input[type="submit"]:hover { background-color: #648d2c; }

.comment-form-comment textarea { max-width: 100%; width: 90%; }

.comment-body { background-color: #eee; padding: 15px; }

.gallery-image { width: 31.72691%; float: left; margin-bottom: 20px; }
.gallery-image:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.gallery-image:nth-child(3n + 2) { margin-left: 34.13655%; margin-right: -100%; clear: none; }
.gallery-image:nth-child(3n + 3) { margin-left: 68.27309%; margin-right: -100%; clear: none; }
@media (min-width: 950px) { .gallery-image { width: 23.19277%; float: left; }
  .gallery-image:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .gallery-image:nth-child(4n + 2) { margin-left: 25.60241%; margin-right: -100%; clear: none; }
  .gallery-image:nth-child(4n + 3) { margin-left: 51.20482%; margin-right: -100%; clear: none; }
  .gallery-image:nth-child(4n + 4) { margin-left: 76.80723%; margin-right: -100%; clear: none; } }
.gallery-image img { width: 100%; height: 100%; }
@media (min-width: 950px) { .gallery-image img { width: 125px; height: 125px; } }

.gallery-home ul { padding: 0; *zoom: 1; }
.gallery-home ul:after { content: ""; display: table; clear: both; }
.gallery-home ul li { list-style: none; display: inline-block; text-align: center; position: relative; width: 48.79518%; float: left; }
.gallery-home ul li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.gallery-home ul li:nth-child(2n + 2) { margin-left: 51.20482%; margin-right: -100%; clear: none; }
@media (min-width: 500px) { .gallery-home ul li { width: 31.72691%; float: left; }
  .gallery-home ul li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .gallery-home ul li:nth-child(3n + 2) { margin-left: 34.13655%; margin-right: -100%; clear: none; }
  .gallery-home ul li:nth-child(3n + 3) { margin-left: 68.27309%; margin-right: -100%; clear: none; } }
.gallery-home ul li h4 { margin: 10px 0; padding: 0 15px; }
.gallery-home ul li p { font-size: 14px; }
.gallery-home ul li a { display: none; }
.gallery-home ul li a:first-of-type { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.gallery-home ul li:hover { background-color: #eee; }

#commentform label { display: inline-block; width: 90px; }

.form-allowed-tags { display: none; }

.f-profile-social { padding: 0 !important; margin: 0; border: none !important; }

.f-profile-social:hover { background-color: transparent !important; }

footer { min-height: 120px; height: auto; background-color: #8DC63E; background-size: 270px; background-repeat: no-repeat; background-position: center left; }
@media (min-width: 1000px) { footer { height: 120px; } }
footer .container { text-align: right; }
footer img { margin: 0; }
@media (min-width: 1000px) { footer img { margin: 38px 0 0 0; } }

.front-footer { height: 160px; }

.push { height: 155px; }
@media (min-width: 800px) { .push { height: 200px; } }

@media (min-width: 1000px) { .footer-bg { background-image: url("img/dean-canto-car-bottom.png"); } }

.footer-logo { text-align: center; }
@media (min-width: 1000px) { .footer-logo { text-align: right; width: 32.20339%; float: right; margin-right: 0; } }

.front-footer-logo img { padding: 50px 0; margin: 0; }

.social-footer { width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; }
@media (min-width: 1000px) { .social-footer { width: 66.10169%; float: left; margin-right: 1.69492%; text-align: right; } }
.social-footer img { height: 30px; width: auto; margin: 20px 10px 0; }
@media (min-width: 1000px) { .social-footer img { margin-top: 50px; margin-right: 30px; } }