/**

[0] Fix | Delete

* Breakpoint Mixin

[1] Fix | Delete

*

[2] Fix | Delete

* Uses Sass Maps which requires Sass v3.3.0 or newer

[3] Fix | Delete

*

[4] Fix | Delete

*

[5] Fix | Delete

* EXAMPLE

[6] Fix | Delete

*

[7] Fix | Delete

* body {

[8] Fix | Delete

* @include breakpoint(tablet){

[9] Fix | Delete

* font-size: 14px;

[10] Fix | Delete

* };

[11] Fix | Delete

* }

[12] Fix | Delete

*/

[13] Fix | Delete

.j-row {

[14] Fix | Delete

width: 100%;

[15] Fix | Delete

margin: 0 auto;

[16] Fix | Delete

}

[17] Fix | Delete

.j-row::before, .j-row::after {

[18] Fix | Delete

content: " ";

[19] Fix | Delete

display: table;

[20] Fix | Delete

}

[21] Fix | Delete

.j-row::after {

[22] Fix | Delete

clear: both;

[23] Fix | Delete

}

[24] Fix | Delete

[25] Fix | Delete

.j-col {

[26] Fix | Delete

padding: 0.85em;

[27] Fix | Delete

width: 100%;

[28] Fix | Delete

float: left;

[29] Fix | Delete

position: relative;

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

@media only screen {

[33] Fix | Delete

.j-sm-5 {

[34] Fix | Delete

width: 41.66667%;

[35] Fix | Delete

}

[36] Fix | Delete

.j-sm-7 {

[37] Fix | Delete

width: 58.33333%;

[38] Fix | Delete

}

[39] Fix | Delete

.j-sm-12 {

[40] Fix | Delete

width: 100%;

[41] Fix | Delete

}

[42] Fix | Delete

}

[43] Fix | Delete

@media (min-width: 530px) {

[44] Fix | Delete

.j-md-4 {

[45] Fix | Delete

width: 33.33333%;

[46] Fix | Delete

}

[47] Fix | Delete

.j-md-6 {

[48] Fix | Delete

width: 50%;

[49] Fix | Delete

}

[50] Fix | Delete

.j-md-8 {

[51] Fix | Delete

width: 66.66667%;

[52] Fix | Delete

}

[53] Fix | Delete

.j-md-12 {

[54] Fix | Delete

width: 100%;

[55] Fix | Delete

}

[56] Fix | Delete

}

[57] Fix | Delete

@media (min-width: 782px) {

[58] Fix | Delete

.j-lrg-4 {

[59] Fix | Delete

width: 33.33333%;

[60] Fix | Delete

}

[61] Fix | Delete

.j-lrg-5 {

[62] Fix | Delete

width: 41.66667%;

[63] Fix | Delete

}

[64] Fix | Delete

.j-lrg-6 {

[65] Fix | Delete

width: 50%;

[66] Fix | Delete

}

[67] Fix | Delete

.j-lrg-7 {

[68] Fix | Delete

width: 58.33333%;

[69] Fix | Delete

}

[70] Fix | Delete

.j-lrg-8 {

[71] Fix | Delete

width: 66.66667%;

[72] Fix | Delete

}

[73] Fix | Delete

.j-lrg-12 {

[74] Fix | Delete

width: 100%;

[75] Fix | Delete

}

[76] Fix | Delete

}

[77] Fix | Delete

@keyframes jetpack-candy {

[78] Fix | Delete

0% {

[79] Fix | Delete

transform: scale(1);

[80] Fix | Delete

}

[81] Fix | Delete

20% {

[82] Fix | Delete

transform: scale(1.15);

[83] Fix | Delete

}

[84] Fix | Delete

60% {

[85] Fix | Delete

transform: scale(0.95);

[86] Fix | Delete

}

[87] Fix | Delete

100% {

[88] Fix | Delete

transform: scale(1);

[89] Fix | Delete

}

[90] Fix | Delete

}

[91] Fix | Delete

@keyframes jetpack-loading-fade {

[92] Fix | Delete

0% {

[93] Fix | Delete

opacity: 0.5;

[94] Fix | Delete

}

[95] Fix | Delete

50% {

[96] Fix | Delete

opacity: 1;

[97] Fix | Delete

}

[98] Fix | Delete

100% {

[99] Fix | Delete

opacity: 0.5;

[100] Fix | Delete

}

[101] Fix | Delete

}

[102] Fix | Delete

@keyframes jetpack-rotate {

[103] Fix | Delete

to {

[104] Fix | Delete

transform: rotate(1turn);

[105] Fix | Delete

}

[106] Fix | Delete

}

[107] Fix | Delete

/**

[108] Fix | Delete

* em()

[109] Fix | Delete

*

[110] Fix | Delete

* Convert px to em in a readable fashion.

[111] Fix | Delete

* ==========================================================================

[112] Fix | Delete

[113] Fix | Delete

* Examples:

[114] Fix | Delete

* 1. font-size: em(14px);

[115] Fix | Delete

* 2. font-size: em(30px/14px);

[116] Fix | Delete

*/

[117] Fix | Delete

.button,

[118] Fix | Delete

.download-jetpack {

[119] Fix | Delete

transition: all 0.1s ease-in-out;

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete

.jp-button,

[123] Fix | Delete

.jp-button--settings {

[124] Fix | Delete

display: inline-block;

[125] Fix | Delete

position: relative;

[126] Fix | Delete

padding: 0.7692307692em 1.4615384615em;

[127] Fix | Delete

color: #efefef;

[128] Fix | Delete

font-weight: 700;

[129] Fix | Delete

font-size: 0.9285714286em;

[130] Fix | Delete

line-height: 1;

[131] Fix | Delete

text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

[132] Fix | Delete

background: #6f7476;

[133] Fix | Delete

border-radius: 3px;

[134] Fix | Delete

}

[135] Fix | Delete

.jp-button:visited,

[136] Fix | Delete

.jp-button--settings:visited {

[137] Fix | Delete

color: #efefef;

[138] Fix | Delete

}

[139] Fix | Delete

.jp-button:hover, .jp-button:focus,

[140] Fix | Delete

.jp-button--settings:hover,

[141] Fix | Delete

.jp-button--settings:focus {

[142] Fix | Delete

color: #fff;

[143] Fix | Delete

background: #57972d;

[144] Fix | Delete

}

[145] Fix | Delete

.jp-button:active,

[146] Fix | Delete

.jp-button--settings:active {

[147] Fix | Delete

background: #57972d;

[148] Fix | Delete

opacity: 0.8;

[149] Fix | Delete

}

[150] Fix | Delete

[151] Fix | Delete

.jp-button--settings {

[152] Fix | Delete

background: #93b45f;

[153] Fix | Delete

color: #e8eedf;

[154] Fix | Delete

}

[155] Fix | Delete

.jp-button--settings:visited {

[156] Fix | Delete

color: #e8eedf;

[157] Fix | Delete

}

[158] Fix | Delete

.jp-button--settings:hover, .jp-button--settings:focus {

[159] Fix | Delete

background: #9fbd72;

[160] Fix | Delete

color: #fff;

[161] Fix | Delete

}

[162] Fix | Delete

.jp-button--settings.current {

[163] Fix | Delete

background: #3c6621;

[164] Fix | Delete

color: #fff;

[165] Fix | Delete

box-shadow: inset 0 2px 0 #365a1f, inset 0 1px 3px #3c6621;

[166] Fix | Delete

}

[167] Fix | Delete

[168] Fix | Delete

.download-jetpack {

[169] Fix | Delete

display: inline-block;

[170] Fix | Delete

position: relative;

[171] Fix | Delete

padding: 0.6428571429em 1.0869565217em 0.5357142857em;

[172] Fix | Delete

color: #fff;

[173] Fix | Delete

font-weight: 400;

[174] Fix | Delete

font-size: 20px;

[175] Fix | Delete

line-height: 1;

[176] Fix | Delete

background: #518d2a;

[177] Fix | Delete

z-index: 3;

[178] Fix | Delete

border-radius: 6px;

[179] Fix | Delete

box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4);

[180] Fix | Delete

}

[181] Fix | Delete

.download-jetpack:visited {

[182] Fix | Delete

color: #fff;

[183] Fix | Delete

}

[184] Fix | Delete

.download-jetpack:hover, .download-jetpack:focus {

[185] Fix | Delete

color: #fff;

[186] Fix | Delete

background: #57972d;

[187] Fix | Delete

box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4);

[188] Fix | Delete

}

[189] Fix | Delete

.download-jetpack:active {

[190] Fix | Delete

top: 6px;

[191] Fix | Delete

box-shadow: 0 0 0 #3e6c20, 0 0 0 rgba(0, 0, 0, 0.4);

[192] Fix | Delete

}

[193] Fix | Delete

.download-jetpack:active::after {

[194] Fix | Delete

top: -6px;

[195] Fix | Delete

}

[196] Fix | Delete

.download-jetpack::before {

[197] Fix | Delete

content: "";

[198] Fix | Delete

display: inline-block;

[199] Fix | Delete

position: relative;

[200] Fix | Delete

top: -2px;

[201] Fix | Delete

margin-right: 13px;

[202] Fix | Delete

width: 30px;

[203] Fix | Delete

height: 30px;

[204] Fix | Delete

vertical-align: middle;

[205] Fix | Delete

background: url(../images/connect-plug.svg) center center no-repeat;

[206] Fix | Delete

background-size: 100%;

[207] Fix | Delete

}

[208] Fix | Delete

.download-jetpack::after {

[209] Fix | Delete

content: "";

[210] Fix | Delete

position: absolute;

[211] Fix | Delete

top: 0;

[212] Fix | Delete

left: 0;

[213] Fix | Delete

width: 100%;

[214] Fix | Delete

height: 100%;

[215] Fix | Delete

}

[216] Fix | Delete

@media (max-width: 1147px) {

[217] Fix | Delete

.download-jetpack {

[218] Fix | Delete

font-size: 1.2857142857em;

[219] Fix | Delete

}

[220] Fix | Delete

.download-jetpack::before {

[221] Fix | Delete

top: -1px;

[222] Fix | Delete

width: 23px;

[223] Fix | Delete

height: 23px;

[224] Fix | Delete

}

[225] Fix | Delete

}

[226] Fix | Delete

@media (max-width: 900px) {

[227] Fix | Delete

.download-jetpack:active {

[228] Fix | Delete

top: 0;

[229] Fix | Delete

}

[230] Fix | Delete

}

[231] Fix | Delete

@media (max-width: 530px) {

[232] Fix | Delete

.download-jetpack {

[233] Fix | Delete

font-size: 1.2142857143em;

[234] Fix | Delete

font-weight: 600;

[235] Fix | Delete

}

[236] Fix | Delete

.download-jetpack::before {

[237] Fix | Delete

width: 19px;

[238] Fix | Delete

height: 19px;

[239] Fix | Delete

margin-right: 9px;

[240] Fix | Delete

}

[241] Fix | Delete

}

[242] Fix | Delete

[243] Fix | Delete

.jp-spinner {

[244] Fix | Delete

display: flex;

[245] Fix | Delete

align-items: center;

[246] Fix | Delete

}

[247] Fix | Delete

[248] Fix | Delete

.jp-spinner__inner,

[249] Fix | Delete

.jp-spinner__outer {

[250] Fix | Delete

margin: auto;

[251] Fix | Delete

box-sizing: border-box;

[252] Fix | Delete

border: 0.1em solid transparent;

[253] Fix | Delete

border-radius: 50%;

[254] Fix | Delete

border-top-color: #00aadc;

[255] Fix | Delete

animation: 3s linear infinite;

[256] Fix | Delete

animation-name: jetpack-rotate;

[257] Fix | Delete

}

[258] Fix | Delete

[259] Fix | Delete

.jp-spinner__outer {

[260] Fix | Delete

width: 20px;

[261] Fix | Delete

height: 20px;

[262] Fix | Delete

font-size: 20px;

[263] Fix | Delete

}

[264] Fix | Delete

[265] Fix | Delete

.jp-spinner__inner {

[266] Fix | Delete

width: 100%;

[267] Fix | Delete

height: 100%;

[268] Fix | Delete

border-right-color: #00aadc;

[269] Fix | Delete

opacity: 0.4;

[270] Fix | Delete

}

[271] Fix | Delete

[272] Fix | Delete

/**

[273] Fix | Delete

* Automatticons

[274] Fix | Delete

*

[275] Fix | Delete

* A quick reference

[276] Fix | Delete

*/

[277] Fix | Delete

