/*  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;
}



/* FONT PAIRINGS FROM GOOGLE FONTS: CHOOSE A PACKAGE, UPDATE HEAD.INC */

/* BASIC FONTS */

/* GENERAL */

html, body {
font-weight:400;
}







/* <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}





/* BASIC FONTS */

/* <link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700|Montserrat:300" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
}


/* BASIC FONTS */

/* <link href="https://fonts.googleapis.com/css?family=Playfair+Display|Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}





/* BASIC FONTS */

/* <link href="https://fonts.googleapis.com/css?family=Arvo|Lato" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    Font-Family: 'Arvo', Serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    Font-Family: 'Arvo', Serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    Font-Family: 'Lato', Sans-Serif;
    font-weight: 400;
}





/* BASIC FONTS */

/* <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre|Raleway:300" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    Font-Family: 'Raleway', Sans-Serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    Font-Family: 'Raleway', Sans-Serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    Font-Family: 'Frank Ruhl Libre', Sans-Serif;
    font-weight: 400;
}








/* BASIC FONTS */

/* <link href="https://fonts.googleapis.com/css?family=Open+Sans|Work+Sans:300" rel="stylesheet"> */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    Font-Family: 'Work Sans', Sans-Serif;
    font-weight: 300;
    text-transform: none;
}


h1 .uk-jumbo {
    margin: 0 0 20px 0;
    Font-Family: 'Work Sans', Sans-Serif;
    font-weight: 300;
    text-transform: none;
    font-size:62px;
}


body, p {
    Font-Family: 'Open Sans', Sans-Serif;
    font-weight: 400;
}








/* 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;}


.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:800px;
    margin:0 auto;
    padding:20px;
}


.uk-width-quote {
    width:90%;
    max-width:600px;
    margin:0 auto;
    padding:20px 40px;
}


.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:800px;
}

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

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

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

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





/* 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%;
}
}





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

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

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

.uk-light {color: rgba(255,255,255,.9);}



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


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



.uk-background-pagetopbanner {
background-color:#efefef;
}

.uk-background-pagetop {
background-color:#ffffff;
}

.uk-background-hero {
background-color:#efefef;
}

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

 


/* DARKER MUTED */

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


.uk-overlay-primary {
    background: rgba(34,34,34,.6);
}



/* NEUTRALS */


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

.uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead, .uk-light .uk-text-lead, .uk-offcanvas-bar .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
    color: rgba(255,255,255,.9);
}






/* BUTTON & ALERTS & LINKS COLORS */

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

a.uk-button-uk-alert-warning:hover {background-color:#ed7619; color:#ffffff;}
a.uk-button-uk-alert-primary:hover {background-color:#1474d4; color:#ffffff;}
a.uk-button-uk-alert-success:hover {background-color:#22ba81; color:#ffffff;}
a.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;}
a.uk-button-uk-alert-dark:hover {background-color:#222222; color:#ffffff;}



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




/* BUTTONS */


.uk-background-primary, .uk-button-primary {
color: #ffffff;
background-color: rgba(102, 181, 255, 1.0);
border:1px solid rgba(204, 230, 255, 0.90);
}
.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 a, a {
    color: #006bd8;
    text-decoration: none;
    cursor: pointer;
}
.uk-link a, a:hover {text-decoration:none;}

.content a:link {
    color: #006bd8;
    text-decoration: none;
}

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

}

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

.content a:active {
    color: #0084d8;
    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;
}


.content .uk-light a, .content  .uk-light a:visited {
    color: #006bd8;
    text-decoration: none;
    cursor: pointer;
    border-bottom:0;
}

.content  .uk-light a:hover, .content  .uk-light a:active {
    color: #0084d8;
    text-decoration: none;
    cursor: pointer;
    border-bottom:0;
}


a.related,  a.related:visited {
    color: #006bd8;
    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);
}





/* 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;}




.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}


select {
     font-size: 14px;
    line-height: 28px;
    border: 0 none;
    padding: 0 5px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    height: 28px;
    vertical-align: middle;
    display: inline-block;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color;
}

.dataTables_wrapper {
    font-size:14px;
}




/* 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;
}



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 {background: #fff; overflow-y: auto;}

.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;}













/* 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-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:300px;}
.uk-medium {min-height:450px;}
.uk-large {min-height:600px;}
.uk-huge {min-height:800px;}



}

@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:300px;}
.uk-medium {min-height:450px;}
.uk-large {min-height:600px;}
.uk-huge {min-height:600px;}



}






/* 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;
}