﻿.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
    min-width: 320px;
}

.fa-ul-qme li { margin: 0; padding: 0; margin-left: 0px; padding-right:35px; padding-bottom: 10px; list-style: none;}
.qme-uses { font-family: sanchez,'helvetica neue', 'Helvetica', arial, sans-serif; font-size: 2.5em; color: #338dc7; text-align: left; clear: both; padding-top: 40px;}
.qme-summary { text-align: left; font-size: 1em; font-style: italic; margin-bottom: 5px;}
.qme-potential { text-align: left; font-size: 1em; font-style: italic; margin-bottom: 25px; display:none;}

#filter-1 {
    background-color: #dcddde;
}
#filter-2 {
    background-color: #dcddde;
}
#filter-3 {
    background-color: #dcddde;
}
#filter-none {
    background-color: #592c82;
    color: #fff;
}
#filter-none {
    color: #dcddde;
}



.filter {
    padding-bottom:25px;
    padding-top:15px;
}
.qme-search {
  height:30px;
  margin-bottom:20px;
  font-size:1em;
  border:1px;
  border-color:#e9e9e9;
  background-color:#e9e9e9;
  color:#383838;
  font-family:sanchez, 'helvetica neue' , 'Helvetica', arial, sans-serif;
}

.secondary a.btn-qme:hover, .btn-qme:hover, a.btn-qme:visited, .btn-qme:visited, a.btn-qme:hover, .btn-qme:focus, .btn-qme.focus, .btn-qme:active, .btn-qme.active, .open > .dropdown-toggle.btn-qme {
    background-color:#e9e9e9;
    color: #fff;
}
/*.qme-content { margin-top: -40px;}*/
.qme-container {
  padding-right: 20px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 768px) {
  .qme-container {
    width: 768px;
    padding-right:25px;
    padding-left:25px;
  }
}
@media (min-width: 992px) {
  .qme-container {
    width: 992px;
    padding-right:25px;
    padding-left:25px;
  }
}

@media (min-width: 1200px) {
  .qme-container {
    width: 1035px;
    padding-right:25px;
    padding-left:25px;
  }
  .btn-qme {
        margin-right:10px;
        margin-bottom:0px;
  }
}
.qme-row {
  margin-right: -15px;
  margin-left: -15px;
}
.btn-qme {
    text-align:center;
    background-color: #808080;
    color: #383838;
    text-decoration: none;
	font-family: oswald-light, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
  display: inline-block;
  margin-right:10px;
  padding: 6px 12px;
  padding-right:10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
/*  border-radius: 4px;
*/}

.qme-caret:hover {
    cursor: pointer;
}

.qme-content .fa-ul-qme li i {
 padding-right:0px;
}


.qme-head {
    padding-top:25px;
    padding-bottom:15px;
}

.fa-check-square
{
    color:#592c82;
}
.fa-question-circle
{
    color:#00aac6;
}
.fa-times-circle
{
    color:#0070b9;
}
.white {
    color:#fff;
}

 .qme-examples { list-style: none; margin: 35px 0 0; padding: 0; display: block; clear: both;}
    .qme-examples li { float: left; border-right: 1px solid #dcddde; padding: 0 20px; text-align: center;}
        .qme-examples li:first-child { padding-left: 0;}
        .qme-examples li:last-child { border-right: none;}
@media (max-width: 1199px) {
    .qme-examples li {
        padding: 0 25px;
    }
}

@media (max-width: 992px) {


    .qme-examples li {
        padding: 0 5px;
    }
}
@media (max-width: 755px) {
    .qme-examples li {padding: 0 17px; border-right: none;}
    .qme-examples li:last-child { display: none;}

     /*.vid-screenshot { display: none;}*/
     .footnote {  margin-top: 0px; padding-bottom: 20px;}
         
}
@media (max-width: 604px) {

    .qme-examples li {
        padding: 0 13px;
    }
}
@media (max-width: 480px) {

    .qme-examples li:first-child {
        padding-left: 15px;
    }
}
@media (max-width: 360px) {

    .qme-examples li {
        border-right: none;
        padding: 5px 9px 20px;
    }
}