@font-face {

[278] Fix | Delete

font-family: automatticons;

[279] Fix | Delete

src: url(../_inc/fonts/automatticons/automatticons.eot);

[280] Fix | Delete

src: url(../_inc/fonts/automatticons/automatticons.eot?#iefix) format("embedded-opentype"), url(../_inc/fonts/automatticons/automatticons.woff) format("woff"), url(../_inc/fonts/automatticons/automatticons.ttf) format("truetype"), url(../_inc/fonts/automatticons/automatticons.svg#automatticonsregular) format("svg");

[281] Fix | Delete

font-weight: 400;

[282] Fix | Delete

font-style: normal;

[283] Fix | Delete

}

[284] Fix | Delete

.nav-horizontal::after {

[285] Fix | Delete

content: ".";

[286] Fix | Delete

display: block;

[287] Fix | Delete

height: 0;

[288] Fix | Delete

clear: both;

[289] Fix | Delete

visibility: hidden;

[290] Fix | Delete

}

[291] Fix | Delete

.nav-horizontal a {

[292] Fix | Delete

display: inline-block;

[293] Fix | Delete

}

[294] Fix | Delete

.nav-horizontal li {

[295] Fix | Delete

position: relative;

[296] Fix | Delete

float: left;

[297] Fix | Delete

}

[298] Fix | Delete

.nav-horizontal ul {

[299] Fix | Delete

margin: 0;

[300] Fix | Delete

padding: 0;

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

@media (max-width: 782px) {

[304] Fix | Delete

.configure .frame.top.fixed {

[305] Fix | Delete

padding-left: 0;

[306] Fix | Delete

}

[307] Fix | Delete

}

[308] Fix | Delete

[309] Fix | Delete

.wrap.inner,

[310] Fix | Delete

.page-content {

[311] Fix | Delete

max-width: 950px;

[312] Fix | Delete

margin: 0 auto;

[313] Fix | Delete

}

[314] Fix | Delete

.wrap.inner li,

[315] Fix | Delete

.page-content li {

[316] Fix | Delete

line-height: 23px;

[317] Fix | Delete

}

[318] Fix | Delete

[319] Fix | Delete

@media (max-width: 530px) {

[320] Fix | Delete

.page-content {

[321] Fix | Delete

margin-top: 0;

[322] Fix | Delete

}

[323] Fix | Delete

}

[324] Fix | Delete

[325] Fix | Delete

@media (max-width: 1147px) {

[326] Fix | Delete

.wrap.inner {

[327] Fix | Delete

background: #f6f7f7;

[328] Fix | Delete

padding: 15px;

[329] Fix | Delete

}

[330] Fix | Delete

}

[331] Fix | Delete

@media (max-width: 530px) {

[332] Fix | Delete

.wrap.inner {

[333] Fix | Delete

margin-top: 1.7142857143em;

[334] Fix | Delete

}

[335] Fix | Delete

}

[336] Fix | Delete

[337] Fix | Delete

.page-content.about {

[338] Fix | Delete

position: relative;

[339] Fix | Delete

z-index: 10;

[340] Fix | Delete

}

[341] Fix | Delete

@media (max-width: 1147px) {

[342] Fix | Delete

.page-content.about {

[343] Fix | Delete

background: #f6f7f7;

[344] Fix | Delete

padding: 15px;

[345] Fix | Delete

}

[346] Fix | Delete

}

[347] Fix | Delete

[348] Fix | Delete

@media (max-width: 1147px) {

[349] Fix | Delete

.page-content.configure {

[350] Fix | Delete

background: #f6f7f7;

[351] Fix | Delete

}

[352] Fix | Delete

}

[353] Fix | Delete

[354] Fix | Delete

.footer nav {

[355] Fix | Delete

max-width: 550px;

[356] Fix | Delete

margin: 0 auto;

[357] Fix | Delete

}

[358] Fix | Delete

[359] Fix | Delete

.header {

[360] Fix | Delete

left: 0;

[361] Fix | Delete

right: 0;

[362] Fix | Delete

background: #008710;

[363] Fix | Delete

}

[364] Fix | Delete

[365] Fix | Delete

.header-nav li {

[366] Fix | Delete

line-height: 60px;

[367] Fix | Delete

}

[368] Fix | Delete

.header-nav a {

[369] Fix | Delete

padding: 0 0.7142857143em;

[370] Fix | Delete

line-height: 24px;

[371] Fix | Delete

}

[372] Fix | Delete

.header-nav .jetpack-logo a {

[373] Fix | Delete

display: inline-block;

[374] Fix | Delete

position: relative;

[375] Fix | Delete

width: 214px;

[376] Fix | Delete

margin-right: 6px;

[377] Fix | Delete

background: url(../images/jetpack-logo.png) center center no-repeat;

[378] Fix | Delete

background: url(../images/jetpack-logo.svg) center center no-repeat, none;

[379] Fix | Delete

background-size: 183px auto;

[380] Fix | Delete

color: #fff;

[381] Fix | Delete

line-height: 60px;

[382] Fix | Delete

font-weight: 400;

[383] Fix | Delete

}

[384] Fix | Delete

.header-nav .jetpack-logo a span {

[385] Fix | Delete

text-indent: -9999px;

[386] Fix | Delete

visibility: hidden;

[387] Fix | Delete

}

[388] Fix | Delete

.header-nav .jetpack-logo a::before {

[389] Fix | Delete

content: "";

[390] Fix | Delete

position: absolute;

[391] Fix | Delete

top: 0;

[392] Fix | Delete

left: 0;

[393] Fix | Delete

width: 100%;

[394] Fix | Delete

height: 100%;

[395] Fix | Delete

background-size: 183px 32px;

[396] Fix | Delete

}

[397] Fix | Delete

.header-nav .jetpack-modules + .jetpack-modules {

[398] Fix | Delete

margin-left: 15px;

[399] Fix | Delete

}

[400] Fix | Delete

[401] Fix | Delete

.main-nav {

[402] Fix | Delete

float: left;

[403] Fix | Delete

}

[404] Fix | Delete

.main-nav li {

[405] Fix | Delete

margin: 0;

[406] Fix | Delete

}

[407] Fix | Delete

@media (max-width: 900px) {

[408] Fix | Delete

.main-nav {

[409] Fix | Delete

font-size: 13px;

[410] Fix | Delete

}

[411] Fix | Delete

}

[412] Fix | Delete

[413] Fix | Delete

.jetpack-pagestyles #screen-meta {

[414] Fix | Delete

margin: 0;

[415] Fix | Delete

}

[416] Fix | Delete

.jetpack-pagestyles #screen-meta-links .screen-meta-toggle {

[417] Fix | Delete

z-index: 2;

[418] Fix | Delete

}

[419] Fix | Delete

.jetpack-pagestyles #screen-options-link-wrap,

[420] Fix | Delete

.jetpack-pagestyles #contextual-help-link-wrap {

[421] Fix | Delete

border: none;

[422] Fix | Delete

}

[423] Fix | Delete

.jetpack-pagestyles .update-nag {

[424] Fix | Delete

display: none;

[425] Fix | Delete

}

[426] Fix | Delete

[427] Fix | Delete

.loading {

[428] Fix | Delete

bottom: 50%;

[429] Fix | Delete

position: absolute;

[430] Fix | Delete

top: 50%;

[431] Fix | Delete

width: 100%;

[432] Fix | Delete

}

[433] Fix | Delete

.loading span {

[434] Fix | Delete

color: #999;

[435] Fix | Delete

}

[436] Fix | Delete

[437] Fix | Delete

.modal {

[438] Fix | Delete

background: #fff;

[439] Fix | Delete

position: fixed;

[440] Fix | Delete

top: 52px;

[441] Fix | Delete

bottom: 20px;

[442] Fix | Delete

right: 20px;

[443] Fix | Delete

left: 20px;

[444] Fix | Delete

margin-left: 160px;

[445] Fix | Delete

display: none;

[446] Fix | Delete

box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);

[447] Fix | Delete

z-index: 500;

[448] Fix | Delete

}

[449] Fix | Delete

.modal .close {

[450] Fix | Delete

position: absolute;

[451] Fix | Delete

top: 0;

[452] Fix | Delete

right: 0;

[453] Fix | Delete

font: 300 1.7142857143em Genericons !important;

[454] Fix | Delete

color: #777;

[455] Fix | Delete

content: "\f405";

[456] Fix | Delete

display: inline-block;

[457] Fix | Delete

padding: 0.2857142857em 0.7142857143em 0.4285714286em;

[458] Fix | Delete

z-index: 5;

[459] Fix | Delete

}

[460] Fix | Delete

.modal .close:hover {

[461] Fix | Delete

background: #f0f0f1;

[462] Fix | Delete

opacity: 0.8;

[463] Fix | Delete

}

[464] Fix | Delete

.modal .close:active {

[465] Fix | Delete

background: #f0f0f1;

[466] Fix | Delete

opacity: 0.4;

[467] Fix | Delete

}

[468] Fix | Delete

.modal .content-container {

[469] Fix | Delete

position: absolute;

[470] Fix | Delete

top: 0;

[471] Fix | Delete

right: 0;

[472] Fix | Delete

bottom: 0;

[473] Fix | Delete

left: 0;

[474] Fix | Delete

overflow: auto;

[475] Fix | Delete

padding: 2.1428571429em;

[476] Fix | Delete

}

[477] Fix | Delete

.modal .content {

[478] Fix | Delete

margin: 0 auto;

[479] Fix | Delete

max-width: 900px;

[480] Fix | Delete

text-align: left;

[481] Fix | Delete

}

[482] Fix | Delete

.modal h2 {

[483] Fix | Delete

text-align: left;

[484] Fix | Delete

margin-top: 0;

[485] Fix | Delete

color: #5d6d74;

[486] Fix | Delete

font-weight: 300;

[487] Fix | Delete

line-height: 32px;

[488] Fix | Delete

text-shadow: 0 1px 1px #fff;

[489] Fix | Delete

}

[490] Fix | Delete

@media (max-width: 530px) {

[491] Fix | Delete

.modal h2 {

[492] Fix | Delete

font-size: 26px;

[493] Fix | Delete

}

[494] Fix | Delete

}

[495] Fix | Delete

.modal h5 {

[496] Fix | Delete

clear: left;

[497] Fix | Delete

}

[498] Fix | Delete

.modal p {

[499] Fix | Delete