/*
Theme Name: Delaware Premier League
Author: Web and App Creations
Author URI: https://webandappcreations.com/
Description: Custome design theme for Delaware Premier League
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
 html body .homePOstSlider .swiper-container{
    width:100%;
    height:100%
}
html body .homePOstSlider .swiper-container .swiper-slide{
    text-align:center;
    font-size:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
html body .homePOstSlider .swiper-container .swiper-slide img{
    width:100%
}
html body .homePOstSlider .swiper-container .swiper-slide .desc{
    position:absolute;
    bottom:-260px;
    left:35px;
    right:0;
    text-align:left;
    color:#fff;
    padding:40px 25px 15px;
   /* background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.34) 20%, rgba(0,0,0,0.65) 100%);
    background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.34) 20%, rgba(0,0,0,0.65) 100%);
    background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.34) 20%, rgba(0,0,0,0.65) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 )*/
}
html body .homePOstSlider .swiper-container .swiper-slide .desc h2{
    font-size:20px;
    font-weight:bold;
    padding-bottom:10px
}
html body .homePOstSlider .swiper-container .swiper-slide .desc p{
    font-size:14px;
    display:block
}
html body .homePOstSlider .swiper-container .swiper-slide .desc p.date{
    padding-bottom:15px
}
html body .homePOstSlider .swiper-container .swiper-slide .desc p.line{
    border-bottom:solid 1px rgba(255,255,255,0.3);
    padding-bottom:5px
}
.breadcrumbIn{display: none;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, 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; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
code, kbd, pre, samp { font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
select { text-transform: none; }
button { overflow: visible; }
button, input, select, textarea { max-width: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; opacity: .5; }
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; }
 input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; }
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #d1d1d1; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; }
fieldset > :last-child { margin-bottom: 0; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
optgroup { font-weight: bold; }
/**
 * 2.0 - Genericons
/**
 * 3.0 - Typography
 */
h1, h2, h3, h4, h5, h6 { clear: both; margin: 0; text-rendering: optimizeLegibility; }
p { margin: 0; }
dfn, cite, em, i { font-style: italic; }
blockquote { }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote p { margin-bottom: 1.4736842105em; }
blockquote cite, blockquote small { }
blockquote cite:before, blockquote small:before { content: "\2014\00a0"; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong, blockquote b { font-weight: 400; }
blockquote > :last-child { margin-bottom: 0; }
address { font-style: italic; margin: 0 0 1.75em; }
code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { }
abbr, acronym {  cursor: help; }
mark, ins { text-decoration: none; }
big {  }
/**
 * 4.0 - Elements
 */

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
body { /* Fallback for when there is no custom background color defined. */
}
hr { }
ul, ol { margin: 0; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; margin-left: 1.5em; }
li > ul, li > ol { margin-bottom: 0; }
dl { margin: 0 0 1.75em; }
dt { font-weight: 700; }
dd { margin: 0 0 1.75em; }
img { height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
vertical-align: middle; }
del { opacity: 0.8; }
table, th, td { border: 1px solid #d1d1d1; }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */
width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: 700; }
td { border-width: 0 1px 1px 0; }
th, td { padding: 0.4375em; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
 color: #686868;
 font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
 color: #686868;
 font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
 color: #686868;
 font-family: Montserrat, "Helvetica Neue", sans-serif;
 opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
 color: #686868;
 font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
 * 5.0 - Forms
 */

input { line-height: normal; }
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #1a1a1a; border: 0; border-radius: 2px; color: #fff; font-family: Montserrat, "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; padding: 0.84375em 0.875em 0.78125em; text-transform: uppercase; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #007acc; }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background: #f7f7f7; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #d1d1d1; border-radius: 2px; color: #686868; padding: 0.625em 0.4375em; width: 100%; }
input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { background-color: #fff; border-color: #007acc; color: #1a1a1a; outline: 0; }
.post-password-form { margin-bottom: 1.75em; }
.post-password-form label { color: #686868; display: block; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 1.75em; text-transform: uppercase; }
.post-password-form input[type="password"] { margin-top: 0.4375em; }
.post-password-form > :last-child { margin-bottom: 0; }
.search-form { position: relative; }
input[type="search"].search-field { border-radius: 2px 0 0 2px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); }
.search-submit:before { content: "\f400"; font-size: 24px; left: 2px; line-height: 42px; position: relative; width: 40px; }
.search-submit { border-radius: 0 2px 2px 0; bottom: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 42px; }
/**
 * 6.0 - Navigation
 */

@media print {
form,  button,  input,  select,  textarea,  .navigation,  .main-navigation,  .social-navigation,  .sidebar,  .content-bottom-widgets,  .header-image,  .page-links,  .edit-link,  .comment-respond,  .comment-edit-link,  .comment-reply-link,  .comment-metadata .edit-link,  .pingback .edit-link { display: none; }
body,  blockquote cite,  blockquote small,  pre,  .entry-content h4,  .entry-content h5,  .entry-content h6,  .entry-summary h4,  .entry-summary h5,  .entry-summary h6,  .comment-content h4,  .comment-content h5,  .comment-content h6,  .entry-content .author-title { font-size: 12pt; }
blockquote { font-size: 14.25pt; }
.site-title,  .page-title,  .comments-title,  .entry-content h2,  .entry-summary h2,  .comment-content h2,  .widecolumn h2 { font-size: 17.25pt; }
.site-description { display: block; }
.entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; }
.format-aside .entry-title,  .format-image .entry-title,  .format-video .entry-title,  .format-quote .entry-title,  .format-gallery .entry-title,  .format-status .entry-title,  .format-link .entry-title,  .format-audio .entry-title,  .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; }
.entry-content h1,  .entry-summary h1,  .comment-content h1 { font-size: 21pt; }
.entry-content h3,  .entry-summary h3,  .comment-content h3,  body:not(.search-results) .entry-summary { font-size: 14.25pt; }
.site-description,  .author-bio,  .entry-footer,  .sticky-post,  .taxonomy-description,  .entry-caption,  .comment-metadata,  .comment-notes,  .comment-awaiting-moderation,  .site-info,  .wp-caption .wp-caption-text,  .gallery-caption { font-size: 9.75pt; }
body,  .site { background: none !important; /* Brute force since user agents all print differently. */ }
body,  blockquote cite,  blockquote small,  .site-branding .site-title a,  .entry-title a,  .comment-author { color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ }
blockquote,  .page-header,  .comments-title { border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ }
blockquote,  .site-description,  body:not(.search-results) .entry-summary,  body:not(.search-results) .entry-summary blockquote,  .author-bio,  .entry-footer,  .entry-footer a,  .sticky-post,  .taxonomy-description,  .entry-caption,  .comment-author,  .comment-metadata a,  .comment-notes,  .comment-awaiting-moderation,  .site-info,  .site-info a,  .wp-caption .wp-caption-text,  .gallery-caption { color: #686868 !important; /* Make sure color schemes don't affect to print */ }
code,  hr { background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ }
pre,  abbr,  acronym,  table,  th,  td,  .author-info,  .comment-list article,  .comment-list .pingback,  .comment-list .trackback,  .no-comments { border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ }
a { color: #007acc !important; /* Make sure color schemes don't affect to print */ }
.entry-content a,  .entry-summary a,  .taxonomy-description a,  .comment-content a,  .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */ }
.site { margin: 5%; }
.site-inner { max-width: none; }
.site-header { padding: 0 0 1.75em; }
.site-branding { margin-top: 0; margin-bottom: 1.75em; }
.site-main { margin-bottom: 3.5em; }
.entry-header,  .entry-footer,  .page-header,  .page-content,  .entry-content,  .entry-summary,  .post-thumbnail,  .comments-area { margin-right: 0; margin-left: 0; }
.post-thumbnail,  .site-main > article { margin-bottom: 3.5em; }
.entry-content blockquote.alignleft,  .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); }
body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.473684211em; }
.site-footer,  .widecolumn { padding: 0; }
}
/*p.team-reg-new { font-size: 18px !important; padding: 0; margin: 0 !important; padding-bottom: 8px !important;}
p.team-reg-new strong { color: #1656b6; font-family: 'BentonSans'; font-weight: bold; text-transform: uppercase; }*/

