/*  ORDER

1.   Fixit - debugger
2.   Font pairings
3.   Max width or height
4.   Logo displays
4.   Content Block Items
5.   Colors
6.   Buttons, alerts, links
7.   Data tables
8.   Sidebar navigation
9.   General Text Adjustments, basic bulleted list
10.  PW - Images
11.  PW - toggle animation
12.  Off-canvas
13.  Lists with comma, separators, related
14.  Specific media queries
15.  Comments Section
16.  Social Media

*/





/* FIX IT */

.debug {
color: rgba(255,39,227,1.0);
background-color: rgba(255,39,227,0.10);
border:1px solid #ff27e3;
}

.uk-text-muted{color:#666666!important}

.uk-light .uk-dark, .uk-light .uk-dark a {color:#555!important}

.uk-alert-events {
   max-width:800px;
   padding:10px;
   margin:0;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #666;
}

tr .even {
    background-color: #ffffff;
    border-bottom: 1px solid #ff0000;
}

.paginate_button {padding:0 8px;}


.uk-offcanvas-bar .uk-nav-default>li>a,.uk-light .uk-navbar-nav>li>a  {
    color: rgba(255,255,255,.9);
}
.uk-active>a, .uk-parent>a {
    color: #fff;
}

.uk-product-max {
    width:100%;
    max-width:380px;
    height:auto;
    margin:15px;
}


@media all and (max-width: 600px) {
    
.uk-product-max {
    width:100%;
    max-width:380px;
    height:auto;
    margin: 0 auto;
}

}


.uk-button-paypal {
    background-color:#3b7bbf;
    color:#fff;
    font-family:sans-serif;
}

.uk-button-paypal:hover {
    background-color:#2f6299;
    color:#fff;
    font-family:sans-serif;
}

.uk-button-buy {
    width: 62px;
    height: 62px;
    margin-right: 6px;
}

.uk-button {
    font-family:sans-serif;

}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 70px;
    padding: 5px 15px;
    font-size: .875rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-decoration: none;
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0px;
}

.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 230px;
    padding: 15px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    text-decoration: none;
}

.uk-navbar-dropdown-nav {
    font-size: .875rem;
    line-height: 1.2rem;
}

.sansserif {    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}


.uk-button-youtube {
    color: #FFF;
    border-color: #e12e1f;
    background-color: #d72617;
}
.uk-button-vimeo {
    color: #FFF;
    border-color: #00ADEF;
    background-color: #00ADEF;
}

.uk-overlay-secondary {
    background: rgba(20,20,20,.80);
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a {
    color: rgba(188,38,26,.9);
}
 
.uk-navbar-dropdown {
    box-shadow: 0 2px 2px rgba(0,0,0,0.10);
}

.uk-width-one-column {
    width:100%;
    max-width:340px;
}

.uk-background-secondary {
    background-color:#333;
}
 
/* FONT PAIRINGS FROM GOOGLE FONTS: CHOOSE A PACKAGE, UPDATE HEAD.INC */

/* BASIC FONTS */


 



/* GENERAL */

html, body {
font-weight:400;
}

/* mind the gap on mixitup results */

.mix > p {margin:0;}
.uk-margins-gone > .truncate > p {margin:0;}


.uk-padding-small {padding:10px;}
.uk-padding-hero {padding:150px;}
.uk-padding-25 {padding:20%;}


.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 10px 0;
    font-size:62px;
}





/* SPONSORS */


.sponsors {width:100%; max-width:120px;height:auto;}


img.sponsors {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.sponsors:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}



@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


 



/* SET A MAX WIDTH OR HEIGHT - - - - - - - - -  - - - - - - - - - - - - -  */

.uk-small {min-height:300px;}
.uk-medium {min-height:450px;}
.uk-large {min-height:600px;}
.uk-huge {min-height:800px;}
.uk-viewport {min-height:1000px;}


.max1200 { width:90%; max-width:1200px;}

