/******************************************************************
Theme Name: Democratic Strategist
Theme URI: http://www.heideldesign.com
Description: Custom theme based on the Foundation framework.
Author: Heideldesign
Author URI: http://www.heideldesign.com
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/*
	
These are Foundation style overrides. 
Other foundation styles are found in the assets/css folder. Please do not edit those core styles and simply override the ones you want to change here.

*/

@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/



@media screen and (max-width: 1180px) {
.advps-excerpt-three {padding:10px !important;margin:0px 0px 30px !important;width:100% !important;max-width:100% !important;}
.advps-slide-field-three img {width:100% !important;height:auto !important;}
}

@media screen and (min-width: 1181px) {
.advps-slide-field-three img {width:300px !important;height:auto !important;}
}


/*********************
GENERAL STYLES
*********************/
.row {max-width:1200px;}
body,.off-canvas-content {background-color:#e5e2d5;font-family: 'PT Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', sans-serif;}
.sidebar {
padding-top:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8c0a9+0,d4d0bf+100 */
background: rgb(200,192,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(200,192,169,1) 0%, rgba(212,208,191,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(200,192,169,1) 0%,rgba(212,208,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(200,192,169,1) 0%,rgba(212,208,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c0a9', endColorstr='#d4d0bf',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: -6px 4px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -6px 4px 9px 0px rgba(0,0,0,0.75);
box-shadow: -6px 4px 9px 0px rgba(0,0,0,0.75);
border-left:2px solid #a8a391;
}
#main {padding-top:20px;padding-right:2.375rem}
main header {background-color:transparent;margin-top:0px;}
.date {color:#716756;font-weight:bold;}

.pagination li {
    display: inline-block;
}

/********************
Signup Widget 
*********************/


.ctct-custom-form {
    font: 16px Helvetica Neue,Arial,sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    /* min-width:350px; */
    margin:0 auto;
    box-sizing:border-box;
    padding: 15px;
}
.ctct-form-defaults {
    color: #000;
    padding:15px;
    border-radius:5px;
}
.ctct-custom-form * { box-sizing:border-box; }
.ctct-custom-form p { margin: 0; margin-bottom: 24px;}
.ctct-custom-form select { width: 100%; height: 46px; border: 1px solid #b0b6bb; background-color: #fff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.ctct-custom-form .ctct-form-required { position: relative; }
.ctct-custom-form .ctct-form-required:before {content: "\2217";position: absolute;top: -4px;left: -12px;color: #f5463b; }
.ctct-custom-form input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #b0b6bb;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #394856;
    font-size: 16px;
    line-height: 1.5; 
    }
.ctct-custom-form input[type="text"]:focus { outline: 1px solid #5dacd6; }
.ctct-custom-form .ctct-form-errorMessage {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #f5463b; 
}
.ctct-custom-form ::-webkit-input-placeholder { color: #88919a; }
.ctct-custom-form :-moz-placeholder { color: #88919a; }
.ctct-custom-form ::-moz-placeholder { color: #88919a; }
.ctct-custom-form :-ms-input-placeholder { color: #88919a; }
.ctct-custom-form input.is-error, .ctct-custom-form .ctct-form-input.is-error {
    border-color: #f5463b !important;
    color: #f5463b !important; 
}
.ctct-custom-form label {
    display: block;
    margin-bottom: 12px;
    line-height: 1; 
}
.ctct-custom-form .Button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    padding: 11px 15px;
    line-height: 1;
    background-image: none;
    background-color: #ebedee;
    color: #0078c1;
    border: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
.ctct-custom-form .ctct-button {
    color: #fff;
    background-color: #496B8D;
    display: block;
    width: 100%; 
}

.ctct-custom-form .ctct-button:hover {
    color: #fff;
    background-color: #3e9fda; 
}

.ctct-custom-form .ctct-button:active {
    background-color: #005c94; 
}

.ctct-custom-form .ctct-form-footer {
    font-size: 11px;
    font-family: Helvetica Neue,Arial,sans-serif;
    padding: 10px 0px 0px 0px;
}


/*********************
LINK STYLES
*********************/
a {color:#993300;}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.toprow {height:40px;}
.toprow input {padding:5px;height:1.4rem;margin-top:10px;width:80%;}
.toprow label,.toprow a {margin-top:9px;color:#716756;font-weight:bold;font-size:1rem;}
.toprow label {margin-right:10px;}
form.search {white-space:nowrap;overflow:hidden;}
form.search input {display:inline;}
header {background-color:#f2ecd8;}

.header ul.off-canvas-list li {
  list-style: none; }
  
.logorow {background-color:#496b8d;}

.tagline {color:#d9d0c3;font-weight:bold;font-size:1.3em;font-style:italic;margin:0px;}

.headphoto {overflow:visible;}

/*********************
NAVIGATION STYLES
*********************/
.top-bar {padding-left:0px;}
.top-bar, .top-bar ul {background-color:#f2ecd8;}
.top-bar .title-area {
  z-index: 1; }

.menu .active>a {background:transparent;color:#496b8d}

.menu>li>a:first-of-type {padding-left:0px;}
  
.menu>li>a {font-weight:bold;color: #716756;text-transform:uppercase;padding:5px 20px; }

.is-open .menu>li>a:first-of-type, is-open .menu>li>a {padding:20px;}

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
    
/**************
SLIDESHOW
**************/
.advps-excerpt-three {height:180px;overflow:auto;margin:10px 0;padding-right:10px;}
.bx-wrapper {margin-bottom:30px;}
/* .bx-viewport {padding:10px;} */
/*********************
POSTS & CONTENT STYLES
*********************/

.contentheading {color:#496b8d;font-weight:bold;}
article h4,article h4 a:link,article h4 a:visited {color:#716756;font-weight:bold;margin-bottom:0px;}
#content #inner-content {
  padding: 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline,.byline a {
  color: #716756; }

blockquote, blockquote p {color:#555;}

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }
.collapseomatic {
    background-image: url(your_down_arrow_image_here.png) !important;
}
.colomat-visited {
    color: #8291b2;
}

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
padding-top:10px;
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }
  
  .comments-title,.comment-reply-title {font-size:1.3rem;font-weight:bold;}

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget {
margin:0 0 15px; 
    border-bottom:2px solid #000;
    padding-bottom:15px;
}
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none;
    }
    
.widgettitle {font-weight:bold;font-size:1.4rem;color:#496b8d;}
.widget a {font-weight:bold;}
.moreposts {font-size:1.2rem;}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 0; 
  border-top:10px solid #496b8d;
  padding-top:20px;text-align:center;
  background-color:#CCC5B1;
  z-index:999;
  color:#9e9786}
  

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media screen and (min-width: 40em) {
.logo {margin-top:20px;margin-bottom:0px;}
header {margin-top:-20px;}
.top-bar {margin-top:-20px;}
.bx-viewport {padding:0px;}
}



/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }