/*
 Theme Name:   Primer Runbox
 Description:  Primer Child Theme
 Author:       GTA
 Template:     primer
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: "Verdana Pro Regular";
    src: url("/_css/fonts/Verdana-Pro-Regular/Verdana-Pro-Regular.eot");
    src: url("/_css/fonts/Verdana-Pro-Regular/Verdana-Pro-Regular.eot?") format("embedded-opentype"),
    url("/_css/fonts/Verdana-Pro-Regular/Verdana-Pro-Regular.woff") format("woff"),
    url("/_css/fonts/Verdana-Pro-Regular/Verdana-Pro-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: normal;
}

@font-face {
  font-family: "Verdana Pro Light";
  src: url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-2.eot");
  src: url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-2.eot?") format("embedded-opentype"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-3.woff") format("woff"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-1.ttf") format("truetype"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
    font-family: "Verdana Pro SemiBold";
    src: url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-2.eot");
    src: url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-2.eot?") format("embedded-opentype"),
    url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-3.woff") format("woff"),
    url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-1.ttf") format("truetype"),
    url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-4.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

body {
    background-color: #fff !important;
}

body, div, p, li, h1, h2, h3, h4, h5, h6, h7, .entry-title {
    font-family: "Verdana Pro Light", Verdana, Arial, Helvetica, sans-serif !important;
}

body, div, p, li {
    font-size: 16px;
}

h3 {
    padding-top: 20px;
}

header {
    line-height: 1.5em;
}

strong, b {
    font-family: "Verdana Pro SemiBold", verdana, arial, helvetica, sans-serif;
}

.site-title-wrapper {
    padding: 125px 0 40px 30px;
}

.custom-logo {
    width: 200px;
    height: auto;
}

.site-title {
    display: none;
}

.site-description {
    font-size: 1.25em;
}

#menu-main {
    margin-left: 1.5em;
}

ul.sub-menu li, ul.sub-menu li a {
    width: 20em;
    line-height: 1.5em;
}

.site-content {
    margin: 0 0 0 0 !important;
}

.content-area {
    margin: 0 !important;
}

.hentry {
    padding-top: 10px !important;
}

#primary {
    width: 75% !important;
    border-right: 1px solid lightgray !important;
}

.layout-two-column-default #secondary {
    margin: 0 !important;
    width: 25% !important;
}


h1.page-title {
    margin-left: 1.25em !important;
    padding-left: 0 !important;
    font-size: 3em;
}

.site-header {
    box-shadow: none !important;
}


h2 {
    margin-top: 1em;
    font-weight: 400;
}



/* Feature List */

.featureList {
    margin: 30px 0 0 0;
    border: 0;
    font-size: 1em;
    line-height: 1.2em;
}

.featureList th {
    padding-left: 10px;
    background-color: #eef4ff;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.featureList td {
    height: 22px;
    padding: 4px 10px ;
    margin-bottom: 1px;
    border-bottom: 2px solid #fff;
    font-size: 14px;
    vertical-align: middle;
}

.featureList h3 {
    padding: 10px 0 2px 0;
    text-align: left;
}

.featureList .space {
    padding: 0px 0;
}

.featureList .tableTitle {
    width: 150px;
    background-color: #eef4ff;
    padding: 0 0 0 10px;
    text-align: left;
    font-size: 14px;
}


/* Price List */

table.priceList {
    margin: 30px 0 0 0;
    border: 0;
    font-size: 16px;
    text-align: center;
}

.priceList th.tableHeader {
    padding: 10px 0 10px 10px;
    height: 30px;
    background-color: #eef4ff;
    text-align: center;
    font-weight: normal;
    font-size: 1.1em;
}

.priceList .left {
    text-align: left !important;
    padding-left: 10px;
}

h2.priceList {
    text-align: left;
    padding-top: 50px;
}

.priceList th {
    vertical-align: middle;
}

.priceList .tableTitle {
    padding-left: 10px;
    font-size: 1em;
    text-align: left !important;
    white-space: nowrap;
}