.uk-container {
    box-sizing: content-box;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.uk-width-readable {
    width:90%;
    max-width:860px;
    margin:0 auto;
    padding:20px;
}

 

.uk-width-presentation {
    width:100%;
    margin:0 auto;
    padding:80px 100px;
}

@media all and (max-width: 600px) {
.uk-width-presentation {
    width:100%;
    margin:0 auto;
    padding:30px 30px;
}


}



/* LOGO */



@media all and (max-width: 760px) {
.uk-logo-word {
border:0;
font-weight:600;
margin:15px 0 0 0;
padding:0;
}

}


.logo-ph {
width:40px;
height:60px;
margin:30px 0 0 40px;
border:1px solid #ff6600;
}


.uk-logo-large {
width:100%;
max-width:340px;
}

.uk-logo-medium {
width:100%;
max-width:400px;
}

.uk-logo-small {
width:100%;
max-width:200px;
}

.uk-logo-nav {
width:100%;
max-width:120px;
}


h1#navprimary {
    padding: 20px 0 10px 10px;
    display:inline-block;
}


.logo-navbar {
    width: 100%;
    max-width:100px;
    height: auto;
    display: inline-block;
    font-size: 0;
    padding-top: 0;
}

h1.logo {
    margin: 0;
    padding:0;
    font-weight: 400;
    text-transform: none;
    text-decoration:none;
    font-size:16px;
    display:inline;
}




/* CONTENT BLOCKS - - - - - - - - -  - - - - - - - - - - - - -  */


.uk-photo-right {
background-color:rgba(255,255,255,0.73);
margin:0 2% 0 30%;
padding:80px;
width:100%;
max-width:500px;
}

.uk-photo-left {
background-color:rgba(255,255,255,0.73);
margin:0 30% 0 2%;
padding:80px;
width:100%;
max-width:500px;
}


.uk-photo-center {
display:inline;
background-color:rgba(255,255,255,0.0);
margin:3%;
padding:60px;
width:80%;
text-align:center;
color:#ffffff;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8)
}

.uk-photo-center h2 {
font-size:48px;
font-weight:300;
margin:0 0 10px;
color:#ffffff;
}

/* for banner heights */

.uk-small {min-height:300px;}
.uk-medium {min-height:450px;}
.uk-large {min-height:600px;}
.uk-huge {min-height:800px;}



@media (max-width: 640px) {
.uk-photo-right, .uk-photo-left {
    background-color: rgba(255,255,255,0.73);
    padding: 40px;
    margin: 3%;
}
}


/* EVENT LISTINGS */


.day {display:block;font-size:12px; line-height:12px;text-align:center;width:100%;text-transform:uppercase;font-weight:600;margin-bottom:6px;}
.date {display:block;font-size:24px; line-height:24px;text-align:center;width:100%;text-transform:uppercase;}
.uk-border {border:1px solid rgba(120,120,120,0.05);}



/* COLORS & EXCEPTIONS- - - - - - - - -  - - - - - - - - - - - - -  */

body, html {
background-color:#ffffff;
color:#333;
}

.uk-background-footer {
background-color:#333;
}

.uk-background-header {
background-color:#333;
}
 
.uk-background-default {
background-color:#ffffff;
}

 
 
 



.uk-light .uk-button-secondary {
    background-color: #333;
    color: #fff;
    border: 1px solid transparent;
}


.uk-light .uk-button-secondary:hover {
    background-color: #222;
    color: #fff;
    border: 1px solid transparent;
}





/* DARKER MUTED */

.uk-background-slideshow {
background-color:#424949; /* */
}
.uk-background-gallery{
background-color:#424949; /* */
}


.uk-overlay-primary {
    background: rgba(30,30,30,.50);
}



/* NEUTRALS */


.uk-background-soft {
background-color:#f6f7f8; /* white */
}
.uk-background-muted {
background-color: #f8f8f8;
}

 




/* BUTTON & ALERTS & LINKS COLORS */