.helpblock ol li strong{ font-weight: bold; }
.alert-success {
     background-color: #dff0d8;
     border-color: #d0e9c6;
    color: #3c763d;
}
.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 17px !important;
    display: inherit;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}
/*.helpblock ol{
    counter-reset: item;
}
.helpblock ol li{
    list-style: none;
}
.helpblock ol li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
    color: #1656b6;
    font-weight: 700;
}
.helpblock li ol > li:before {
    content: counters(item, ".") " ";
}*/

.invoiceTable { border: solid 1px #1656b6; padding:0;  }
.invoiceTable .tableTitle { background-color: #1656b6; }
.invoiceTable .tableTitle th { padding-top: 10px;  }
.invoiceTable .tableTitle th h4 {text-align: center; color: #fff;}
.invoiceTable tbody tr.order_item td { border: solid 1px #1656b6 !important; padding: 15px; }
.invoiceTable tfoot tr th, .invoiceTable tfoot tr td { padding: 5px 15px; }

.headBtm { background-color:#ae0008; padding:10px 10px; box-shadow:0 0px 8px #000;}
.headBtm h4 { font-size:16px; color:#fff; display:inline-block; text-transform:none; margin-right:20px; font-family:Montserrat,"Helvetica Neue",sans-serif; font-weight:700;}
.headBtm ul.headSecMenu { display:inline-block; padding:0; margin:0;}
.headBtm ul.headSecMenu li { display:inline-block; padding:0 10px; }
.headBtm ul.headSecMenu li:first-child { padding-left:0;}
.headBtm ul.headSecMenu li:last-child { padding-right:0;}

.headBtm ul.headSecMenu li a { font-size:14px; color:#fff;}
.searchBox { float:right; }
#search {  margin-top:-5px; position:relative;}
#search #search-input {  padding:6px 40px 6px 10px; border:none; font-size:14px; text-align:left; width:100%; }
#search label { position: absolute; right: 5px; top: 4px; cursor:pointer; z-index:1; width:30px; height:25px;}
#search input.fa-search { background: url(images/search-icon.svg) right top no-repeat; text-indent:-100px; background-size:90%;}
.tabCon { padding:0; margin:0;}
.tabCon .team-vs-team { background-color:#ededed; margin:10px 0; display: block; text-align: left; position:relative;}
.tabCon .team-vs-team:hover { background-color:#e0e0e0;}
.tabCon .vsteam-image { width:23%; margin-right:10px; background-color:#ae0008; padding:5px; display:inline-block; vertical-align:top;}
.tabCon .vsteam-image img { width:40px; height:40px; border-radius:50%; margin:0 5px;}
.tabCon .vsteamInfo { width:72%; display:inline-block; vertical-align:top; padding:9px 0;}
.tabCon .vsteamInfo h4, .tabCon .vsteamInfo h5  { font-size:13px; font-weight:bold; font-family:Montserrat,"Helvetica Neue",sans-serif;}
.tabCon .vsteamInfo h4 a { color:#09072f;}
.tabCon .vsteamInfo h5 a { color:#1656b6;}
.tabCon .vsteamInfo h5 a:hover { color:#ae0008;}

.tabCon .vsteamInfo h4 span.vs { padding:0 5px; color:#ae0008;}
.tabCon .vsteamInfo h4 span.matchType, .tabCon .vsteamInfo h5 span.at, .tabCon .vsteamInfo h5 span.time { color:#ae0008;}
.tabCon .vsteamInfo h5 span.at { padding-right:5px;}
.tabCon .vsteamInfo .moreDetail { position:absolute; right:0; bottom:0;}
.tabCon .completeList { display:block; text-align:center;}
.tabCon .completeList a { display: inline-block; padding: 10px 20px; background: #1656b6; color: white; margin: 10px 0; text-transform: uppercase; font-size: 14px; letter-spacing: .5px;}
.tabCon .vsteamInfo h5 span.time { padding-left:5px;}
section.tourStatsContHeder{background-color: #fff; padding: 30px 10px 10px 10px;}
/*.homePOstCon section.sponsorFooter{padding: 0px}*/
html body section.sponsorFooter{ padding-top:10px; padding-bottom: 10px}
html body section.sponsorFooter.leftside{ padding-top:5px; padding-bottom: 10px}
.headBtm ul.headSecMenu li.parent-nav ul.child-nav li {display: block;}
section.row div.row{
    padding-bottom: 30px;
}
a.statepage {
    background-color: #fff;
    padding: 20px;
    font-size: 19px;
    border-radius: 6px;
    font-weight: bold;
    color: #ae0008;
    margin-right: 10px;
}
a.statepage:hover , a.statepage.active{ background-color: #ae0008; color: #fff; }


section.sponsorFooter .teamBlocks.beta{margin-top: 5px; margin-right: 10px;}
section.sponsorFooter .teamBlocks.beta.stad-move {margin-right: 0px; margin-left: 0px;}
.oneThird.teamBlocks.beta.BowlingRanks{margin-right: 0px; margin-left: 0px;}
html body .pointsScheduleTable .pointsTable .pointsTableChild {padding-bottom: 10px;}


@media only screen and (max-width: 1366px) {
.tabCon .vsteam-image { width:25%;}
}
@media only screen and (max-width: 1280px) {
.tabCon .vsteam-image { width:26.5%;}
.tabCon .vsteamInfo { width:70%;}
}
@media only screen and (max-width: 1200px) {
.tabCon .vsteam-image { width:28%;}
.tabCon .vsteamInfo { width:69%;}
.home .columns.homePOstCon .fourEighth.homePOstSliderSS { width:100%; float:left;}
}

@media only screen and (max-width: 1150px) {
.tabCon .vsteam-image { width:30%;}
.tabCon .vsteamInfo { width:67%;}
}

@media only screen and (max-width: 1060px) {
.tabCon .vsteam-image img { width:33px; height:33px;}
.tabCon .vsteamInfo { width:66%;}
}



@media only screen and (max-width: 960px) {
.headBtm h4 { display:block;}
.headBtm ul.headSecMenu li { padding:0 6px;}
.tabCon .vsteam-image { width:100px;}
.tabCon .vsteam-image img { margin:5px;}
.tabCon .vsteamInfo { width:60%;}
}

@media only screen and (max-width: 768px) {
.row a.statepage{width:100%;display:block;    border: 1px solid;
    margin: 5px;}
    .sponsorFooter .teamBlocks.beta {width:100% !important;}
}

@media only screen and (max-width: 639px) {
.headBtm ul.headSecMenu li { width:33%; padding:0;}

.tabCon .vsteamInfo { width:73%;}
}
@media only screen and (max-width: 550px) {
.headBtm ul.headSecMenu, .searchBox { display:block;}
.searchBox { float:none; width:100%; margin-top:10px;}
#search #search-input { width:100% !important;}
.headBtm h4 { font-size:14px;}
}
@media only screen and (max-width: 480px) {
.tabCon .vsteamInfo { width:82%;}
.tabCon .vsteam-image { width:48px;}
.tabCon .vsteam-image img { width:28px; height:28px;}
.pointsScheduleTable .pointsTable .rankingsBtn button { margin-right:2px; width:auto;}
}
@media only screen and (max-width: 390px) {
.tabCon .vsteamInfo { width:77%;}
}