.priceList .tableTitle span {
    border-bottom: 1px dotted #155D97 !important;
    color: #155D97;
}

.priceList td {
    height: 60px;
    padding: 0;
    margin-bottom: 1px;
    border: 0;
    font-size: 1em;
    text-align: center !important;
    vertical-align: middle;
}

.priceList h3 {
    padding: 10px 0 2px 0;
    text-align: left;
}

.priceList .space {
    border: none;
}

.priceList .space td {
    height: 0px;
}

.priceList .details, .priceList #hideDetails {
}

.priceList .price {
    padding: 5px 0; 
    font-size: 1em;
    font-weight: normal;
    text-align: center !important;
}

.priceList .upgrade {
    font-size: 10px;
}

.priceListFootnote {
    margin-top: 20px;
    font-size: 15px;
}


/* Report List */

.hentry table.reportList {
    margin: 30px 0 0 0;
    border: 0;
    font-size: 1em;
    line-height: 1.1em;
}

.hentry table.reportList th {
    padding: 4px 5px 4px 10px;
    border-bottom: 2px solid #fff;
    background-color: #eef4ff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

.hentry table.reportList td {
    height: 22px;
    padding: 4px 10px ;
    margin-bottom: 1px;
    border-bottom: 2px solid #fff;
    font-size: 10pt;
    vertical-align: middle;
    text-align: right;
}

.hentry table.reportList h3 {
    padding: 10px 0 2px 0;
    text-align: left;
}

.hentry table.reportList .space {
    padding: 0px 0;
}

.hentry table.reportList .tableTitle {
    width: 150px;
    background-color: #eef4ff;
    padding: 0 5px 0 10px;
    text-align: left;
    font-size: 12px;
    text-align: right;
}

/* Third-party services */
.thirdPartyServices {
    margin: 30px 0 0 0;
    border: 0;
    font-size: 1em;
    line-height: 1.1em;
}

.thirdPartyServices th {
    padding: 4px 5px 4px 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: #eef4ff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.thirdPartyServices td {
    height: 22px;
    padding: 4px 10px ;
    margin-bottom: 1px;
    border-bottom: 1px solid #ccc;
    font-size: 10pt;
}

.thirdPartyServices h3 {
    padding: 10px 0 2px 0;
    text-align: left;
}

.thirdPartyServices .space {
    padding: 0px 0;
}

.thirdPartyServices .tableTitle {
    width: 150px;
    background-color: #eef4ff;
    padding: 0 5px 0 10px;
    text-align: left;
    font-size: 12px;
}

.qtip-content {
    line-height: 1.25em !important;
}

/* Orange button styles */

.btnOrange {
      display:inline-block;
      background:none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
      color: #880000;
      text-decoration: none;
      font: 100%/1.0 Verdana,Sans-serif;
      font-weight: normal;
      }
* html button.btnOrange {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btnOrange {
      margin:0 -3px;
      }
.btnOrange span {
      background:#155D97;
      margin:0;
      padding:5px 0; /* Space over and under text */
      border-left:none;
      border-right:none;
      }
* html .btnOrange span {
      padding-top:0;
      }
.btnOrange span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
      border-top:none;
      border-bottom:none;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btnOrange:hover span, .btnOrange:hover span span, .btnOrange:focus span, .btnOrange:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(https://runbox.com/_img/index/button_small_orange_a.png) repeat-x 0 0;
      border-color:none!important;
      color: #ffffff;
      }
.btnOrange:active span {
      background-position:0 -400px;
      outline:none;
      }
.btnOrange:focus, .btnOrange:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

a.btnOrange {
      color: #abd2fd;
}

a:visited.btnOrange {
      color: #abd2fd;
}

a.buttonBig {
      font-size: 11pt;
      text-decoration: none;
      color: #abd2fd;
}

.site-info-wrapper {
    background-color: #fff !important;
}

.site-info-inner {
    text-align: center;
}