.uk-button-uk-alert-warning {background-color:#faa05a; color:#ffffff;}
.uk-button-uk-alert-primary {background-color:#005dbb; color:#ffffff;}
.uk-button-uk-alert-success {background-color:#32d296; color:#ffffff;}
.uk-button-uk-alert-danger {background-color:#f0506e; color:#ffffff;}

.uk-button-uk-alert-warning:hover {background-color:#ed7619; color:#ffffff;}
.uk-button-uk-alert-primary:hover {background-color:#1474d4; color:#ffffff;}
.uk-button-uk-alert-success:hover {background-color:#22ba81; color:#ffffff;}
.uk-button-uk-alert-danger:hover {background-color:#d53b58; color:#ffffff;}



.uk-button-uk-alert-logo {background-color:#fa924d; color:#ffffff;}
.uk-button-uk-alert-logo:hover {background-color:#de5900; color:#ffffff;}
.uk-alert-logo {background-color:rgba(250,146,77,0.15); color:#fa924d;}



.uk-alert-dark {background-color:#444444; color:#ffffff;}
.uk-button-uk-alert-dark {background-color:#555555; color:#ffffff;}
.uk-button-uk-alert-dark:hover {background-color:#222222; color:#ffffff;}



.uk-link-warning {color:#faa05a;}
.uk-link-primary {color:#005dbb;}
.uk-link-success {color:#32d296;}
.uk-link-danger {color:#f0506e;}




/* BUTTONS */


.uk-button-primary:focus, .uk-button-primary:hover {
color: #ffffff;
background-color: rgba(204, 230, 255, 0.90);
border:1px solid rgba(102, 181, 255, 1.0);
}

.uk-button-cta:hover {
background-color:#f47f20;
font-weight:600;
color: #ffffff; /* */
border: 1px solid rgba(244,127,32, 0.8);
}




.uk-button-search {
background-color:#f6f7f8;
font-weight:600;
color: #949494; /* */
}

.uk-button-search:hover {
background-color:#929292;
font-weight:600;
color: #ffffff; /* */
}






/* LINKS */

.uk-link,  .uk-link a, a {
    color: #005dbb;
    text-decoration: none;
    cursor: pointer;
}
.uk-link a, a:hover {text-decoration:none;}

.content a:link {
    color: #005dbb;
    text-decoration: none;
}

.content a:hover {
    color: #0291ec;
    text-decoration: none;
    border-bottom: 1px dotted #efefef;

}

.content a:visited {
    color: #005dbb;
    text-decoration: none;
    border-bottom: 1px dotted #efefef;
}

.content a:active {
    color: #0291ec;
    text-decoration: none;

}



a.gray, a.gray:hover, a.gray:visited, a.gray:active {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

a.white, a.white:hover, a.white:visited, a.white:active {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}


.story .uk-light a, .story .uk-light a:visited, .story .uk-light a:hover, .story .uk-light a:active  {
    text-decoration: none;
    cursor: pointer;
    border-bottom:1px dotted rgba(250,250,250,0.5);
}
 
 
 


a.related,  a.related:visited {
    color: #005dbb;
    text-decoration: none;
    cursor: pointer;
}

a.related:hover, a.related:active {
    color: #0084d8;
    text-decoration: none;
    cursor: pointer;
    border-bottom:0px dotted rgba(255,255,255,0.2);
}

/* see mobile version */


.uk-light a.related, .uk-light  a.related:visited {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.uk-light a.related:hover, .uk-light a.related:active {
    color: #ffffff;
    padding:4px 5px;
    text-decoration: none;
    cursor: pointer;
    border:1px dotted rgba(255,255,255,0.2);
}




/* COLORS FOR THE TRACKER & DATATABLES */



.red {background-color:#f0506e; color:#ffffff; padding:4px;}
.green {background-color:#32d296; color:#ffffff; padding:4px;}
.veto {background-color:#f0506e; color:#ffffff; padding:4px;}
.dead {background-color:#c7c7c7; color:#ffffff; padding:4px;}


 


/* SIDEBAR NAVIGATION */


ul.uk-nav {
list-style: none outside none;
margin: 0;
padding:0;
}

ul.uk-nav li.uk-stripe {
margin: 0;
padding: 0;
border:0;
background-color: #ffffff;
}


ul.uk-nav li.uk-stripe a  {
border-bottom: 1px solid rgba(170,183,184,0.30);
color: #5a5959;
display: block;
padding: 10px;
color:#222;
}

ul.uk-nav li.uk-stripe a:hover {
text-decoration:none;
background-color: rgba(170,183,184,0.40);
color:#222;
}

ul.uk-nav li.uk-stripe a:before {
color: rgba(170,183,184,0.50);
content: "";
font-size: 12px;
padding-right: 10px;
}


ul.uk-nav li.uk-stripe ul.uk-nav li.uk-stripe a  {
background-color:rgba(250, 250, 250, 1.0);
color:#222;
 }

ul.uk-nav li.uk-stripe ul.uk-nav li.uk-stripe a:hover {
text-decoration:none;
color:#fff;
background-color:rgba(170,183,184,0.70);
}



ul.uk-nav li.uk-stripe a.uk-selected {
margin: 0;
text-decoration:none;
background-color: rgba(170,183,184,0.30);
border-left: 8px solid rgba(170,183,184,0.70);
}

ul.uk-nav li.active a {
color:#222;
}



ul.uk-nav ul li a:before.uk-selected {
color: #fff;
content: "";
font-size: 12px;
padding-right: 10px;
}


ul.uk-nav li.uk-stripe ul.uk-nav li  {
margin: 0;
text-decoration:none;
background-color: rgba(255, 255, 255, 0.20);
border-left: 0;
}


ul.uk-nav  li  ul li a.uk-selected:before {
color: #fff;
content: "";
font-size: 12px;
padding-right: 10px;
}


ul.uk-nav  li ul li a.uk-selected  {
color:#222;
}







/* UIKIT TWEAKS */

/*  GENERAL TEXT ADJUSTMENTS  */

p {margin:0 0 20px 0;}
.uk-text-shadow {text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);}

fieldset {
    display: inline-block;
}

.uk-description-list>dt {
    color: #333;
    font-size: .9.0rem;
    font-weight: 700;
    text-transform: capitalize;
}

em {
color: #555;
}

.uk-text-lead {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight:300;
}

.uk-text-italic {
    font-weight:300;
    font-style:italic;
}

 

.lowercase {text-transform:lowercase;}
.caps {text-transform:uppercase;}

strong, b, .bold {font-weight: 600;}
.superbold, a.superbold {font-weight:700;}

.slug {color:#efefef; font-weight:300; font-size:1.0em; text-transform:uppercase;}
.light {font-weight:300;}

.uk-text-tiny   {font-size:0.70em;line-height:1.40em;}
.jumbo {font-size:40px; line-height:38px; font-weight:300; letter-spacing:-2px; color:#222; padding:20px 0;}


.uk-text-large {
font-size: 1.10rem;
line-height: 1.50;
font-weight:400;
}

.content p.uk-text-large {
    font-size: 1.25rem;
    line-height: 1.55;
}

.content .uk-text-lead {

font-weight:300;
font-size: 1.4em;
line-height: 1.8em;
}

.content p, .content ul, .content ol {
font-size: 1.0em;
line-height: 1.8em;
margin: 0 0 20px;
}

 ul.bullets, ul.bullets li ul,  ul.bullet, ul.bullet li ul  {
    margin: 20px;
}

 ul.bullets li,  ul.bullets li ul li, ul.bullet li,  ul.bullet li ul li {
    background: url(../img/bullet.png) no-repeat scroll 2px 8px rgba(0, 0, 0, 0);
    padding-left: 15px;
    margin-bottom:5px;
}

ol {
 padding:20px;
 margin:40px;
}

ol li {
    list-style-type:decimal;
    margin-left:40px;
    margin-bottom:5px;
}






/* PW IMAGES */

img.align_right {float:right;margin:10px 0 10px 15px;}
img.align_left {float:left;margin:10px 15px 10px 0px;}
img.uk-center {margin:0 auto;padding:10px;}


figure {margin:30px 0;}
figcaption  {font-size:0.80em;line-height:1.55em; color:#555555; margin-bottom:15px;}



.uk-thumb {
    width:100%;
    max-width:120px;
}

.uk-thumb-large {
    width:100%;
    max-width:200px;
}






/* PW TOGGLE ANIMATION */

.uk-open {
-webkit-transition: color .1s ease-in-out;
transition: color .1s ease-in-out;
}





/* OFF CANVAS */
.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px 20px;
    background: #222;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-placeholder {
    margin: 0;
    padding: 15px 15px;
    background: 0 0;
    border: 1px solid #efefef;
}




/* LISTS with COMMAS */

ul.commas {list-style-type:none; margin:0; padding:0;}

ul.commas li {display:inline; margin:0; padding:0; font-weight:400; }

ul.commas li a {text-decoration:none; border-bottom:0; }

ul.commas li.null:after {
content:"\00a0";
}

ul.commas li.bull:after {
content:"\2022\00a0";
}

ul.commas li:after  {
content:",\00a0";
}

ul.commas li:last-child:after {
content:"\00a0";
}



ul.commas-inline {list-style-type:none;display: inline;}

ul.commas-inline li {list-style-type:none;display: inline;}

ul.commas-inline li a {text-decoration:none;}

ul.commas-inline li.null:after {
content:"\00a0";
}

ul.commas-inline li.bull:after {
content:"\2022\00a0";
}

ul.commas-inline li:after  {
content:",\00a0";
}

ul.commas-inline li:last-child:after {
content:"\00a0";
}


span.issues {margin-right:10px;}


/* OL */

ol {
    margin-bottom:35px;
}

ol li {
    margin-bottom:25px;
}
  




/* MEDIA QUERIES */


@media all and (min-width: 991px) {
.uk-logo-icon-hidden {
display:none;
}

}


@media all and (max-width: 990px) {
.uk-logo-hidden {
display:none;
}

.uk-logo-icon-hidden {
display:inline-block;
width:60px;
height:60px;
}

}




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

.uk-logo-hidden {
display:inline;
}

.uk-logo-large {
width:100%;
max-width:200px;
margin-top:240px;
}

.uk-logo-icon-hidden {
display:none;
}

.uk-padding-logo-photo {
padding:130px 0 0 20px;
}


.uk-padding-logo-banner {
padding:40px 0 20px 20px;
}


.uk-logo-max-display {
width:100%;
max-width:280px;
}


.uk-thumbnail {
width:100%;
max-width:120px;
height:auto;
max-height:120px;
margin:5px;
}

 


/* for banner heights */

.uk-small {min-height:200px;}
.uk-medium {min-height:300px;}
.uk-large {min-height:350px;}
.uk-huge {min-height:400px;}


a.mobile,  a.mobile:visited {
    display:block;
    border:1px solid #e8e8e8;
    padding:4px 5px;
}

a.mobile:hover, a.mobile:active {
}



}

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

.uk-thumbnail {
width:100%;
max-width:120px;
height:auto;
max-height:120px;
margin:5px;
}

/* for banner heights */

.uk-small {min-height:100px;}
.uk-medium {min-height:200px;}
.uk-large {min-height:300px;}
.uk-huge {min-height:400px;}



}






/* END  END  END  END  END  END  END  END  END  END  END  END */



/* COMMENTS */

.uk-comments-form input {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    font-size:13px;
}
.uk-comments-form textarea  {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color,background-color,border;
    transition-property: color,background-color,border;
    -webkit-appearance: none;
}

.uk-comments-form  radio  {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
}


.uk-comments-form  button {
    background-color: transparent;
    color: #222;
    border: 1px solid #e5e5e5;
}
.uk-comments-form  button {
    margin: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    font-weight:700;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color,border-color;
    transition-property: color,background-color,border-color;
}



.content .CommentList .CommentActionUpvote {
    color: green;
}

.content  .CommentList .CommentActionDownvote {
    border-left: 1px solid #ddd;
    color: red;
}





/* SOCIAL MEDIA */
a {
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

a.button:hover {
text-decoration: none;
}